.materials-hero{padding:82px 8vw 54px;background:linear-gradient(115deg,var(--night),#234d5e);color:#fff}
.materials-hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.06;letter-spacing:-.065em;margin:0 0 24px;font-weight:700}.materials-hero h1 span{color:var(--cyan);font-weight:500}
.materials-hero>.eyebrow{color:#b4cbd2}.materials-hero>p:not(.eyebrow){max-width:740px;font-size:15px;line-height:1.9;color:#c7d7dc;margin:0}
.materials-section{padding:64px 8vw;background:#f7fafb;scroll-margin-top:100px}.materials-section-alt{background:#edf4f5}.materials-section-head{max-width:760px;margin-bottom:28px}.materials-section-head .eyebrow{margin-bottom:12px}.materials-section h2,.materials-notice h2{font-size:clamp(28px,3.3vw,44px);line-height:1.15;letter-spacing:-.045em;margin:0 0 16px}.materials-section-head>p:last-child{font-size:14px;line-height:1.85;color:#526a73;margin:0}
.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:20px}
.material-card{padding:30px;background:#fff;border:1px solid #ccdde2;min-width:0;display:grid;grid-template-rows:var(--material-head-height,auto) var(--material-summary-height,auto) auto;align-content:start}.material-card-head{padding-bottom:18px}.material-tag{display:block;font:10px/1.6 var(--mono);letter-spacing:.08em;color:#5b8494}.material-card h3{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:10px 0 0}.material-card>p{font-size:14px;line-height:1.85;color:#526a73;margin:0;padding-bottom:24px}.material-card dl{margin:0;display:grid;grid-template-rows:var(--material-uses-height,auto) var(--material-strengths-height,auto) var(--material-limits-height,auto)}.material-card dl>div{padding:16px 0;border-top:1px solid #e0e9ec}.material-card dl>div:last-child{padding-bottom:0}.material-card dt{font-size:12px;font-weight:800;margin-bottom:7px}.material-card dd{margin:0;font-size:13px;line-height:1.8;color:#526a73}
.technical-notes{display:grid;gap:28px}.technical-note{border-top:1px solid #ccdde2;padding-top:24px;display:grid;grid-template-columns:.7fr 1fr;column-gap:40px}.technical-note .material-tag{grid-column:1}.technical-note h3{grid-column:1;margin:10px 0 0;font-size:24px;letter-spacing:-.03em}.technical-note>p{grid-column:2;grid-row:1/4;margin:0;font-size:14px;line-height:1.85;color:#526a73}.technical-note dl{grid-column:2;margin:14px 0 0}.technical-note dt{font-size:12px;font-weight:800;margin-bottom:7px}.technical-note dd{margin:0;font-size:13px;line-height:1.8;color:#526a73}
.materials-notice{padding:54px 8vw 64px;background:#dcebef}.materials-notice>p:not(.eyebrow){max-width:880px;font-size:14px;line-height:1.9;color:#405e6a}.materials-notice .materials-sources{font-size:12px}.materials-sources a{text-decoration:underline;text-underline-offset:3px}.materials-notice .button{margin-top:14px;font-size:12px}.main-nav a[aria-current=page]{color:var(--cyan)}
@media(max-width:700px){.materials-hero{padding:48px 20px 36px}.materials-hero h1{font-size:42px}.materials-hero h1 br{display:none}.materials-hero>p:not(.eyebrow){font-size:14px}.materials-section{padding:40px 20px;scroll-margin-top:82px}.materials-grid{grid-template-columns:1fr;gap:16px}.material-card{padding:24px}.material-card h3{font-size:28px}.technical-note{display:block}.technical-note>p{margin-top:16px}.materials-notice{padding:40px 20px}.materials-section h2,.materials-notice h2{font-size:32px}}
