.material-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem 4rem;align-items:center}.material-hero>.breadcrumb,.material-hero>.eyebrow{grid-column:1/-1}.material-hero h1{font-size:clamp(2.4rem,5vw,5rem);line-height:1.25;max-width:15ch}.material-hero .lead{grid-column:1}.material-hero figure{grid-column:2;grid-row:3/6;margin:0}.material-hero figure img{width:100%;height:auto;display:block;border-radius:4px}.material-hero figcaption{font-size:.75rem;color:#596579;padding-block:.7rem}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.category-tile{display:flex;flex-direction:column;padding:1.6rem;background:#f2f5f8;color:#002c79;border-top:3px solid #002c79;text-decoration:none}.category-tile h2{font-size:1.35rem;margin-block:1rem}.category-tile p{font-size:.95rem;flex:1}.category-tile:hover{background:#e5edf6}.material-tools{margin-block:2rem}.material-tools label{display:block;margin-bottom:.6rem}.material-tools input{width:100%;padding:1rem;border:1px solid #a7b3c4;border-radius:3px;font:inherit;background:#fff;color:#132a49}.material-tools fieldset{display:flex;flex-wrap:wrap;gap:.6rem;border:0;padding:1rem 0;margin:0}.material-tools legend{padding-top:1.2rem;font-size:.85rem}.material-tools button{font:inherit;padding:.7rem 1.1rem;border:1px solid #b0bed0;background:white;color:#002c79;cursor:pointer;border-radius:3px}.material-tools button[aria-pressed=true]{background:#002c79;color:white;border-color:#002c79}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.material-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dbe2eb;padding:1.6rem;background:#fff}.material-card[hidden],#material-empty[hidden]{display:none}.material-card h3{font-size:1.4rem;line-height:1.5;margin-block:.8rem}.material-card h3 a{color:#002c79;text-decoration:none}.material-card p{line-height:1.85}.material-card ul{padding-inline-start:1.2rem;line-height:1.9;margin-block:auto 1.5rem}.material-card .text-link{margin-top:1.2rem}.material-formula{font-family:Arial,sans-serif;font-size:1.2rem;letter-spacing:.04em;color:#64748b}.material-note{margin-block:2.5rem;padding:1.5rem 2rem;background:#eef3f8;border-inline-start:3px solid #002c79;line-height:1.9}.material-detail{max-width:1200px;margin-inline:auto}.material-detail h1{font-size:clamp(2rem,4vw,4rem);line-height:1.4}.material-detail .lead{max-width:850px}.material-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:4rem;border-top:1px solid #dbe2eb;padding-top:2rem}.material-detail-grid p,.material-detail-grid li{line-height:2}.related-materials{display:flex;flex-wrap:wrap;gap:1.5rem}.related-materials h2{width:100%}.material-tools :focus-visible,.category-tile:focus-visible,.material-card a:focus-visible{outline:3px solid #b47924;outline-offset:4px}@media(max-width:1000px){.category-grid,.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.material-hero{display:block}.material-hero figure{margin-top:2rem}.material-hero h1{max-width:none}.category-grid,.materials-grid,.material-detail-grid{grid-template-columns:1fr}.material-tools button{flex:1 1 auto}.material-detail-grid{gap:1.5rem}.material-card{padding:1.3rem}.material-detail .breadcrumb{flex-wrap:wrap}}