/* Grouped navigation and visible product/editorial hierarchy. */
.header{gap:18px}.header #navigation{gap:20px}.header #navigation>a,.nav-group>summary{font-size:11px;white-space:nowrap;color:var(--ink);font-weight:500}.nav-primary{color:var(--accent)!important}.nav-group{position:static}.nav-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:35px 0}.nav-group>summary::-webkit-details-marker{display:none}.nav-chevron{font-size:14px;color:var(--muted)}.nav-group[open]>summary{color:var(--accent)}.nav-group[open] .nav-chevron{transform:rotate(180deg)}.nav-panel{position:absolute;top:calc(100% - 1px);left:0;right:0;background:#181c15;border:1px solid var(--line);border-top:2px solid var(--accent);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;padding:34px max(6%,calc((100% - 1000px)/2));box-shadow:0 26px 40px #0007;max-height:calc(100svh - 110px);overflow:auto}.nav-label{font-size:9px;letter-spacing:2px;color:var(--accent);margin:0 0 15px}.header #navigation .nav-column a{display:block;padding:10px 0;font-size:17px;border-bottom:1px solid var(--line)}.nav-column a span{display:block}.nav-column a small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin:4px 0}.header #navigation a:after{display:none}.header #navigation a:hover{color:var(--accent)}.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}.application-tile{min-width:0;display:flex;flex-direction:column;padding:32px;background:var(--panel);border:1px solid var(--line);min-height:250px;transition:border-color .2s,background .2s}.application-tile:first-child{border-top:3px solid var(--accent)}.application-tile:hover{border-color:var(--accent);background:#232b1c}.application-tile h3{font-family:var(--heading);font-size:43px;text-transform:uppercase;font-weight:600;line-height:1.1;margin:20px 0 12px}.application-tile p{color:var(--muted);font-size:13px;line-height:1.8}.tile-link{margin-top:auto;padding-top:25px;display:flex;justify-content:space-between;font-size:11px;color:var(--accent)}.tile-link b{font-size:20px}.home-articles{border-top:1px solid var(--line)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px}.article-card{min-width:0;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}.article-art{min-height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,#303c23,#182017);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.article-art:after{content:'';width:180px;height:180px;border:20px solid #d6f95b12;border-radius:50%;position:absolute;right:-45px;bottom:-60px}.article-art-sourcing{background:linear-gradient(135deg,#3c3b2a,#212117)}.article-art-order-planning{background:linear-gradient(135deg,#283638,#172123)}.article-art .eyebrow{font-size:8px;letter-spacing:1.4px}.article-art-type{font-family:var(--heading);font-size:38px;font-weight:600;letter-spacing:-1px;color:var(--accent)}.article-arrow{position:absolute;right:22px;bottom:25px;font-size:24px;color:var(--accent)}.article-card-copy{padding:25px;display:flex;flex-direction:column;flex:1}.article-card h3{font-size:23px;letter-spacing:-.5px;line-height:1.3;margin:12px 0}.article-card-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9}.article-read{display:block;padding-top:20px;margin-top:auto;font-size:11px;color:var(--accent)}.topic-links{display:flex;flex-wrap:wrap;gap:12px}.topic-links a{padding:13px 20px;border:1px solid var(--line);font-size:12px}.topic-links a:hover{border-color:var(--accent);color:var(--accent)}.library-intro{display:flex;flex-wrap:wrap;gap:25px;align-items:center;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid var(--line)}.guide-topic{padding-top:55px;padding-bottom:20px;scroll-margin-top:30px}.topic-heading{display:flex;gap:30px;justify-content:space-between;align-items:flex-end}.topic-heading h2{font-size:48px;margin:10px 0 0}.topic-heading>p{color:var(--muted);max-width:360px;font-size:13px}.category-route{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.category-visual{background:radial-gradient(ellipse,#343e26,#1a1d18 65%);padding:35px;border:1px solid var(--line)}.category-visual img{width:100%;max-height:390px;object-fit:contain;margin-bottom:30px}.category-visual>a{color:var(--accent);font-size:12px}.category-directions>article{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0}.category-directions>article>span{color:var(--accent);font-size:11px}.category-directions h2{font-size:29px;letter-spacing:-.6px;line-height:1.2;margin:0 0 12px}.category-directions p{font-size:13px;color:var(--muted);line-height:1.8}.category-note{font-size:11px!important}.category-process{border-top:1px solid var(--line)}.article-toc a:hover,.article-card h3 a:hover{color:var(--accent)}
@media(min-width:1051px){.header #navigation{display:flex;position:static;flex-direction:row;align-items:center;background:transparent;padding:0;border:0}.header .menu-toggle{display:none}.header .header-quote{margin:0}.header .brand{font-size:30px}.header .brand-mark{font-size:30px}.header .button.small{padding:12px;font-size:10px;white-space:nowrap}.nav-group:has(a[aria-current=page])>summary{color:var(--accent)}}
@media(max-width:1050px){.header #navigation{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100svh - 98px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);padding:10px 6% 25px;border-bottom:1px solid var(--line)}.header #navigation.open{display:flex}.header #navigation>a,.nav-group>summary{padding:18px 0;font-size:15px;border-bottom:1px solid var(--line)}.nav-group>summary{justify-content:space-between}.nav-panel{position:static;box-shadow:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:22px;border:0;border-left:2px solid var(--accent);max-height:none;overflow:visible}.header #navigation .nav-column a{font-size:14px;white-space:normal}.nav-group>summary{white-space:normal}.header .menu-toggle{display:block}.header .header-quote{margin-left:auto;margin-right:0}.header .brand{flex-shrink:0}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-tile{padding:24px}.application-tile h3{font-size:36px}}
@media(max-width:700px){.header{gap:12px}.header .button.small{font-size:9px;padding:10px}.header .brand{font-size:26px}.nav-panel{grid-template-columns:1fr;gap:22px}.application-grid,.article-grid,.category-route{grid-template-columns:1fr}.application-tile{min-height:215px}.application-tile h3{font-size:39px}.article-art{min-height:170px}.article-card h3{font-size:25px}.topic-heading{display:block}.topic-heading h2{font-size:38px}.topic-heading>p{margin-top:15px}.library-intro{display:block}.topic-links{margin-top:25px}.topic-links a{font-size:10px;padding:11px 13px}.category-route{gap:30px}.category-visual{padding:25px}.category-visual img{max-height:300px}.home-articles .section-heading{display:block}.home-articles .text-button{display:inline-block;margin-top:20px}}
