/* Header stays one line and the navigation itself scrolls horizontally. */
header{gap:24px}.brand{flex:0 0 auto}header nav{position:static!important;transform:none!important;margin-left:auto;min-width:0;max-width:min(610px,52vw);overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;gap:28px!important;padding:12px 2px;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}header nav::-webkit-scrollbar{display:none}header nav button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:center}.header-actions{flex:0 0 auto;margin-left:0!important}
.feature-route{position:fixed;inset:0;z-index:115;background:#05090c;overflow-y:auto;visibility:hidden;transform:translateX(100%);transition:transform .48s cubic-bezier(.22,.8,.22,1),visibility 0s .48s}.feature-route.open{visibility:visible;transform:none;transition-delay:0s}.feature-route:before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 55% 20%,rgba(29,100,96,.14),transparent 36%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px;pointer-events:none}.feature-route-head{position:sticky;top:0;z-index:4;height:78px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;gap:22px;background:rgba(5,9,12,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.feature-back{border:1px solid var(--line);background:transparent;color:#bac3c4;padding:9px 13px;font-size:9px;cursor:pointer}.feature-back:hover{border-color:var(--accent);color:var(--accent)}.feature-route-title span{display:block;color:var(--accent);font:600 6px Inter;letter-spacing:.18em}.feature-route-title b{display:block;font-size:15px;margin-top:4px}.feature-route-plan{margin-left:auto;border:1px solid rgba(200,255,61,.32);color:var(--accent);padding:7px 10px;font-size:7px;letter-spacing:.12em}.feature-route-body{position:relative;width:min(1440px,94vw);margin:0 auto;padding:34px 0 80px}.feature-route-intro{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;margin-bottom:22px}.feature-route-intro small{color:var(--accent);font:600 7px Inter;letter-spacing:.2em}.feature-route-intro h1{font-size:clamp(30px,4vw,54px);margin:10px 0 8px}.feature-route-intro p{max-width:760px;color:#859095;font-size:10px;line-height:1.8}.feature-stats{display:flex;gap:8px}.feature-stats div{min-width:100px;border:1px solid var(--line);padding:12px}.feature-stats b{display:block;font-size:18px;color:#fff}.feature-stats span{font-size:7px;color:#707b80}.feature-route-content>.lineage-shell,.feature-route-content>.kg-shell{margin-top:0}.feature-route .lineage-shell{grid-template-columns:minmax(680px,1fr) 330px}.feature-route .lineage-viewport,.feature-route .lineage-detail{min-height:560px}.feature-route .lineage-canvas{height:560px}.feature-route .kg-stage{height:650px}.feature-route .kg-detail{min-height:650px}.route-lock-banner{grid-column:1/-1;display:flex;align-items:center;gap:15px;border:1px solid rgba(180,140,255,.35);background:rgba(180,140,255,.06);padding:13px 16px;color:#bfc6c8;font-size:9px}.route-lock-banner b{color:#d8c7ff}.route-lock-banner button{margin-left:auto;border:1px solid #b48cff;background:transparent;color:#d8c7ff;padding:8px 11px;font-size:8px;cursor:pointer}.plan-locked{opacity:.3!important;filter:grayscale(.8);position:relative}.plan-locked:after{content:'LOCK';position:absolute;right:4px;top:4px;color:#d8c7ff;font:600 5px Inter;letter-spacing:.1em}.route-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.route-note-grid article{border:1px solid var(--line);padding:13px}.route-note-grid span{color:var(--accent);font-size:7px;letter-spacing:.12em}.route-note-grid p{font-size:8px;line-height:1.7;color:#7d898e}.feature-route-closing{transform:translateX(100%)}body.feature-active>header,body.feature-active>main{transform:translateX(-7%);opacity:.12;transition:.48s cubic-bezier(.22,.8,.22,1);pointer-events:none}body>header,body>main{transition:transform .48s cubic-bezier(.22,.8,.22,1),opacity .35s}
@media(max-width:1000px){header{padding-inline:20px!important}.header-actions{display:none}header nav{max-width:calc(100vw - 230px);margin-left:0}.feature-route-intro{grid-template-columns:1fr}.feature-route .lineage-shell,.feature-route .kg-shell{grid-template-columns:1fr}.feature-stats{overflow-x:auto}.route-note-grid{grid-template-columns:1fr}.feature-route .kg-detail,.feature-route .lineage-detail{min-height:0}}@media(max-width:620px){header{gap:12px}.brand span:last-child{display:none}header nav{max-width:calc(100vw - 72px);gap:18px!important}.feature-route-head{padding:0 14px}.feature-route-plan{display:none}.feature-route-body{width:92vw;padding-top:24px}.feature-route-intro h1{font-size:30px}.feature-stats div{min-width:88px}}