.materials-page{--mat-ink:#172a3c;--mat-blue:#1568d4;--mat-line:#dbe4ec;color:var(--mat-ink)}
.materials-page h1{font-size:clamp(32px,3.6vw,52px);letter-spacing:-.035em;line-height:1.12;max-width:19ch;text-wrap:balance}
.materials-page h2{font-size:clamp(25px,2.5vw,34px);letter-spacing:-.025em;line-height:1.2;text-wrap:balance}
.materials-page h3{font-size:21px;letter-spacing:-.015em}
.materials-page p,.materials-page li{max-width:72ch}
.materials-page a:not(.button):hover{text-decoration:underline;text-underline-offset:4px}
.materials-page :is(a,button,input,select,textarea,summary):focus-visible,.materials-card-block a:focus-visible{outline:3px solid #1568d4;outline-offset:4px}
.materials-page input,.materials-page textarea{caret-color:#1568d4}
.mat-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:48px;align-items:center;padding-top:28px;padding-bottom:58px}
.mat-hero .lead{margin-top:24px;color:#526779;max-width:62ch}
.mat-hero .button{margin-top:28px}
.mat-hero figure{margin:0;background:#f4f7fa;border:1px solid #e3e9ee;border-radius:3px;padding:20px}
.mat-hero figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply}
.mat-hero figcaption{font-size:12px;color:#526779;margin-top:8px}
.mat-nav{display:flex;flex-wrap:wrap;gap:10px 20px;border-block:1px solid var(--mat-line);padding-block:18px}
.mat-nav a{font-weight:600;color:var(--mat-blue);padding-block:5px}
.mat-nav a[aria-current=page]{color:#172a3c;text-decoration:underline;text-underline-offset:6px}
.mat-section{padding-block:54px;border-bottom:1px solid var(--mat-line)}
.mat-section>p{margin-top:18px;color:#526779}
.mat-directory{margin-top:26px;border-top:1px solid var(--mat-line)}
.mat-directory>a{display:grid;grid-template-columns:145px minmax(0,1fr) 32px;gap:26px;align-items:start;padding:24px 8px;border-bottom:1px solid var(--mat-line)}
.mat-directory strong{font-size:25px;color:var(--mat-blue);line-height:1.2}
.mat-directory p{font-size:15px;color:#526779}
.mat-directory b{font-size:12px;color:#526779;font-weight:500;display:block;margin-top:8px}
.mat-directory .mat-arrow{font-size:25px;color:var(--mat-blue)}
.mat-reading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);gap:72px;padding-block:20px 54px}
.mat-reading article{padding-top:38px}
.mat-reading article p{margin-top:18px;font-size:16px;color:#40596c}
.mat-reading aside{padding-top:38px}
.mat-reading aside h2{font-size:24px}
.mat-reading aside ul{padding-left:20px;margin:22px 0}
.mat-reading aside li{padding-bottom:14px;color:#40596c}
.mat-note{font-size:14px;line-height:1.7;color:#526779;background:#f1f5f8;padding:20px;border-radius:3px}
.mat-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.mat-products>a{border:1px solid var(--mat-line);padding:16px;border-radius:3px;display:flex;flex-direction:column;gap:12px}
.mat-products img{width:100%;aspect-ratio:4/3;object-fit:contain;height:auto;background:#f7f9fb}
.mat-products h3{font-size:18px}
.mat-products span{font-size:13px;color:#526779}
.mat-products b{font-size:14px;color:var(--mat-blue)}
.mat-faq{padding-bottom:54px}
.mat-faq h2{margin:40px 0 24px}
.mat-faq details{border-top:1px solid var(--mat-line);padding:18px 0}
.mat-faq details:last-child{border-bottom:1px solid var(--mat-line)}
.mat-faq summary{font-weight:600;cursor:pointer;font-size:17px;padding:4px 0}
.mat-faq details p{margin-top:16px;color:#40596c}
.mat-request{background:#f2f6fa;padding-block:58px;scroll-margin-top:25px}
.mat-request-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px}
.mat-request-copy p{margin-top:20px;color:#40596c}
.mat-request-copy ol{padding-left:22px;margin:24px 0}
.mat-request-copy li{padding-bottom:16px}
.mat-request-form{background:#fff;border:1px solid var(--mat-line);padding:30px;border-radius:3px;min-width:0}
.mat-request-form>label,.mat-request-form>.field-grid{margin-bottom:20px}
.mat-request-form .mat-selected-product{margin:-8px 0 22px;font-size:13px;color:#40596c;overflow-wrap:anywhere;line-height:1.6}
.mat-request-form .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mat-request-form textarea{min-height:86px}
.mat-request-form [data-material-status]{margin-top:20px;font-weight:600;overflow-wrap:anywhere}
.mat-request-form [data-material-status][data-error=true]{color:#a12924}
.mat-request-form [data-material-status] a{color:#1568d4;text-decoration:underline}
.mat-request-form [data-material-class-note]{font-weight:400;font-size:12px;display:block;margin-top:8px;line-height:1.6;color:#526779}
.mat-request-form [data-material-source]{font-size:13px;white-space:pre-line;overflow-wrap:anywhere;margin-bottom:20px}
.mat-request-form .button{width:100%}
.mat-form-help{font-size:13px;color:#526779;margin-top:15px}
.materials-card-block{margin:32px 0;padding:24px;background:#f2f6fa;border:1px solid #dbe4ec;border-radius:3px}
.materials-card-block h2{font-size:24px;margin-bottom:12px}
.materials-card-block p{font-size:14px;color:#40596c;max-width:80ch}
.materials-card-block nav{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
.materials-card-block a{color:#1568d4;font-weight:600;min-height:36px;display:inline-flex;align-items:center}
.materials-home{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:center;padding-block:48px}
.materials-home h2{font-size:32px;letter-spacing:-.025em}
.materials-home p{color:#40596c;margin:18px 0;max-width:68ch}
.materials-home img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.materials-home .mat-home-links{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:18px;font-weight:600;color:#1568d4}
@media(max-width:900px){.mat-hero{gap:28px}.mat-reading{gap:35px}.mat-products{grid-template-columns:repeat(2,minmax(0,1fr))}.mat-request-grid{grid-template-columns:1fr;gap:30px}.mat-request-copy{max-width:70ch}.materials-home{gap:25px}}
@media(max-width:600px){.mat-hero{grid-template-columns:1fr;padding-top:14px;padding-bottom:34px;gap:24px}.mat-hero figure{max-width:340px}.mat-hero figure img{max-height:220px}.mat-hero .lead{font-size:16px}.mat-nav{gap:8px 17px}.mat-section{padding-block:36px}.mat-directory>a{grid-template-columns:1fr 24px;gap:12px;padding:22px 0}.mat-directory>a>div{grid-column:1}.mat-directory .mat-arrow{grid-column:2;grid-row:1}.mat-reading{grid-template-columns:1fr;gap:0;padding-bottom:36px}.mat-reading article{padding-top:30px}.mat-reading aside{padding-top:28px}.mat-products{gap:12px}.mat-products>a{padding:12px}.mat-products h3{font-size:16px}.mat-products b{font-size:13px}.mat-request{padding-block:36px}.mat-request-form{padding:20px 16px}.mat-request-form .field-grid{grid-template-columns:1fr;gap:18px}.materials-card-block{padding:20px}.materials-home{grid-template-columns:1fr;padding-block:32px}.materials-home h2{font-size:28px}.materials-home img{max-width:300px}.mat-faq summary{font-size:16px}}