/* Material taxonomy extension: inherit the existing SITI typography and palette. */
.nav-materials{display:flex;align-items:center;gap:3px;position:static}
.materials-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:40px;border:0;background:transparent;color:var(--ink);cursor:pointer}
.materials-toggle:focus-visible,.materials-mega-menu a:focus-visible,.material-brand-group summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.materials-mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(880px,calc(100vw - 72px));border:1px solid var(--line);background:#fff;box-shadow:0 18px 40px #0a233514;padding:24px 30px 30px;z-index:40;color:var(--ink)}
.materials-mega-menu[hidden],#material-filter-empty[hidden],[data-material-type][hidden]{display:none!important}
.materials-mega-heading{padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:22px}
.nav .materials-mega-heading a{font-size:14px;font-weight:500;line-height:1.6;color:var(--blue)}
.materials-mega-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.material-brand-group+ .material-brand-group{border-left:1px solid var(--line);padding-left:30px}
.material-brand-group summary{list-style:none;pointer-events:none;margin-bottom:15px}
.material-brand-group summary::-webkit-details-marker{display:none}
.material-brand-group summary>span{display:block;font-size:16px;font-weight:600;letter-spacing:.015em;line-height:1.55}
.material-brand-group summary small{display:block;font-size:12px;color:var(--muted);font-weight:400;line-height:1.7;margin-top:4px}
.material-menu-links{display:grid;gap:1px}
.nav .material-menu-links a{display:block;font-size:14px!important;font-weight:400;line-height:1.55;letter-spacing:0;white-space:normal;padding:9px 10px;margin-left:-10px;border-radius:3px}
.nav .material-menu-links a:hover{background:var(--paper);color:var(--blue)}
.material-brand-section{margin-bottom:46px;scroll-margin-top:115px}
.material-brand-title{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}
.material-brand-title h2{font-size:24px;margin:0;font-weight:500}
.material-brand-title p{font-size:14px;margin:0;color:var(--muted)}
.material-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.material-category-tile{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:23px;border:1px solid var(--line);min-height:118px;font-size:16px;line-height:1.6;background:white}
.material-category-tile:hover{border-color:var(--blue);background:var(--paper)}
.material-category-tile>span{font-weight:500}.material-category-tile small{font-size:12px;color:var(--muted);line-height:1.7}
.material-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.material-chips a{font-size:12px;line-height:1.65;border:1px solid var(--line);padding:5px 9px;border-radius:3px;color:var(--muted)}
.material-chips a:hover{color:var(--blue);border-color:var(--blue)}
.material-filters{flex-wrap:wrap}.material-filters a[aria-current=page]{background:var(--navy);color:white;border-color:var(--navy)}
.material-home-brands{display:flex;gap:32px;flex-wrap:wrap;margin:0 0 28px}
.material-home-brands a{display:flex;gap:20px;font-size:14px;line-height:1.7;font-weight:500}.material-home-brands span{font-size:12px;font-weight:400;color:var(--muted)}
.material-feed>.empty{grid-column:1/-1}.materials-mega-menu a{border:0}
@media(min-width:1201px){.header-inner{position:relative}.nav{gap:22px}.nav a{font-size:13px;letter-spacing:0}.nav{display:flex!important;position:static!important;padding:0!important;flex-direction:row!important;align-items:center!important;border:0!important}.menu-toggle{display:none!important}.nav-about{width:auto;flex-wrap:nowrap}.nav-submenu{position:absolute;top:calc(100% + 14px);right:0;width:230px;margin:0;flex-basis:auto;box-shadow:0 12px 30px #0a23350d}}
@media(max-width:1200px){.nav{display:none;position:absolute;left:0;right:0;top:90px;padding:25px 36px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px;max-height:calc(100dvh - 90px);overflow-y:auto}.nav.open{display:flex}.menu-toggle{display:block!important}.nav-materials{width:100%;flex-wrap:wrap;gap:8px}.materials-toggle{min-width:44px;min-height:44px}.materials-mega-menu{position:static;transform:none;flex-basis:100%;width:100%;padding:16px 18px;box-shadow:none;margin-top:3px}.materials-mega-heading{display:none}.materials-mega-columns{grid-template-columns:1fr;gap:0}.material-brand-group summary{pointer-events:auto;cursor:pointer;padding:12px 0;margin:0;display:flex;justify-content:space-between;gap:12px;align-items:center}.material-brand-group summary:after{content:'+';font-size:20px;color:var(--muted)}.material-brand-group[open] summary:after{content:'−'}.material-brand-group summary small{margin-right:auto;margin-left:8px}.material-brand-group+.material-brand-group{border-left:0;border-top:1px solid var(--line);padding:0;margin-top:10px}.material-menu-links{padding:4px 0 12px}.nav .material-menu-links a{padding:11px 10px;min-height:44px}.nav .materials-nav-link{font-size:15px}.nav-about{width:100%;flex-wrap:wrap}.nav-submenu{position:static;flex-basis:100%;width:100%;margin-top:6px;box-shadow:none}}
@media(max-width:680px){.nav{top:73px;padding:20px;max-height:calc(100dvh - 73px)}.material-category-grid{grid-template-columns:1fr}.material-brand-title{gap:5px}.material-brand-title h2{font-size:21px}.material-brand-title p{width:100%}.material-category-tile{min-height:100px;padding:20px}.materials-mega-menu{padding:12px}.material-brand-group summary{display:block;position:relative;padding-right:24px}.material-brand-group summary small{margin:3px 0 0}.material-brand-group summary:after{position:absolute;right:0;top:15px}.material-home-brands{gap:13px}.material-home-brands a{width:100%;justify-content:space-between}.material-chips a{font-size:12px}}
@media print{.materials-mega-menu,.materials-toggle,.material-filters{display:none}}