.materials-page{background:#071019;color:#e8f0f6;min-height:100vh}.materials-hero{background:radial-gradient(circle at 75% 15%,#133a48 0,transparent 34%),linear-gradient(145deg,#0a1824,#071019);border-bottom:1px solid #26404d;padding-bottom:38px}.materials-back{color:#67e8f9;display:inline-block;font-size:.78rem;margin-bottom:32px;text-decoration:none}.materials-hero h1{font-size:clamp(2.2rem,6vw,4.5rem);letter-spacing:-.04em;margin:10px 0 14px}.materials-hero>p:last-of-type{color:#9fb3c0;font-size:1rem;line-height:1.7;max-width:760px}.materials-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.materials-stats span{background:#0d202c;border:1px solid #294757;border-radius:12px;color:#9fb5c2;font-size:.72rem;min-width:132px;padding:12px 15px}.materials-stats b{color:#67e8f9;display:block;font-size:1.35rem;margin-bottom:3px}.materials-explorer{margin:0 auto;max-width:1180px;padding:34px 24px 80px}.materials-tabs{background:#0b1822;border:1px solid #243b48;border-radius:15px;display:grid;gap:7px;grid-template-columns:repeat(4,1fr);margin-bottom:18px;padding:7px;position:sticky;top:8px;z-index:5}.materials-tabs button{background:transparent;border:0;border-radius:10px;color:#8fa6b4;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;padding:12px 8px}.materials-tabs button.active{background:#164154;color:#cffafe}.materials-panel{background:#0a151e;border:1px solid #223845;border-radius:18px;overflow:hidden;padding:24px}.materials-panel>header{align-items:start;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.materials-panel h2{color:#f8fafc;font-size:1.3rem;margin:0 0 6px}.materials-panel header p{color:#839aa8;font-size:.78rem;line-height:1.55;margin:0}.materials-panel select{background:#102431;border:1px solid #315164;border-radius:9px;color:#e2edf3;max-width:260px;padding:10px 12px}.materials-list{display:grid;gap:7px}.corrosion-list summary,.materials-list>a{align-items:center;background:#0d1c26;border:1px solid #213845;border-radius:11px;color:inherit;cursor:pointer;display:grid;gap:12px;grid-template-columns:42px 44px minmax(130px,1fr) minmax(100px,2fr) minmax(80px,auto);padding:10px 13px;text-decoration:none}.corrosion-list summary:hover,.materials-list>a:focus-visible,.materials-list>a:hover{border-color:#4d7c8d;outline:none}.material-rank{color:#78909d;font-size:.8rem;text-align:center}.material-symbol{align-items:center;background:linear-gradient(135deg,#155e75,#0e7490);border:1px solid #22d3ee;border-radius:9px;color:#ecfeff;display:inline-flex;font-family:ui-monospace,monospace;font-size:.9rem;font-weight:800;height:38px;justify-content:center;width:38px}.materials-list small,.materials-list strong{display:block}.materials-list strong{color:#eef6fa;font-size:.78rem}.materials-list small{color:#6f8794;font-size:.65rem;margin-top:3px}.materials-list em{color:#bae6fd;font-size:.72rem;font-style:normal;font-weight:700;text-align:right}.material-meter{background:#192d37;border-radius:999px;height:7px;overflow:hidden}.material-meter i{background:linear-gradient(90deg,#0891b2,#67e8f9);border-radius:inherit;display:block;height:100%}.corrosion-list details{background:#0d1c26;border-radius:11px}.corrosion-list summary{list-style:none}.corrosion-list summary::-webkit-details-marker{display:none}.corrosion-detail{border:1px solid #24414f;border-top:0;display:grid;gap:9px;grid-template-columns:repeat(3,1fr);margin:-7px 8px 8px;padding:16px}.corrosion-detail span{color:#8da5b2;font-size:.7rem}.corrosion-detail span b{color:#d9f3fb;display:block;font-size:.8rem;margin-top:3px}.corrosion-detail a{color:#67e8f9;font-size:.72rem;font-weight:700;text-decoration:none}.materials-summary{align-items:center;color:#708997;display:flex;font-size:.7rem;justify-content:space-between;margin-top:18px}.materials-summary button{background:#164154;border:1px solid #2f667a;border-radius:9px;color:#cffafe;cursor:pointer;font-weight:700;padding:9px 13px}.materials-layer-note{align-items:center;background:#12273a;border:1px solid #31506b;border-radius:11px;display:flex;gap:12px;margin-bottom:20px;padding:13px 15px}.materials-layer-note b{color:#c4b5fd;font-size:.78rem}.materials-layer-note span{color:#8fa7ba;font-size:.7rem}.materials-card-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.materials-card-grid>a{background:#0d1c26;border:1px solid #213845;border-radius:13px;color:inherit;min-width:0;padding:15px;text-decoration:none}.materials-card-grid>a:focus-visible,.materials-card-grid>a:hover{border-color:#4d7c8d;outline:none}.materials-card-grid h3{color:#f0f7fa;font-size:.82rem;margin:11px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.materials-card-grid>a>small{color:#72909f}.materials-card-grid dl{border-top:1px solid #213945;margin:12px 0 0;padding-top:8px}.materials-card-grid dl div{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:4px 0}.materials-card-grid dt{color:#7d95a3;font-size:.62rem}.materials-card-grid dd{color:#ccecf5;font-size:.67rem;font-weight:700;margin:0}@media (max-width:800px){.materials-card-grid{grid-template-columns:repeat(2,1fr)}.corrosion-list summary,.materials-list>a{grid-template-columns:34px 40px minmax(100px,1fr) minmax(70px,auto)}.materials-list .material-meter{display:none}}@media (max-width:540px){.materials-explorer{padding-left:14px;padding-right:14px}.materials-tabs button{font-size:.65rem;padding:10px 3px}.materials-panel{padding:15px}.materials-panel>header{flex-direction:column}.materials-panel select{max-width:none;width:100%}.corrosion-list summary,.materials-list>a{gap:8px;grid-template-columns:28px 36px minmax(0,1fr) auto;padding:9px 7px}.material-symbol{height:34px;width:34px}.materials-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corrosion-detail{grid-template-columns:repeat(2,1fr)}.materials-layer-note{align-items:start;flex-direction:column}}