/* Compact manufacturing directory. Inherits Shenghao's existing brand tokens. */
.mfg-section{padding:48px 0!important;scroll-margin-top:90px}
.mfg-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px}
.mfg-heading .eyebrow{color:#087763;margin-bottom:8px;font-size:13px}
.mfg-heading h1,.mfg-heading h2{font:600 clamp(28px,3vw,38px)/1.14 var(--display);letter-spacing:-.02em;margin:0;max-width:640px}
.mfg-heading>p{font-size:16px;line-height:1.6;max-width:340px;margin:0}
.mfg-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
.mfg-process{padding:20px 0;border-top:1px solid var(--line);min-width:0;display:flex;flex-direction:column;align-items:start}
.mfg-process:first-child{border-top:2px solid var(--blue);padding-top:19px}
.mfg-process h3{font:600 23px/1.25 var(--display);margin:0 0 7px}
.mfg-process p{font-size:16px;line-height:1.5;margin:0 0 10px;max-width:330px}
.mfg-link{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.5 var(--body);color:#087763;padding:4px 0;min-height:32px}
.mfg-link:hover{text-decoration:underline}
.mfg-process>.mfg-link{margin-top:auto}
.mfg-cnc-links{display:flex;flex-wrap:wrap;gap:3px 12px;margin-bottom:8px}
.mfg-cnc-links a{font-size:14px;color:var(--ink-soft);text-decoration:underline;text-decoration-color:#b8c6cc}
.mfg-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;border-top:1px solid var(--line);margin-top:2px}
.mfg-secondary a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;font:500 16px/1.35 var(--body);border-bottom:1px solid var(--line);padding:12px 0}
.mfg-secondary a:hover,.mfg-process h3 a:hover{color:#087763}
.mfg-secondary span{color:#087763;font-size:16px}
.mfg-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}
.mfg-bottom p{font-size:14px;max-width:680px;margin:0}
.mfg-solutions{background:var(--bg-2);border-top:1px solid var(--line)}
.mfg-flow{display:flex;align-items:center;gap:0;padding:18px 0 22px;margin:0 0 4px;list-style:none}
.mfg-flow li{display:flex;align-items:center;gap:18px;flex:1;font:500 16px var(--body);color:var(--ink)}
.mfg-flow li:not(:last-child)::after{content:'→';flex:1;color:#7b8b96;border-bottom:1px solid var(--line);line-height:0;text-align:center;margin-right:18px}
.mfg-solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
.mfg-solution{border-top:1px solid #d6dfe4;padding:18px 0 22px;scroll-margin-top:105px}
.mfg-solution h2,.mfg-solution h3{font:600 21px/1.3 var(--display);margin:0 0 8px}
.mfg-solution h2 a,.mfg-solution h3 a{display:flex;justify-content:space-between;gap:10px}
.mfg-solution h2 a:hover,.mfg-solution h3 a:hover{color:#087763}
.mfg-solution h2 span,.mfg-solution h3 span{font:400 17px var(--body);color:#087763;padding-top:4px}
.mfg-solution p{font-size:16px;line-height:1.55;margin:0;max-width:350px}
.mfg-cnc-directory{padding:32px 0!important;background:var(--bg-2);scroll-margin-top:140px}
.mfg-cnc-directory h2{font-size:28px;margin:0 0 16px}
.mfg-cnc-directory .mfg-secondary{margin:0}
.mfg-cnc-directory .mfg-secondary a{justify-content:start}
.mfg-related{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:18px;font-size:14px}
.mfg-related a{text-decoration:underline;color:#087763}
.mfg-breadcrumb{font-size:14px;color:var(--ink-soft);margin-bottom:16px}
.mfg-breadcrumb a{text-decoration:underline}
.mfg-detail{padding:36px 0!important}
.mfg-detail p{font-size:16px;max-width:740px;margin-bottom:16px}
.mfg-detail h2{font-size:28px;margin-bottom:16px}
.mfg-navigation .nav{gap:20px;padding-inline:24px}
.mfg-navigation .navlinks{gap:22px}
.mfg-navigation .mfg-dropdown{position:static}
.mfg-navigation .has-dropdown:has(>.mega-menu){position:static}
.mfg-navigation .has-dropdown>.mega-menu{left:0;max-width:100%;min-width:0;width:min(960px,100%)}
.mfg-navigation .nav{position:relative}
.mfg-navigation .mfg-menu{display:block;left:0;right:0;top:100%;width:100%;min-width:0;max-width:1152px;margin:0 auto;padding:24px 28px 16px;transform:none;max-height:calc(100dvh - 100px);overflow:auto}
.mfg-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mfg-menu h4{font:600 12px/1.5 var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:0 0 10px}
.mfg-navigation .mfg-menu a{font-size:15px;padding:8px 10px;margin:0 -10px;white-space:normal;color:var(--ink);border:0;line-height:1.3}
.mfg-navigation .mfg-menu a:hover{color:#087763;background:var(--blue-pale)}
.mfg-menu-bottom{border-top:1px solid var(--line);padding-top:12px;margin-top:14px;display:flex;gap:24px;flex-wrap:wrap}
.mfg-navigation .mfg-menu-bottom a{font-size:14px;color:#087763;font-weight:600}
.mfg-navigation .mfg-solution-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 28px}
.mfg-navigation .has-dropdown:not(.open)>.dropdown-menu{opacity:0;visibility:hidden;pointer-events:none}
.mfg-navigation .has-dropdown.open>.dropdown-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mfg-navigation .has-dropdown:not(.open) .drop-caret svg{transform:none}
.mfg-navigation .has-dropdown.open .drop-caret svg{transform:rotate(180deg)}
.mfg-navigation header:has(.has-dropdown.open),.mfg-navigation header:focus-within{transform:none!important}
.mfg-navigation a:focus-visible,.mfg-navigation button:focus-visible{outline:2px solid #087763;outline-offset:4px}
.mfg-navigation .mfg-footer-solutions{margin-top:20px}
.mfg-navigation .foot-grid{align-items:start}
/* Reference-led menus: two compact link columns, with Shenghao photography alongside. */
.mfg-navigation .mfg-menu-split{padding:0;display:grid;grid-template-columns:minmax(0,2.1fr) minmax(270px,1fr);max-height:calc(100dvh - 95px);overflow:auto}
.mfg-menu-main{padding:24px 28px}
.mfg-menu-main h2{font:600 30px/1.2 var(--display);margin:0 0 22px}
.mfg-menu-main .mfg-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}
.mfg-menu-main h4{font-size:11px;margin-bottom:7px}
.mfg-navigation .mfg-menu .mfg-menu-entry{display:flex;align-items:start;gap:11px;padding:7px 8px;margin:0 -8px}
.mfg-menu-icon{width:23px;height:23px;flex-shrink:0;color:#59656b;margin-top:1px}
.mfg-menu-entry strong{display:block;font:600 18px/1.25 var(--display);color:var(--ink)}
.mfg-menu-entry small{display:block;font:400 14px/1.45 var(--body);color:var(--ink-soft);margin-top:2px}
.mfg-menu-secondary{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}
.mfg-menu-secondary>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mfg-navigation .mfg-menu-secondary a{display:flex;gap:8px;align-items:center;margin:0;padding:8px 0;font-size:14px}
.mfg-menu-secondary .mfg-menu-icon{width:19px;height:19px}
.mfg-menu-promo{background:#f5f7f8;padding:28px;display:flex;flex-direction:column;align-items:start}
.mfg-menu-promo img{width:100%;height:170px;object-fit:cover;border-radius:5px;margin-bottom:20px}
.mfg-menu-promo h3{font:600 28px/1.25 var(--display);margin:0 0 14px}
.mfg-menu-promo p{font-size:16px;line-height:1.55;margin:0 0 16px}
.mfg-navigation .mfg-menu-promo>a{color:#087763;font-weight:600;font-size:15px;margin:0;padding:6px 0}
.mfg-navigation .mfg-solution-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
.mfg-navigation .mfg-solution-menu a{display:flex;align-items:start;gap:12px;font:600 20px/1.35 var(--display);padding:12px 8px;margin:0 -8px}
.mfg-menu-main-solutions{display:flex;flex-direction:column}
.mfg-menu-main-solutions .mfg-menu-bottom{margin-top:24px}
.mfg-navigation .mfg-menu-callout{display:block;background:#edf3f4;border:1px solid var(--line);padding:14px 16px;margin:24px 0 0;font-size:14px;line-height:1.5}
.mfg-menu-callout strong{color:#087763;margin-left:8px;white-space:nowrap}
.mfg-cnc-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mfg-cnc-photo-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.mfg-cnc-photo-card img{width:100%;height:190px;object-fit:cover}
.mfg-cnc-photo-card>div{padding:18px;flex:1;display:flex;flex-direction:column;align-items:start}
.mfg-cnc-photo-card h3{font:600 20px/1.3 var(--display);margin:0 0 12px}
.mfg-cnc-photo-card p{font-size:16px;line-height:1.5;margin:0 0 16px}
.mfg-cnc-photo-card .mfg-link{margin-top:auto}
.mfg-cnc-options{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.mfg-cnc-options summary{cursor:pointer;font-size:16px;font-weight:600;color:#087763}
.mfg-cnc-options[open] summary{margin-bottom:16px}
.mfg-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.mfg-navigation .navlinks{gap:14px}.mfg-navigation .navcta{gap:10px}.mfg-navigation .navcta .btn{padding:10px 14px}}
@media(min-width:1001px){.mfg-navigation .navlinks{display:flex!important}.mfg-navigation .burger{display:none!important}}
@media(max-width:1000px){
 .mfg-heading{align-items:start;gap:20px}.mfg-heading>p{max-width:280px}
 .mfg-featured,.mfg-secondary,.mfg-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 .mfg-navigation .burger{display:block!important;flex-shrink:0}.mfg-navigation .navlinks{display:none!important;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;gap:0;max-height:calc(100dvh - 82px);overflow:auto;border-bottom:1px solid var(--line);box-shadow:0 14px 24px #1a243014}
 .mfg-navigation .navlinks.open{display:flex!important}.mfg-navigation .has-dropdown{position:relative;width:100%}
 .mfg-navigation .has-dropdown-row{display:flex;justify-content:space-between;width:100%;padding:0 20px;border-bottom:1px solid var(--line)}
 .mfg-navigation .has-dropdown-row>a{padding:14px 4px;border:0;font-size:16px}.mfg-navigation .drop-caret{min-height:44px;min-width:44px;justify-content:center}
 .mfg-navigation .dropdown-menu{position:static!important;display:none!important;min-width:0!important;width:100%!important;margin:0!important;box-shadow:none;border:0;border-radius:0;max-height:none;transform:none}
 .mfg-navigation .has-dropdown.open>.dropdown-menu{display:block!important}
 .mfg-navigation .mfg-menu{padding:20px 24px!important}.mfg-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .mfg-navigation .mfg-solution-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mfg-navigation .navlinks>a{padding:14px 24px;border-bottom:1px solid var(--line)}
 .mfg-navigation .mega-menu .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mfg-navigation .mega-promo{display:none}
 .mfg-navigation .has-dropdown.open>.dropdown-menu{max-height:none;overflow:visible}
 .mfg-navigation .mfg-menu-split{padding:0!important;max-height:none;overflow:visible}.mfg-menu-promo{display:none}
 .mfg-menu-main{padding:20px 24px}.mfg-menu-main .mfg-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mfg-cnc-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .mfg-section{padding:32px 0!important}.mfg-heading{display:block;margin-bottom:22px}.mfg-heading>p{max-width:none;margin-top:14px}
 .mfg-heading h1,.mfg-heading h2{font-size:30px}.mfg-featured,.mfg-secondary,.mfg-solutions-grid{grid-template-columns:1fr}
 .mfg-process{padding:18px 0}.mfg-process p{max-width:none}.mfg-process h3{font-size:23px}
 .mfg-bottom{align-items:start;flex-direction:column;gap:12px}.mfg-flow{padding:10px 0 22px}.mfg-flow li{font-size:14px;gap:6px}.mfg-flow li:not(:last-child)::after{margin-right:6px}
 .mfg-menu-grid,.mfg-navigation .mfg-solution-menu{grid-template-columns:1fr}.mfg-navigation .mfg-menu a{padding:12px 10px}
 .mfg-navigation .logo-img{height:22px}.mfg-navigation .nav{gap:10px}.mfg-navigation .navcta{margin-left:auto}.mfg-navigation .navcta .btn{padding:10px;font-size:13px}
 .mfg-navigation .lang-switch{display:none}.mfg-navigation .mega-menu .mega-grid{grid-template-columns:1fr}
 .mfg-menu-main .mfg-menu-grid,.mfg-menu-secondary>div,.mfg-navigation .mfg-solution-menu,.mfg-cnc-photo-grid{grid-template-columns:1fr}
 .mfg-menu-secondary{grid-column:auto}.mfg-menu-main h2{font-size:26px}.mfg-menu-entry small{font-size:14px}
 .mfg-navigation .mfg-menu-entry{padding:10px 8px!important}.mfg-menu-promo{display:none}
 .mfg-menu-callout strong{display:block;margin-left:0;white-space:normal}
}

/* Unified menu controls, typography, and relevant process photography. */
.mfg-navigation .mfg-nav-toggle{font:500 15px/1.4 var(--body);gap:5px;padding:8px 0;text-align:left;color:var(--ink-soft)}
.mfg-navigation .mfg-nav-toggle:hover,.mfg-navigation .mfg-nav-toggle[aria-expanded="true"]{color:#087763}
.mfg-navigation .has-dropdown:not(.open) .drop-trigger svg{transform:none}
.mfg-navigation .has-dropdown.open .drop-trigger svg{transform:rotate(180deg)}
.mfg-navigation .mfg-menu-entry strong,.mfg-navigation .mfg-solution-menu strong{font:600 18px/1.25 var(--display)}
.mfg-navigation .mfg-solution-menu a{font:600 18px/1.25 var(--display)}
.mfg-process h3,.mfg-solution h2,.mfg-solution h3{font:600 22px/1.3 var(--display)}
.mfg-process h3{display:flex;align-items:center;gap:14px;min-height:56px}
.mfg-process-photo{width:80px;height:56px;object-fit:cover;flex-shrink:0;border-radius:3px}
.mfg-program-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 18px}
.mfg-program-photos figure{margin:0;min-width:0}
.mfg-program-photos img{width:100%;height:140px;object-fit:cover;border-radius:3px}
.mfg-program-photos figcaption{font-size:14px;color:var(--ink-soft);margin-top:7px}
.mfg-about-photo{width:100%;height:120px;object-fit:cover;border-radius:3px;margin-bottom:8px}
.mfg-industry-photo{width:100%;height:120px;object-fit:cover;border-radius:3px;margin-bottom:16px}
.mfg-detail-photo{width:100%;max-width:740px;height:260px;object-fit:cover;border-radius:3px;margin-bottom:24px}
@media(max-width:1000px){.mfg-navigation .mfg-nav-toggle{width:100%;min-height:50px;justify-content:space-between;font-size:16px;padding:12px 4px}.mfg-about-photo{max-width:320px;margin:12px 24px}.mfg-program-photos{gap:12px}}
@media(max-width:600px){.mfg-program-photos{gap:10px}.mfg-program-photos img{height:100px}.mfg-program-photos figcaption{font-size:13px}.mfg-detail-photo{height:190px}}

/* Align all primary navigation controls and enlarge the header brand. */
.mfg-navigation header .logo{flex-shrink:0}
.mfg-navigation header .logo-img{height:34px;width:auto}
@media(min-width:1001px){
 .mfg-navigation .navlinks{align-items:center}
 .mfg-navigation .navlinks>.has-dropdown{display:flex;align-items:center}
 .mfg-navigation .has-dropdown-row{display:flex;align-items:center}
 .mfg-navigation .navlinks>.has-dropdown>.has-dropdown-row>.drop-trigger,
 .mfg-navigation .navlinks>a{display:inline-flex;align-items:center;min-height:40px;padding:8px 0;font:500 15px/1.4 var(--body);white-space:nowrap;box-sizing:border-box}
}
@media(max-width:600px){.mfg-navigation header .logo-img{height:28px}}

/* Service thumbnails in the additional capabilities list. */
.mfg-secondary-photos a{justify-content:flex-start;gap:14px;min-height:88px}
.mfg-secondary-photos img{display:block;width:80px;height:56px;object-fit:cover;border-radius:3px;flex-shrink:0}
.mfg-secondary-photos a>span{margin-left:auto}

.mfg-customer-names{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.mfg-customer-names li{display:flex;align-items:center;justify-content:center;min-height:64px;padding:12px;border:1px solid var(--line);font:600 20px/1.3 var(--body);text-align:center}.mfg-rfq-guide h2{margin:24px 0 12px}.mfg-rfq-guide p{margin-bottom:16px}.mfg-rfq-guide ul{padding-left:22px;margin:16px 0}.mfg-rfq-guide a{color:#087763}.mfg-rfq-guide li{margin-bottom:8px}@media(max-width:700px){.mfg-customer-names{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.mfg-customer-names{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Customer outcome cards. */
.mfg-outcome{display:flex;flex-direction:column;align-items:stretch}.mfg-outcome-photo{width:100%;height:170px;object-fit:cover;border-radius:3px;margin-bottom:18px}.mfg-outcome h2,.mfg-outcome h3{display:flex;gap:10px;align-items:flex-start}.mfg-outcome .mfg-menu-icon{flex-shrink:0;margin-top:3px}.mfg-outcome p{max-width:none}.mfg-outcome .mfg-outcome-best{font-size:14px;color:var(--ink-soft);margin:14px 0}.mfg-outcome>.mfg-link{margin-top:auto}.mfg-outcome>span[id]{scroll-margin-top:110px}

/* Customer logo wall — ONE tile system. Every brand gets the identical outer tile
   (same size, border, padding and containment box) AND the identical white card
   field. Every mark is a light-background asset now: official dark or brand-colour
   artwork on transparency. No dark inner field exists anywhere, so the tile
   background is never part of a logo. No trademark pixel is altered.
   Optical sizing: the contained mark is scaled by per-brand padding so every logo
   carries the same perceived weight (equal area) instead of the same pixel width.
   Padding is a PERCENTAGE, not px, and that matters. The tile is 100px tall at every
   breakpoint but its width changes with the column count, so a wide wordmark is
   width-limited while a near-square mark like Huawei is height-limited. Fixed-px
   padding shrank the wordmarks on narrow tiles while Huawei stayed full-height,
   which is what made it look oversized on mobile. Percentage padding resolves
   against the tile's content width, so the whole wall scales as one unit from
   390px to 1440px and the balance holds. */
.mfg-customer-names li{height:100px;min-width:0;padding:9px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.mfg-customer-names img{display:block;width:100%;height:100%;object-fit:contain;border-radius:2px}
.mfg-customer-names a{display:block;width:100%;height:100%;border-radius:2px;text-decoration:none}
.mfg-customer-names a:focus-visible{outline:2px solid var(--blue-dark);outline-offset:2px}
.mfg-customer-names li:has(a:hover){border-color:var(--blue-dark)}
.mfg-cust-sony img{padding:0 6.5%}
.mfg-cust-byd img{padding:0 22.5%}
.mfg-cust-huawei img{padding:0 31.5%}
.mfg-cust-ant img{padding:0 17.5%}
.mfg-cust-lovol img{padding:0 5.5%}
.mfg-cust-coldsnap img{padding:0 6.2%}
.mfg-cust-timemore img{padding:0 14.7%}
.mfg-cust-lebrew img{padding:0 7%}
.mfg-cust-bluerobotics img{padding:0 8%}
.mfg-cust-mediso img{padding:0 13.5%}


/* Customer case studies. */
.mfg-case-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.mfg-case-card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.mfg-case-card>img{width:100%;height:260px;object-fit:cover}.mfg-case-card>div{padding:26px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.mfg-case-card h2{font:600 27px/1.2 var(--display);margin:5px 0 12px}.mfg-case-card p{font-size:16px;line-height:1.55}.mfg-case-card .mfg-link{margin-top:auto}.mfg-case-card-text{background:var(--bg-2)}.mfg-case-study .detail-grid{align-items:start}.mfg-case-study article h2{font-size:28px;margin:34px 0 12px}.mfg-case-study article h2:first-child{margin-top:0}.mfg-case-study article p{max-width:760px}.mfg-case-hero-image,.mfg-case-gallery{margin:0 0 36px}.mfg-case-hero-image img{display:block;width:100%;height:520px;object-fit:cover}.mfg-case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mfg-case-gallery figure,.mfg-case-inline-image{margin:0}.mfg-case-gallery img{display:block;width:100%;height:360px;object-fit:cover}.mfg-case-inline-image{margin:28px 0}.mfg-case-inline-image img{display:block;width:100%;height:360px;object-fit:cover}.mfg-case-hero-image figcaption,.mfg-case-gallery figcaption,.mfg-case-inline-image figcaption{font-size:14px;color:var(--ink-soft);margin-top:8px}.mfg-case-facts{position:sticky;top:100px}.mfg-case-facts .spec-table td:first-child{width:38%;font-weight:600}@media(max-width:800px){.mfg-case-index,.mfg-case-gallery{grid-template-columns:1fr}.mfg-case-hero-image img{height:340px}.mfg-case-gallery img,.mfg-case-inline-image img{height:280px}.mfg-case-facts{position:static}}@media(max-width:500px){.mfg-case-card>img{height:210px}.mfg-case-card>div{padding:20px}.mfg-case-card h2{font-size:24px}.mfg-case-hero-image img,.mfg-case-gallery img,.mfg-case-inline-image img{height:230px}}

.mfg-related-case{margin:0;font-size:16px}.mfg-related-case a{color:#087763;text-decoration:underline}.mfg-related-case-section{padding:24px 0!important;background:var(--bg-2);border-block:1px solid var(--line)}


/* Material index — crawlable directory of material/finish pages (materials.html). */
.mat-index{padding:64px 0;background:var(--bg-2);border-top:1px solid var(--line)}
.mat-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;align-items:start}
.mat-index-group{border:1px solid var(--line);background:#fff;border-radius:var(--radius)}
.mat-index-group>summary{display:flex;align-items:baseline;gap:12px;justify-content:space-between;padding:15px 20px;cursor:pointer;list-style:none;font:600 16px/1.3 var(--display);color:var(--ink)}
.mat-index-group>summary::-webkit-details-marker{display:none}
.mat-index-group>summary::after{content:'+';font:600 18px/1 var(--mono);color:var(--blue);margin-left:4px}
.mat-index-group[open]>summary::after{content:'\2212'}
.mat-index-group>summary:hover{color:var(--blue)}
.mat-index-group[open]>summary{border-bottom:1px solid var(--line)}
.mat-index-name{flex:1}
.mat-index-count{font:500 12px/1 var(--mono);color:var(--ink-soft);white-space:nowrap}
.mat-index-list{list-style:none;margin:0;padding:14px 20px 18px;columns:2;column-gap:22px}
.mat-index-list li{margin:0 0 8px;break-inside:avoid;font-size:14px}
.mat-index-list a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid transparent}
.mat-index-list a:hover{color:var(--blue);border-bottom-color:var(--blue)}
@media(max-width:520px){.mat-index-list{columns:1}}