.guide-view{display:grid;gap:20px;max-width:1440px;margin:0 auto}.guide-view .page-intro{margin-bottom:0}.guide-total{flex:none;font-family:'JetBrains Mono',monospace}.guide-explanation{display:flex;gap:16px;align-items:flex-start;padding:22px}.guide-explanation-icon{width:48px;height:48px;background:color-mix(in srgb,var(--lime) 10%,transparent);color:var(--lime);border-radius:12px;display:grid;place-items:center;flex:none}.guide-explanation h2{font-size:16px;margin:0 0 7px}.guide-explanation p{font-size:12px;line-height:1.8;margin:0;max-width:850px}.guide-tools{display:flex;align-items:center;justify-content:space-between;gap:16px}.guide-search{display:flex;align-items:center;gap:10px;max-width:500px;flex:1;padding:0 14px;background:var(--surface,#1C2023);border:1px solid var(--line,#2A3033);border-radius:10px;color:var(--muted)}.guide-search input{border:0;background:transparent;outline:none;min-width:0;width:100%;padding:13px 0;color:var(--text,#F3F5F1);font-size:13px;min-height:46px}.guide-search:focus-within{outline:2px solid var(--lime);outline-offset:2px}.guide-tools>span{font-size:12px;white-space:nowrap}.guide-filters{display:flex;align-items:center;gap:8px;overflow:auto;padding:3px 3px 9px}.guide-filter{border:1px solid var(--line,#2A3033);background:transparent;color:var(--muted);font:500 12px Inter,sans-serif;min-height:44px;padding:10px 17px;border-radius:9px;white-space:nowrap;cursor:pointer}.guide-filter.is-active{background:var(--lime);border-color:var(--lime);color:#101214}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-reference{padding:0;overflow:hidden;min-width:0;display:flex;flex-direction:column}.guide-reference[hidden]{display:none}.guide-image-button{display:block;position:relative;border:0;border-bottom:1px solid var(--line,#2A3033);background:#101214;padding:0;cursor:zoom-in;width:100%;aspect-ratio:1.8;overflow:hidden}.guide-image-button>img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .2s}.guide-image-button:hover>img{transform:scale(1.025)}.guide-image-enlarge{position:absolute;right:10px;bottom:10px;display:flex;gap:5px;align-items:center;border:1px solid #415044;color:#edf4e9;background:#151c16e8;padding:5px 8px;border-radius:6px;font-size:9px;opacity:0;transition:opacity .2s}.guide-image-button:hover .guide-image-enlarge,.guide-image-button:focus-visible .guide-image-enlarge{opacity:1}.guide-reference-copy{padding:17px;display:flex;flex-direction:column;flex:1}.guide-reference-heading{display:flex;gap:10px;align-items:flex-start}.guide-reference-number{font:500 12px/1.7 'JetBrains Mono',monospace;color:var(--lime);padding-top:1px;flex:none}.guide-reference h2{font-size:14px;line-height:1.5;margin:0}.guide-reference-copy>p{font-size:11px;line-height:1.7;margin:10px 0 16px;flex:1}.guide-route-link{display:inline-flex;justify-content:space-between;align-items:center;gap:12px;border:0;padding:3px 0;min-height:44px;text-align:left;background:transparent;color:var(--lime);font:500 11px Inter,sans-serif;cursor:pointer}.guide-route-link:hover{text-decoration:underline}.guide-route-link>span{font-size:17px}.guide-empty{text-align:center;padding:50px 15px;font-size:14px}.guide-brand{padding:24px}.guide-brand .card-head{margin-bottom:24px;align-items:center;flex-wrap:wrap;gap:12px}.guide-brand .card-head h2{margin-top:6px}.guide-palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.guide-swatch{min-width:0;display:flex;flex-direction:column;gap:6px}.guide-swatch>span{display:block;min-height:70px;border-radius:9px;border:1px solid #75816c66}.guide-swatch strong{font-size:10px;font-weight:500}.guide-swatch code{font-size:10px;color:var(--muted)}.guide-brand-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line,#2A3033)}.guide-brand-notes h3{font-size:13px;margin:0 0 12px}.guide-brand-notes p{font-size:12px;line-height:1.7}.guide-brand-notes p>span{font-family:Inter,sans-serif;font-size:11px;color:var(--muted);margin-left:14px}.guide-type-heading{font-family:Manrope,sans-serif}.guide-type-ui{font-family:Inter,sans-serif}.guide-type-data{font-family:'JetBrains Mono',monospace}dialog:has(.guide-lightbox){max-width:min(1100px,calc(100vw - 32px))!important;width:1100px}dialog:has(.guide-lightbox) .modal-shell{padding:30px!important;max-width:none!important}.guide-lightbox-head{padding-right:32px;margin-bottom:18px}.guide-lightbox-head h2{font-size:20px;margin:7px 0 0}.guide-lightbox-image{display:flex;align-items:center;justify-content:center;width:100%;background:#101214;border-radius:12px;border:1px solid var(--line,#2A3033);overflow:hidden}.guide-lightbox-image img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}.guide-lightbox-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px}.guide-lightbox-controls>span{font-size:11px}.guide-lightbox-description{font-size:12px;line-height:1.7}.guide-lightbox-route{margin-top:4px;min-height:44px}button.guide-image-button:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}.guide-view .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-palette{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}}@media(max-width:600px){.guide-view{gap:16px}.guide-view .page-intro h1{font-size:24px}.guide-view .page-intro .guide-total{display:inline-flex;margin-top:10px}.guide-explanation{padding:17px;gap:12px}.guide-explanation-icon{width:36px;height:36px;border-radius:9px}.guide-explanation h2{font-size:14px}.guide-explanation p{font-size:11px}.guide-tools{gap:8px}.guide-tools>span{font-size:10px}.guide-search{padding:0 10px;gap:7px}.guide-search input{font-size:12px}.guide-filters{margin:0 -3px}.guide-grid{grid-template-columns:1fr;gap:16px}.guide-reference-copy{padding:16px}.guide-reference h2{font-size:15px}.guide-reference-copy>p{font-size:12px}.guide-image-enlarge{opacity:1;font-size:8px}.guide-brand{padding:18px}.guide-palette{gap:8px;row-gap:17px}.guide-swatch>span{min-height:56px}.guide-swatch strong{font-size:9px}.guide-swatch code{font-size:9px}.guide-brand-notes{grid-template-columns:1fr;gap:20px}dialog:has(.guide-lightbox){max-width:calc(100vw - 16px)!important}dialog:has(.guide-lightbox) .modal-shell{padding:24px 14px 18px!important}.guide-lightbox-head h2{font-size:17px}.guide-lightbox-head .eyebrow{font-size:9px}.guide-lightbox-controls .btn{padding:10px;font-size:11px;gap:5px;min-height:44px}.guide-lightbox-controls>span{font-size:10px}.guide-lightbox-description{font-size:11px}.guide-lightbox-route{width:100%;font-size:12px}.guide-lightbox-image{border-radius:7px}.guide-lightbox-image img{max-height:60vh}}@media(prefers-reduced-motion:reduce){.guide-image-button>img,.guide-image-enlarge{transition:none}}[data-motion="reduced"] .guide-image-button>img,[data-motion="reduced"] .guide-image-enlarge{transition:none}