.material-overview{padding:46px 0 56px;border-bottom:1px solid var(--line)}
.material-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-bottom:30px}
.material-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}
.material-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,68px);align-items:center}
.material-layout figure{margin:0;min-width:0}
.material-image{aspect-ratio:4/3;display:grid;place-items:center;background:var(--light);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.material-image img{width:100%;height:100%;object-fit:contain}
.material-zoom{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in}
.material-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}
.material-thumbnail{display:block;aspect-ratio:4/3;min-height:56px;width:100%;padding:3px;border:2px solid var(--line);border-radius:4px;background:var(--light);cursor:pointer}
.material-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.material-thumbnail[aria-pressed="true"]{border-color:var(--accent)}
.material-thumbnail:hover{border-color:var(--accent)}
.material-thumbnail:focus-visible,.material-zoom:focus-visible,.material-lightbox-close:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.material-lightbox{box-sizing:border-box;width:min(96vw,1100px);max-width:96vw;max-height:94vh;padding:44px 14px 14px;border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:0 14px 46px #0004}
.material-lightbox::backdrop{background:#000b}
.material-lightbox img{display:block;width:100%;height:auto;max-height:calc(94vh - 72px);object-fit:contain}
.material-lightbox-close{position:absolute;top:6px;right:10px;padding:7px 12px;background:#fff;border:1px solid var(--line);border-radius:4px;cursor:pointer}
.material-layout figcaption{font-size:13px;color:var(--muted);margin-top:9px}
.material-copy h1{font-size:clamp(29px,3vw,40px);line-height:1.25;margin:0 0 18px}
.material-copy p{font-size:17px;max-width:45ch;color:var(--muted);margin:0 0 22px}
.material-copy .contact-link{background:var(--accent);color:#fff}
.material-copy .contact-link:hover{background:#104f84}
.material-body{padding:56px 0}
.material-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,72px)}
.material-columns h2{font-size:24px;margin:0 0 20px}
.material-columns h3{font-size:19px;margin:35px 0 8px}
.material-columns p{color:var(--muted);margin:0;max-width:65ch}
.material-specs{margin:0;border-top:1px solid var(--line)}
.material-specs div{display:grid;grid-template-columns:minmax(140px,36%) minmax(0,1fr);gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}
.material-specs dt{color:var(--muted)}
.material-specs dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.material-performance{margin-top:52px;min-width:0}
.material-performance h2{font-size:24px;margin:0 0 8px}
.material-source{color:var(--muted);font-size:14px;margin:0 0 18px}
.material-note{border-left:3px solid var(--accent);padding:10px 14px;background:var(--light);margin:0 0 18px;line-height:1.6}
.material-conflict{border-left-color:#ad5037;background:#fff1e9;color:#71341e;font-weight:600}
.material-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:4px}
.material-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.material-table{border-collapse:collapse;width:100%;min-width:750px;text-align:left;font-size:14px;font-variant-numeric:tabular-nums}
.material-table caption{text-align:left;padding:13px 16px;color:var(--muted);font-size:13px}
.material-table th,.material-table td{padding:12px 14px;border-top:1px solid var(--line);white-space:nowrap}
.material-table thead{background:var(--light)}
.material-table tbody tr:nth-child(even){background:#f7f9f8}
.material-table tbody th{font-weight:600}
.material-related{border-top:1px solid var(--line);background:var(--light);padding:50px 0 62px}
.material-related .related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.material-related .related-grid:has(.related-product:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,240px))}
.material-error{padding:90px 0;min-height:40vh}
.material-error p{color:var(--muted)}
.material-error a{color:var(--accent);text-decoration:underline}
@media(max-width:760px){.material-overview{padding:26px 0 40px}.material-layout,.material-columns{grid-template-columns:1fr}.material-layout{gap:20px}.material-layout figure{grid-row:1}.material-copy h1{font-size:30px}.material-copy p{font-size:16px}.material-body{padding:42px 0}.material-columns{gap:40px}.material-related{padding:42px 0}.material-related .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.material-specs div{grid-template-columns:1fr;gap:3px}}