.material-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;padding:42px 4px 52px;display:grid}.material-screen h1{margin:18px 0 20px;font-size:clamp(34px,3.7vw,46px);line-height:1.05}.material-instruction{color:#60686d;max-width:400px;font-size:16px;line-height:1.55}.material-figure{max-width:510px;margin:22px 0 0}.material-art-stack{aspect-ratio:320/190;width:100%;position:relative}.material-art-layer{pointer-events:none;transition:opacity .18s ease-out;position:absolute;inset:0}.material-art-layer svg{width:100%;height:100%;display:block}.material-art-layer [id^=FinSurface],.material-art-layer [id^=FinSurface]+path{transition:opacity .18s ease-out}.reveal-tube .material-art-layer [id^=FinSurface],.reveal-tube .material-art-layer [id^=FinSurface]+path{opacity:.1}.material-tube-label,.material-fin-label{color:#616b73;pointer-events:none;font-size:12px;line-height:1.2;position:absolute}.material-tube-label{max-width:48%;top:91%;left:2.2%}.material-fin-label{max-width:24%;top:42%;left:76%}.material-art-controls{color:#767b80;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;font-size:13px;display:flex}.material-art-controls label{color:#454d53;cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.material-art-controls input{accent-color:#f04318;width:16px;height:16px}.material-figure figcaption{color:#767b80;margin-top:10px;font-size:14px;line-height:1.5}.material-selectors{padding-top:4px}.material-choice-group{border:0;min-width:0;margin:0 0 26px;padding:0}.material-choice-group legend{color:#151719;margin-bottom:14px;font-size:14px;line-height:1.5}.material-choice-group legend span{margin-left:10px}.material-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.material-choice{cursor:pointer;background:#fff;border:1px solid #dadde0;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:14px;font-size:14px;transition:background-color .14s ease-out,border-color .14s ease-out;display:flex}.material-choice:has(input:checked){background:#fff7f4;border-color:#f04318}.material-choice:has(input:focus-visible){outline-offset:3px;outline:2px solid #151719}.material-choice input{accent-color:#f04318;cursor:pointer;flex-shrink:0;width:14px;height:14px}.fin-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fin-choices .material-choice{gap:8px;padding:12px 10px}.material-compatibility{color:#767b80;margin-top:12px;font-size:14px;line-height:1.5}.material-change-notice{color:#767b80;font-size:14px;line-height:1.5}.material-change-notice:empty{display:none}.material-summary{margin:12px 0 18px;padding:18px 0}.material-summary p{color:#767b80;margin-bottom:9px;font-size:13px}.material-summary strong{color:#151719;font-size:18px;font-weight:400;line-height:1.45}.material-confirmation{color:#767b80;max-width:400px;font-size:14px;line-height:1.55}@media (max-width:850px){.material-screen{gap:28px}.fin-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.material-choice{min-height:54px;padding:12px}.material-art-controls{flex-direction:column;align-items:flex-start;gap:2px}}@media (max-width:640px){.material-screen{grid-template-columns:1fr;gap:28px;padding-top:28px}.material-screen h1{font-size:36px}.material-figure{max-width:430px;margin-inline:auto}.material-choice-grid{gap:10px}.material-art-controls{flex-direction:row;align-items:center}.material-art-controls>span{text-align:right;max-width:140px}.material-choice{min-height:54px}.material-summary{margin-bottom:4px}.material-choice-group{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){.material-art-layer,.material-art-layer [id^=FinSurface],.material-art-layer [id^=FinSurface]+path,.material-choice{transition:none}}