/* Material picker (idea 5). Default = JS-off view: all three materials stacked, no tabs. */
#materials .mp__lede{margin-top:14px}
#materials .mp__panel{display:grid;gap:clamp(18px,3vw,40px);align-items:center;margin-bottom:clamp(28px,5vw,48px)}
@media(min-width:860px){#materials .mp__panel{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
#materials .mp__media{margin:0;position:relative;overflow:hidden;background:#f5f5f2;aspect-ratio:16/10}
#materials .mp__media img,#materials .mp__media svg{display:block;width:100%;height:100%;object-fit:cover}
#materials .mp__media figcaption{position:absolute;left:12px;bottom:10px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#1b2a4a;background:rgba(255,255,255,.85);padding:3px 8px}
#materials .mp__copy h3{font-family:Display,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:0;font-size:clamp(1.9rem,1.5rem + 1.6vw,2.8rem);line-height:1}
#materials .mp__copy p{margin-top:12px;max-width:46ch}
#materials .mp__cta{margin:0}
#materials .mp__cta a{font-weight:700;color:#1b2a4a;text-underline-offset:3px}

/* JS on: tabs, one panel at a time. */
#materials .mp--js .mp__tabs{display:flex;gap:0;margin-bottom:clamp(18px,3vw,28px);border-bottom:2px solid #e2e6ed;overflow-x:auto}
#materials .mp__tabs[hidden]{display:none}
#materials .mp__tabs [role=tab]{font:inherit;font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#4f5a6e;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:14px clamp(14px,3vw,26px);min-height:48px;cursor:pointer;white-space:nowrap}
#materials .mp__tabs [role=tab]:hover{color:#1b2a4a}
#materials .mp__tabs [role=tab][aria-selected=true]{color:#1b2a4a;border-bottom-color:var(--gold,#c9a84c)}
#materials .mp__tabs [role=tab]:focus-visible{outline:3px solid var(--gold,#c9a84c);outline-offset:-3px}
#materials .mp--js .mp__panel{margin-bottom:clamp(20px,3vw,28px)}
#materials .mp--js .mp__panel[hidden]{display:none}
#materials .mp__panel:focus-visible{outline:3px solid var(--gold,#c9a84c);outline-offset:4px}