:root{--font-sans: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "DM Serif Display", Georgia, serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;--bg: #F8F9FA;--surface: #FFFFFF;--surface-elevated: #F1F3F5;--surface-inset: #FAFAFA;--text: #2D3436;--text-2: #636E72;--text-3: #B2BEC3;--border: #DFE6E9;--border-accent: #CED4DA;--semantic-h: #F59E0B;--semantic-v: #14B8A6;--accent-green: #10B981;--accent-amber: #F59E0B;--link-teal: #0F766E;--gradient-h: #F5B04B;--gradient-v: #2AC7B8;--gradient-opacity: .7;--gradient-brand: linear-gradient(135deg, #F59E0B, #14B8A6);--focus-ring: rgba(100, 116, 139, .45);--info-gray: #6B7280;--ui-primary: #334155;--ui-hover: #1E293B;--ui-muted: #94A3B8;--table-header-bg: #E5E7EB;--table-header-text: #000000;--table-border: #D1D5DB;--table-row-alt: #F9FAFB;--token-bg: #ededf1;--token-border: #d0d0d8;--token-text: #2D3436;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 48px;--space-xl: 64px;--dim-5: rgba(20, 184, 166, .35);--dim-4: rgba(20, 184, 166, .48);--dim-3: rgba(20, 184, 166, .61);--dim-2: rgba(20, 184, 166, .74);--dim-1: rgba(20, 184, 166, .87);--dim-0: rgba(20, 184, 166, 1);--pos-12: rgba(245, 158, 11, .25);--pos-1: rgba(245, 158, 11, .4);--pos-3: rgba(245, 158, 11, .6);--pos-6: rgba(245, 158, 11, 1);--pos-9: rgba(245, 158, 11, .6);--pos-11: rgba(245, 158, 11, .35);--module-compass: #F59E0B;--module-library: #8B5CF6;--module-engine: #6366F1;--module-pipeline: #10B981;--module-piano: #EF4444;--module-vocal: #3B82F6;--module-songs: #06B6D4;--module-staircase: #EAB308;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 999px;--shadow-subtle: 0 2px 8px rgba(0,0,0,.06);--shadow-card: 0 4px 16px rgba(0,0,0,.08);--shadow-deep: 0 8px 32px rgba(0,0,0,.12);--max-width: 1100px;--header-height: 56px;--rail-width: 300px;--cockpit-gap: var(--space-md)}.dark-mode{--bg: #0F0F14;--surface: #1A1A23;--surface-elevated: #252533;--surface-inset: #16161f;--text: #F0F0F5;--text-2: #B0B0C0;--text-3: #707084;--border: #3A3A4A;--border-accent: #4A4A5A;--gradient-h: #F59E0B;--gradient-v: #14B8A6;--gradient-opacity: 1;--link-teal: #2DD4BF;--focus-ring: rgba(148, 163, 184, .5);--info-gray: #9CA3AF;--ui-primary: #CBD5E1;--ui-hover: #E2E8F0;--ui-muted: #64748B;--table-header-bg: #2D2D3A;--table-header-text: #FFFFFF;--table-border: #3A3A4A;--table-row-alt: #1F1F2A;--token-bg: #2D2D3A;--token-border: #4A4A5A;--token-text: #F0F0F5;--dim-5: rgba(20, 184, 166, .25);--dim-4: rgba(20, 184, 166, .38);--dim-3: rgba(20, 184, 166, .51);--dim-2: rgba(20, 184, 166, .64);--dim-1: rgba(20, 184, 166, .77);--dim-0: rgba(20, 184, 166, .9);--pos-12: rgba(245, 158, 11, .2);--pos-1: rgba(245, 158, 11, .35);--pos-3: rgba(245, 158, 11, .5);--pos-6: rgba(245, 158, 11, .9);--pos-9: rgba(245, 158, 11, .5);--pos-11: rgba(245, 158, 11, .3);--shadow-subtle: 0 2px 8px rgba(0,0,0,.2);--shadow-card: 0 4px 16px rgba(0,0,0,.3);--shadow-deep: 0 8px 32px rgba(0,0,0,.4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}[id]{scroll-margin-top:calc(var(--header-height) + 1.5rem)}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh;display:flex;flex-direction:column;transition:background .3s ease,color .3s ease;padding-left:48px}h1,h2,h3,h4,h5,h6,p,strong{transition:color .3s ease}h1{font-family:var(--font-display);font-size:3.2em;font-weight:400;letter-spacing:-.03em;line-height:1.1;color:var(--text);margin-bottom:20px}h1 strong{font-weight:700;letter-spacing:-.02em}h2{font-size:2.2em;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--text);margin-bottom:30px;padding-bottom:15px;position:relative}h2:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:linear-gradient(90deg,var(--gradient-h),var(--gradient-v));opacity:var(--gradient-opacity);transition:background .3s ease,opacity .3s ease}h3{font-size:1.6em;font-weight:550;letter-spacing:-.01em;line-height:1.3;color:var(--text);margin:40px 0 20px}h4{font-size:1.125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.4;color:var(--text);margin:30px 0 15px}h5{font-size:1rem;font-weight:600;margin:20px 0 10px}h5.minor-head{font-size:.9rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px}p{font-size:1em;font-weight:400;letter-spacing:-.01em;line-height:1.7;margin-bottom:20px}strong{font-weight:550;color:var(--text)}em{font-style:italic}.subhead{font-family:var(--font-serif);font-size:1.1em;font-weight:400;font-style:italic;line-height:1.6;color:var(--text-2);margin:0 0 20px;letter-spacing:-.01em;transition:color .3s ease}.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--text-3);margin-bottom:.35rem}.eyebrow--amber{color:var(--semantic-h)}.eyebrow--teal{color:var(--semantic-v)}:focus-visible{outline:1.5px solid var(--focus-ring);outline-offset:2px}a{color:var(--text-2);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-accent);transition:color .15s ease,text-decoration-color .15s ease}a:hover{color:var(--text);text-decoration-color:var(--text-2);text-decoration:underline}.cross-link{color:var(--link-teal);text-decoration:none;border-bottom:1px dotted var(--link-teal);transition:opacity .18s ease,transform .18s ease}.cross-link:hover{color:var(--ui-hover);border-bottom:1px solid var(--ui-hover);text-decoration:none}ul,ol{margin:16px 0 16px 25px;line-height:1.5}li{margin-bottom:4px}hr{border:none;height:1px;background:var(--border);margin:60px 0;transition:background .3s ease}table{width:100%;border-collapse:collapse;margin:25px 0;background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-subtle)}thead{background:var(--table-header-bg)}th{text-align:left;padding:15px;font-weight:600;font-size:.9em;letter-spacing:.05em;text-transform:uppercase;color:var(--table-header-text);border-bottom:2px solid var(--table-border)}td{padding:12px 15px;border-bottom:1px solid var(--table-border)}tr:last-child td{border-bottom:none}tbody tr:nth-child(2n){background:var(--table-row-alt)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.container-wide{max-width:1280px;margin:0 auto;padding:0 1.5rem}.content{background:var(--surface);padding:50px;margin:0 40px 60px;box-shadow:var(--shadow-subtle);border-radius:var(--radius-lg);transition:all .3s ease}.section{margin-bottom:70px}.section:last-child{margin-bottom:0}.toc-grid{padding:1rem 0;margin-bottom:1.5rem}.toc-grid__label{font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:.625rem}.toc-grid__items{display:flex;flex-wrap:wrap;gap:.375rem}.toc-grid__link{display:inline-block;padding:.25rem .75rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);text-decoration:none;color:var(--text-2);font-size:.8125rem;font-weight:500;transition:border-color .15s,color .15s}.toc-grid__link:hover{border-color:var(--border-accent);color:var(--text);text-decoration:none;text-decoration-color:transparent}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.card-grid--3{grid-template-columns:repeat(3,1fr)}.card-grid--2{grid-template-columns:repeat(2,1fr)}.cockpit{display:grid;grid-template-columns:minmax(0,1fr) var(--rail-width);gap:var(--cockpit-gap);align-items:start;padding-top:0}.cockpit__main{min-width:0}.cockpit__main p,.cockpit__main li,.cockpit__main blockquote{max-width:72ch}.cockpit__rail{position:sticky;top:calc(var(--header-height) + var(--space-sm));max-height:calc(100vh - var(--header-height) - var(--space-md));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.rail__label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:0 0 .5rem}.rail__toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.rail__toc a{display:block;padding:.275rem .5rem;font-size:.75rem;line-height:1.4;color:var(--text-3);text-decoration:none;border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color .15s,border-color .15s,background .15s}.rail__toc a:hover{color:var(--text);background:var(--surface-elevated);text-decoration:none;text-decoration-color:transparent}.rail__toc a.is-active{color:var(--semantic-v);border-left-color:var(--semantic-v);font-weight:600;text-decoration:none}.rail__divider{border:none;border-top:1px solid var(--border);margin:0}.rail__legend{display:flex;flex-direction:column;gap:.375rem}.rail__legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-2)}.rail__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rail__dot--amber{background:var(--semantic-h)}.rail__dot--teal{background:var(--semantic-v)}.rail__next{display:flex;flex-direction:column;gap:.375rem}.rail__next-link{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;color:var(--text-2);text-decoration:none;transition:border-color .15s,color .15s,background .15s}.rail__next-link:hover{border-color:var(--semantic-v);color:var(--text);background:var(--surface);text-decoration:none;text-decoration-color:transparent}.rail__chips{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.rail-chip{display:flex;align-items:baseline;gap:.375rem;padding:.3rem .5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);line-height:1.3}.rail-chip__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);white-space:nowrap}.rail-chip__value{font-size:.75rem;color:var(--text-2);font-family:var(--font-mono)}.rail-visual{display:flex;justify-content:center;align-items:center;padding:.5rem 0;opacity:.85}.rail-coord-chip{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .625rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.75rem}.rail-coord-chip__label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.rail-coord-chip__value{font-family:var(--font-mono);font-size:.875rem;color:var(--text)}.rail-coord-chip__example{font-size:.6875rem;color:var(--text-3)}@media(max-width:900px){.cockpit__rail details summary{font-size:.8125rem;font-weight:600;color:var(--text-2);cursor:pointer;list-style:none;padding:.25rem 0}.cockpit__rail details summary::marker,.cockpit__rail details summary::-webkit-details-marker{display:none}.cockpit__rail details[open] summary:after{content:" ▴";font-size:.7em}.cockpit__rail details:not([open]) summary:after{content:" ▾";font-size:.7em}}.rail__disclosure{display:contents}.rail__disclosure-toggle{display:none}@media(max-width:900px){.rail__disclosure{display:block;width:100%}.rail__disclosure-toggle{display:list-item;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);cursor:pointer;padding:.5rem 0;list-style:none;border-bottom:1px solid var(--border);margin-bottom:.75rem}.rail__disclosure-toggle::marker,.rail__disclosure-toggle::-webkit-details-marker{display:none}.rail__disclosure[open] .rail__disclosure-toggle:after{content:" ▴";font-size:.75em;color:var(--text-3)}.rail__disclosure:not([open]) .rail__disclosure-toggle:after{content:" ▾";font-size:.75em;color:var(--text-3)}}.media-intro{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md)}.media-intro__visual{flex-shrink:0}.page-stamp{text-align:center;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border);color:var(--text-3);font-size:.8125rem}.page-stamp p+p{margin-top:.25rem;font-size:.75rem}@media(max-width:900px){.cockpit{grid-template-columns:1fr}.cockpit__rail{position:static;max-height:none;order:-1}.cockpit__rail details{width:100%}.media-intro{grid-template-columns:1fr}.media-intro__visual{display:flex;justify-content:center}.cockpit__main p,.cockpit__main li,.cockpit__main blockquote{max-width:100%}}.axis-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin:var(--space-md) 0}.axis-pair__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;transition:box-shadow .2s ease,border-color .2s ease}.axis-pair__card--amber{border-left:3px solid var(--semantic-h)}.axis-pair__card--teal{border-left:3px solid var(--semantic-v)}.axis-pair__card:hover{box-shadow:var(--shadow-subtle)}.axis-pair__label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.375rem}.axis-pair__card--amber .axis-pair__label{color:var(--semantic-h)}.axis-pair__card--teal .axis-pair__label{color:var(--semantic-v)}.axis-pair__title{font-size:.9375rem;font-weight:600;color:var(--text);margin:0 0 .375rem}.axis-pair__desc{font-size:.8125rem;color:var(--text-2);margin:0;line-height:1.5}@media(max-width:640px){.axis-pair{grid-template-columns:1fr}}.coord-example{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1rem;align-items:start;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin:var(--space-sm) 0}.coord-example__tag{font-family:var(--font-mono);font-size:.85em;font-weight:700;color:var(--token-text);background:var(--token-bg);border:1px solid var(--token-border);border-radius:var(--radius-sm);padding:3px 8px;letter-spacing:.02em;white-space:nowrap;align-self:center}.coord-example__q{font-size:.875rem;color:var(--text-2);font-style:italic;line-height:1.5;margin:0}@media(max-width:640px){.coord-example{grid-template-columns:1fr;gap:.5rem}}.ways-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin:var(--space-sm) 0}.ways-grid__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem}.ways-grid__direction{font-size:1.25rem;margin-bottom:.5rem;display:block}.ways-grid__label{font-size:.8125rem;font-weight:700;color:var(--text);margin:0 0 .375rem}.ways-grid__desc{font-size:.8125rem;color:var(--text-2);line-height:1.5;margin:0 0 .75rem}.ways-grid__ex{font-family:var(--font-mono);font-size:.85em;font-weight:700;color:var(--token-text);background:var(--token-bg);border:1px solid var(--token-border);border-radius:var(--radius-sm);padding:3px 8px;letter-spacing:.02em;display:inline-block;box-shadow:0 1px 2px #0000000d}.ways-grid__card--amber{border-left:3px solid var(--semantic-h)}.ways-grid__card--teal{border-left:3px solid var(--semantic-v)}.ways-grid__card--amber .ways-grid__direction,.ways-grid__card--amber .ways-grid__label{color:var(--semantic-h)}.ways-grid__card--teal .ways-grid__direction,.ways-grid__card--teal .ways-grid__label{color:var(--semantic-v)}.ways-grid__card--gradient{position:relative;border-left:3px solid transparent;overflow:hidden}.ways-grid__card--gradient:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--semantic-h),var(--semantic-v))}.compass-content{padding:1.5rem 0 2.5rem;margin:0}.compass-content h2{font-size:1.75rem}.compass-content h3{font-size:1.25rem;margin:2rem 0 1rem}.compass-content .subsection{padding-left:1rem;border-left:2px solid var(--border);margin:1rem 0}.compass-content .intro{background:var(--surface-elevated);padding:1.5rem;border-radius:var(--radius-md);margin-bottom:2rem}.compass-content ul{margin:12px 0 12px 1.5rem;line-height:1.5}.compass-content li{margin-bottom:4px}.compass-content .status-tag.status-complete{background:#10b98118;color:var(--accent-green);font-size:.625rem;padding:.125rem .5rem;border-radius:var(--radius-pill);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.compass-content .nav-link{color:var(--text-2);text-decoration:underline;font-weight:600}.compass-content .nav-link:hover{color:var(--text)}@media(max-width:768px){.card-grid--3,.card-grid--2{grid-template-columns:1fr}.content{margin:20px 10px;padding:30px}.compass-content{padding:1.5rem}}.module-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media(min-width:540px){.module-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.module-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.module-grid{grid-template-columns:repeat(4,1fr)}}:is(.link-card,.cat-card,.compass-card,.coming-card){background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--text);transition:all .2s ease}:is(.link-card,.cat-card,.compass-card):hover{text-decoration:none}.link-card{display:block;padding:1rem 1.25rem;border-radius:var(--radius-md)}.link-card:hover{border-color:var(--border-accent);transform:translateY(-1px);box-shadow:var(--shadow-card)}.link-card__title{font-size:.875rem;font-weight:500;color:var(--text);line-height:1.4;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-card__domain{font-size:.6875rem;color:var(--text-3);letter-spacing:.02em}.link-card__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.link-card__icon{color:var(--text-3);flex-shrink:0;margin-top:2px}.cat-card{border-radius:var(--radius-lg);padding:1.5rem;display:block}.cat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-deep)}.cat-card--amber:hover{border-color:var(--semantic-h)}.cat-card--teal:hover,.cat-card--gradient:hover{border-color:var(--semantic-v)}.cat-card__coming{position:absolute;top:1rem;right:1rem}.cat-card:has(.cat-card__coming){position:relative}.cat-card--purple:hover{border-color:var(--module-library)}.cat-card--indigo:hover{border-color:var(--module-engine)}.cat-card--green:hover{border-color:var(--module-pipeline)}.cat-card--red:hover{border-color:var(--module-piano)}.cat-card--blue:hover{border-color:var(--module-vocal)}.cat-card--cyan:hover{border-color:var(--module-songs)}.cat-card--gold:hover{border-color:var(--module-staircase)}.cat-card__icon{width:2.5rem;height:2.5rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:background .2s ease}.cat-card__icon--amber{background:#f59e0b18;color:var(--semantic-h)}.cat-card__icon--teal{background:#14b8a618;color:var(--semantic-v)}.cat-card__icon--gradient{background:linear-gradient(135deg,#f59e0b18,#14b8a618);color:var(--semantic-v)}.cat-card__icon--purple{background:color-mix(in srgb,var(--module-library) 12%,transparent);color:var(--module-library)}.cat-card__icon--indigo{background:color-mix(in srgb,var(--module-engine) 12%,transparent);color:var(--module-engine)}.cat-card__icon--green{background:color-mix(in srgb,var(--module-pipeline) 12%,transparent);color:var(--module-pipeline)}.cat-card__icon--red{background:color-mix(in srgb,var(--module-piano) 12%,transparent);color:var(--module-piano)}.cat-card__icon--blue{background:color-mix(in srgb,var(--module-vocal) 12%,transparent);color:var(--module-vocal)}.cat-card__icon--cyan{background:color-mix(in srgb,var(--module-songs) 12%,transparent);color:var(--module-songs)}.cat-card__icon--gold{background:color-mix(in srgb,var(--module-staircase) 12%,transparent);color:var(--module-staircase)}.cat-card--amber:hover .cat-card__icon--amber{background:#f59e0b28}.cat-card--teal:hover .cat-card__icon--teal{background:#14b8a628}.cat-card--gradient:hover .cat-card__icon--gradient{background:linear-gradient(135deg,#f59e0b28,#14b8a628)}.cat-card--purple:hover .cat-card__icon--purple{background:color-mix(in srgb,var(--module-library) 22%,transparent)}.cat-card--indigo:hover .cat-card__icon--indigo{background:color-mix(in srgb,var(--module-engine) 22%,transparent)}.cat-card--green:hover .cat-card__icon--green{background:color-mix(in srgb,var(--module-pipeline) 22%,transparent)}.cat-card--red:hover .cat-card__icon--red{background:color-mix(in srgb,var(--module-piano) 22%,transparent)}.cat-card--blue:hover .cat-card__icon--blue{background:color-mix(in srgb,var(--module-vocal) 22%,transparent)}.cat-card--cyan:hover .cat-card__icon--cyan{background:color-mix(in srgb,var(--module-songs) 22%,transparent)}.cat-card--gold:hover .cat-card__icon--gold{background:color-mix(in srgb,var(--module-staircase) 22%,transparent)}.cat-card__title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.cat-card__count{font-size:.75rem;color:var(--text-3)}.compass-card{border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem}.compass-card:hover{border-color:var(--semantic-v);box-shadow:var(--shadow-subtle)}.compass-card__num{width:2.5rem;height:2.5rem;border-radius:.625rem;background:linear-gradient(135deg,#f59e0b18,#14b8a618);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem;font-weight:700;color:var(--text);font-family:var(--font-display)}.compass-card__body{flex:1}.compass-card__title{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.compass-card__desc{font-size:.8125rem;color:var(--text-2);line-height:1.5}.axis-box{padding:1rem;border-radius:var(--radius-md)}.axis-box--h{background:#f59e0b12;border:1px solid #F59E0B30}.axis-box--v{background:#14b8a612;border:1px solid #14B8A630}.axis-box__label{font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem}.axis-box__label--h{color:var(--semantic-h)}.axis-box__label--v{color:var(--semantic-v)}.axis-box__text{font-size:.8125rem;color:var(--text-2);line-height:1.5;margin:0}.axis-box__link{display:block;color:inherit;text-decoration:none}.axis-box__link:hover .axis-box__label,.axis-box__link:focus .axis-box__label{text-decoration:underline}.axis-box__link:focus{outline:2px solid var(--focus-ring, currentColor);outline-offset:2px;border-radius:var(--radius-sm, 3px)}.coming-card{border-radius:var(--radius-lg);padding:1.5rem;opacity:.55;position:relative;overflow:hidden}.coming-card__badge{position:absolute;top:.75rem;right:.75rem}.coming-card__icon{color:var(--text-3);margin-bottom:.75rem}.coming-card__title{font-size:.9375rem;font-weight:600;color:var(--text-2);margin-bottom:.25rem}.coming-card__desc{font-size:.8125rem;color:var(--text-3);margin:0}.search-bar{position:relative;flex:1}.search-bar__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search-bar__input{width:100%;padding:.625rem .75rem .625rem 2.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.875rem;font-family:var(--font-sans);outline:none;transition:border-color .2s ease}.search-bar__input:focus{border-color:var(--border-accent)}.search-bar__input::placeholder{color:var(--text-3)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:25px 0;border-radius:var(--radius-md)}.table-wrap table{margin:0}.compass-content table{overflow-x:auto;-webkit-overflow-scrolling:touch}.checklist{background:var(--surface-elevated);border-radius:var(--radius-md);padding:20px 25px;margin:25px 0}.checklist div{padding:10px 0;border-bottom:1px solid var(--border);color:var(--text);font-weight:500}.checklist div:last-child{border-bottom:none}.page-overview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem 1rem;margin-bottom:2rem}.page-overview__lead{margin:0 0 .875rem;color:var(--text-2);font-size:.9375rem;line-height:1.65}.page-overview__rows{display:flex;flex-direction:column;gap:.35rem;margin:0}.page-overview__row{font-size:.8125rem;color:var(--text-2);line-height:1.5;margin:0}.page-overview__label{color:var(--text);font-weight:600;font-style:normal}details{border:1px solid var(--border);border-radius:var(--radius-md, 6px);background:var(--surface)}details+details{margin-top:.375rem}summary{cursor:pointer;padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:var(--text);list-style:none;display:flex;align-items:center;gap:.5rem;user-select:none}summary::-webkit-details-marker{display:none}summary:before{content:"›";display:inline-block;color:var(--text-3);font-weight:700;transition:transform .15s ease;width:.75rem;text-align:center}details[open]>summary:before{transform:rotate(90deg)}details>:not(summary){padding:0 1rem .875rem;font-size:.875rem;color:var(--text-2);line-height:1.6}.page-hero{background:var(--surface);padding:2.5rem 3rem;margin:1.5rem 0 2.5rem;position:relative;border-left:6px solid var(--text-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border);border-left-width:6px;transition:all .3s ease}.page-hero--amber{border-left-color:var(--semantic-h)}.page-hero--teal{border-left-color:var(--semantic-v)}.page-hero--neutral{border-left-color:#8b95a1}.page-hero--gradient{border-left-color:transparent;background:var(--surface);background-image:radial-gradient(ellipse at 0% 50%,rgba(245,158,11,.04),transparent 60%),radial-gradient(ellipse at 100% 50%,rgba(20,184,166,.04),transparent 60%);overflow:hidden;position:relative}.page-hero--gradient:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--semantic-h),var(--semantic-v));z-index:1}.dark-mode .page-hero--gradient{background-image:radial-gradient(ellipse at 0% 50%,rgba(245,158,11,.06),transparent 60%),radial-gradient(ellipse at 100% 50%,rgba(20,184,166,.06),transparent 60%)}.page-hero h1{margin-bottom:.5rem}.page-hero .subtitle{font-size:.9375rem;color:var(--text-2);letter-spacing:.02em;margin-bottom:0}.page-hero .eyebrow{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:.75rem}.page-hero .eyebrow--amber{color:var(--semantic-h)}.page-hero .eyebrow--teal{color:var(--semantic-v)}.page-hero .eyebrow--neutral{color:var(--text-2)}.page-hero--teal{border-left:6px solid var(--semantic-v);background:linear-gradient(to right,rgba(20,184,166,.03),transparent)}.page-hero--slim{padding-top:1.5rem;padding-bottom:1.5rem}.page-hero--slim .subtitle,.page-hero--slim .media-intro__visual,.page-hero--slim .page-hero__chips{display:none}.page-hero--slim h1{margin-bottom:0}@media(max-width:768px){.page-hero{padding:1.5rem 2rem;margin:1rem 0 1.5rem}.page-hero h1{font-size:1.75rem}}.callout{background:var(--surface-elevated);border-radius:var(--radius-md);padding:25px;margin:25px 0;box-shadow:var(--shadow-subtle);transition:all .3s ease}.callout:has(>.icon){display:flex;gap:20px}.callout .icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:700}.callout .label{font-size:.75em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.callout p{margin-bottom:0}.callout-body{margin-top:0}.callout pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;overflow-x:auto;margin:0 0 12px;font-family:var(--font-mono);font-size:.85rem;line-height:1.5;white-space:pre}.callout pre code{background:transparent;border:none;padding:0;font-weight:400;display:block;box-shadow:none;color:var(--text)}.callout-body pre{background:transparent;border:none;padding:0;margin:0}.callout-body pre code{background:transparent;border:none;padding:0;font-weight:400;display:block;box-shadow:none;font-family:var(--font-mono);font-size:.85rem;line-height:1.7;color:var(--text)}pre{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;overflow-x:auto;margin:20px 0;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;white-space:pre;color:var(--text)}pre code{background:transparent;border:none;padding:0;font-weight:400;display:block;box-shadow:none;font-size:inherit;color:inherit}.callout--editorial{border-left:5px solid var(--info-gray)}.callout--editorial .icon{background:var(--info-gray);color:#fff}.callout--editorial .label{color:var(--info-gray)}.callout--horizontal{border-left:5px solid var(--semantic-h)}.callout--horizontal .icon{background:var(--semantic-h);color:#fff}.callout--horizontal .label{color:var(--semantic-h)}.callout--vertical{border-left:5px solid var(--semantic-v)}.callout--vertical .icon{background:var(--semantic-v);color:#fff}.callout--vertical .label{color:var(--semantic-v)}.callout-example,.callout-code{background:var(--surface-elevated);border-left:5px solid var(--info-gray);border-radius:var(--radius-md);padding:25px;margin:25px 0;box-shadow:var(--shadow-subtle)}.callout-warning{background:color-mix(in srgb,#EF4444 4%,var(--surface));border:1px solid color-mix(in srgb,#EF4444 40%,var(--border));border-radius:var(--radius-lg);padding:20px 25px;margin:25px 0}.breadcrumb{padding:.75rem 0;font-size:.8125rem;color:var(--text-3);display:flex;align-items:center;gap:.5rem}.breadcrumb a{color:var(--text-2);text-decoration:none}.breadcrumb a:hover{color:var(--text);text-decoration:underline}.breadcrumb .sep{color:var(--text-3);font-size:.75rem}.token{font-family:var(--font-mono);font-weight:700;background:var(--token-bg);border:1px solid var(--token-border);border-radius:var(--radius-sm);padding:3px 8px;font-size:.85em;color:var(--token-text);letter-spacing:.02em;display:inline-block;box-shadow:0 1px 2px #0000000d}code,p code,li code,td code,th code,h1 code,h2 code,h3 code,h4 code{font-family:var(--font-mono);font-weight:700;background:var(--token-bg);border:1px solid var(--token-border);border-radius:var(--radius-sm);padding:1px 5px;font-size:.85em;color:var(--token-text);letter-spacing:.02em;display:inline-block;box-shadow:0 1px 2px #0000000d}.source-tag{font-family:var(--font-mono);font-size:.65em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px;color:var(--text-2);display:inline-block;margin-left:12px;vertical-align:middle}.schema-label{display:inline-block;padding:2px 8px;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:var(--token-bg);border:1px solid var(--token-border);color:var(--token-text);border-radius:var(--radius-sm);margin-bottom:8px}.status-tag{font-size:.625rem;padding:.125rem .5rem;border-radius:var(--radius-pill);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.status-tag--complete{background:#10b98118;color:#10b981}.status-tag--coming{background:var(--surface-elevated);color:var(--text-3)}.section-nav{display:flex;justify-content:space-between;gap:1rem;margin:4rem 0 2rem;padding-top:2rem;border-top:1px solid var(--border)}.section-nav__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none!important;color:var(--text-2);transition:all .2s ease;max-width:48%;background:var(--surface-inset)}.section-nav__link:hover{border-color:var(--semantic-v);background:var(--surface);box-shadow:var(--shadow-subtle);color:var(--text);transform:translateY(-1px)}.section-nav__link--next{margin-left:auto;text-align:right;flex-direction:row-reverse}.section-nav__arrow{font-size:1.25rem;color:var(--semantic-v);flex-shrink:0}.section-nav__label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.section-nav__title{display:block;font-size:.875rem;font-weight:500;color:inherit}.section-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem 0 3rem}.section-nav__link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);transition:all .2s ease}.section-nav__link:hover{border-color:var(--semantic-v);transform:translateY(-1px);box-shadow:var(--shadow-subtle);text-decoration:none}.section-nav__link--prev{grid-column:1}.section-nav__link--next{grid-column:2;text-align:right;flex-direction:row-reverse}.section-nav__arrow{color:var(--semantic-v);flex-shrink:0}.section-nav__label{font-size:.6875rem;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.section-nav__title{font-size:.875rem;font-weight:600;color:var(--text)}.page-nav-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.875rem 1rem;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;transition:all .2s ease;color:var(--text)}.page-nav-card:hover{text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-subtle);background:var(--surface-elevated)}.page-nav-card--amber:hover{border-color:var(--semantic-h)}.page-nav-card--teal:hover{border-color:var(--semantic-v)}.page-nav-card__title{font-size:.8125rem;font-weight:500}.page-nav-card__scope{font-size:.6875rem;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.page-nav-card__count{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:var(--radius-pill);white-space:nowrap}.page-nav-card__count--amber{background:#f59e0b12;color:var(--semantic-h)}.page-nav-card__count--teal{background:#14b8a612;color:var(--semantic-v)}@media(max-width:600px){.section-nav{grid-template-columns:1fr;flex-direction:column}.section-nav__link{max-width:100%}.section-nav__link--next{grid-column:1;flex-direction:row;text-align:left}}.crosswalk-dimension{padding:16px;margin:16px 0;border-left:3px solid var(--border-accent);background:var(--surface-elevated);border-radius:var(--radius-sm)}.framework-def{padding:20px;margin:20px 0;background:var(--surface-elevated);border-radius:var(--radius-md)}.dimension-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin:.75rem 0;transition:all .2s ease}.dimension-card:hover{border-color:var(--semantic-v);box-shadow:var(--shadow-card)}.dimension-horizontal{border-left:5px solid var(--semantic-h);padding:25px 25px 25px 70px;margin:25px 0;background:var(--surface-elevated);border-radius:var(--radius-md);position:relative;box-shadow:var(--shadow-subtle)}.dimension-horizontal:before{content:"→";position:absolute;left:20px;top:25px;width:32px;height:32px;border-radius:50%;background:var(--semantic-h);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:700}.dimension-horizontal h4,.dimension-horizontal h3,.dimension-horizontal h2{color:var(--text)}.dimension-vertical{border-left:5px solid var(--semantic-v);padding:25px 25px 25px 70px;margin:25px 0;background:var(--surface-elevated);border-radius:var(--radius-md);position:relative;box-shadow:var(--shadow-subtle)}.dimension-vertical:before{content:"↓";position:absolute;left:20px;top:25px;width:32px;height:32px;border-radius:50%;background:var(--semantic-v);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:700}.dimension-vertical h4,.dimension-vertical h3,.dimension-vertical h2{color:var(--text)}.protocol-box,.pattern-card,.intersection-box,.template-box,.example-box{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;margin:20px 0;transition:all .2s ease}.protocol-box:hover,.pattern-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-subtle)}.dim-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.dimension-number{font-family:var(--font-mono);font-weight:700;color:var(--text-2);font-size:.85em;letter-spacing:.05em;text-transform:uppercase}.dimension-title{font-weight:600;font-size:1rem;color:var(--text)}.dimension-position{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--text-2);font-size:.95em}.coord-list{list-style:none;margin:12px 0;padding:0}.coord-line{padding:4px 0}.coord-tag{font-family:var(--font-mono);font-weight:700;background:var(--token-bg);border:1px solid var(--token-border);border-radius:var(--radius-sm);padding:2px 8px;font-size:.85em;color:var(--token-text)}.hub-meta{font-size:.85rem;color:var(--text-2);margin:8px 0}.strong-code{font-family:var(--font-mono);font-weight:700;color:var(--text)}.task-list{list-style:none;margin:16px 0;padding:0}.task-list li{padding:6px 0;border-bottom:1px solid var(--border)}.task-list li:last-child{border-bottom:none}.check{color:var(--accent-green);margin-right:4px}.page-break{margin:60px 0;border-top:2px solid var(--border)}.subsection{padding-left:1rem;border-left:2px solid var(--border);margin:1rem 0}.fixed-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}[data-accordion-group=dimensions] .accordion-item{transition:opacity .4s ease,transform .4s ease,filter .4s ease}.dimension-dimmed{opacity:.35;filter:grayscale(.8) blur(.5px);pointer-events:none;transform:scale(.98)}.dimension-highlighted{opacity:1;filter:none;transform:scale(1.02);z-index:10;box-shadow:0 0 0 2px var(--semantic-v),var(--shadow-deep)}.dimension-card--coord-picker{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.dimension-card--coord-picker .dimension-position{margin:0}.coord-picker-card__header{display:flex;align-items:center;gap:.5rem}.coord-picker-card__title{margin:0}.dimension-card--coord-picker .coord-picker .coord-picker__header{display:none}.tabs{margin:1rem 0 1.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tabs__strip{display:flex;background:var(--surface-elevated);border-bottom:1px solid var(--border);overflow-x:auto}.tabs__tab{flex:1;padding:.75rem 1rem;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--text-2);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background .2s ease}.tabs__tab:hover,.tabs__tab[aria-selected=true]{color:var(--text);background:var(--surface)}.tabs--teal .tabs__tab[aria-selected=true]{border-bottom-color:var(--semantic-v)}.tabs--amber .tabs__tab[aria-selected=true]{border-bottom-color:var(--semantic-h)}.tabs--gradient .tabs__tab[aria-selected=true]{border-image-source:linear-gradient(90deg,var(--semantic-h),var(--semantic-v));border-image-slice:1}.tabs__panel{padding:var(--space-sm);background:var(--surface)}.tabs__panel p{margin-bottom:0}.no-js .tabs__panel,.no-js .tabs__panel[hidden]{display:block!important}.pill-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.pill-tab{padding:.375rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--text-2);font-family:var(--font-sans);transition:all .2s ease}.pill-tab:hover{border-color:var(--border-accent)}.pill-tab.active--amber{background:#f59e0b18;border-color:var(--semantic-h);color:var(--semantic-h)}.pill-tab.active--teal{background:#14b8a618;border-color:var(--semantic-v);color:var(--semantic-v)}@media(max-width:600px){.tabs__strip{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.tabs__strip::-webkit-scrollbar{display:none}}.accordion-item{margin-bottom:.75rem}.accordion-item details{border-radius:var(--radius-lg);overflow:hidden}.accordion-toggle{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;cursor:pointer;text-align:left;display:flex;align-items:center;gap:.75rem;transition:all .2s ease;font-family:var(--font-sans);color:var(--text);list-style:none;user-select:none}.accordion-toggle::-webkit-details-marker,.accordion-toggle::marker{display:none}.accordion-toggle:hover{border-color:var(--border-accent);background:var(--surface-elevated)}details[open]>.accordion-toggle{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom-color:transparent}details[open]>.accordion-toggle.accordion-toggle--amber{border-left:3px solid var(--semantic-h)}details[open]>.accordion-toggle.accordion-toggle--teal{border-left:3px solid var(--semantic-v)}.accordion-toggle__icon{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.accordion-toggle__icon--amber{background:#f59e0b15;color:var(--semantic-h)}.accordion-toggle__icon--teal{background:#14b8a615;color:var(--semantic-v)}details[open] .accordion-toggle__icon--amber{background:#f59e0b25}details[open] .accordion-toggle__icon--teal{background:#14b8a625}.accordion-toggle__label{flex:1;min-width:0}.accordion-toggle__title{font-size:.875rem;font-weight:600;transition:color .2s ease}details[open] .accordion-toggle__title{color:var(--text)}.accordion-toggle__meta{font-size:.75rem;color:var(--text-3);margin-top:1px}.accordion-toggle__chevron{color:var(--text-3);transition:transform .25s ease,color .2s ease;flex-shrink:0}details[open] .accordion-toggle__chevron{transform:rotate(180deg);color:var(--text-2)}.accordion-body{background:var(--surface-inset);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:.75rem;animation:accordionReveal .2s ease both}@keyframes accordionReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.accordion-controls{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm)}.accordion-controls__btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.375rem .75rem;font-family:var(--font-sans);font-size:.75rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .2s ease}.accordion-controls__btn:hover{background:var(--surface-elevated);border-color:var(--border-accent);color:var(--text)}details.disclosure{margin:.875rem 0}details.disclosure>summary.disclosure__toggle{display:inline-flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--text-2);list-style:none;padding:.2rem 0;border-bottom:1px dashed var(--border-accent);user-select:none;transition:color .15s ease,border-color .15s ease;font-family:var(--font-sans)}details.disclosure>summary.disclosure__toggle::-webkit-details-marker,details.disclosure>summary.disclosure__toggle::marker{display:none}details.disclosure>summary.disclosure__toggle:after{content:"▾";font-size:.7em;transition:transform .2s ease;color:var(--text-3)}details.disclosure[open]>summary.disclosure__toggle:after{transform:rotate(180deg)}details.disclosure>summary.disclosure__toggle:hover{color:var(--text);border-bottom-color:var(--text-3)}details.disclosure>.disclosure__body{padding:.625rem 0 .25rem .875rem;border-left:2px solid var(--border);margin-top:.5rem;font-size:.875rem;color:var(--text-2);animation:accordionReveal .18s ease both}.expanding-cards{display:flex;gap:var(--space-xs);margin:1rem 0 1.75rem}.expanding-cards--vertical{flex-direction:row}.expanding-cards--horizontal{flex-direction:column}.expanding-cards__card{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated);padding:.95rem 1rem;cursor:pointer;overflow:hidden;min-height:120px;transition:flex .35s ease,box-shadow .25s ease,background .25s ease}.expanding-cards--vertical .expanding-cards__card{flex:.7}.expanding-cards--horizontal .expanding-cards__card{flex:0 0 68px;min-height:68px}.expanding-cards__label{font-family:var(--font-mono);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.expanding-cards--vertical .expanding-cards__label{writing-mode:vertical-rl;text-orientation:mixed}.expanding-cards--horizontal .expanding-cards__label{writing-mode:horizontal-tb}.expanding-cards__content{max-height:0;opacity:0;overflow:hidden;transform:translateY(4px);transition:opacity .3s cubic-bezier(.2,.8,.2,1),max-height .38s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1)}.expanding-cards__content h4{margin:0 0 .35rem;text-transform:none;letter-spacing:0;font-size:1rem}.expanding-cards__content p{margin:0;font-size:.92rem;line-height:1.5}.expanding-cards__card[aria-expanded=false]{background:var(--accent-fill, var(--surface-elevated))}.expanding-cards__card[aria-expanded=true]{background:var(--surface);box-shadow:var(--shadow-card);cursor:default}.expanding-cards--vertical .expanding-cards__card[aria-expanded=true]{flex:2.3;border-left:6px solid var(--accent-fill, var(--border-accent))}.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true]{flex-basis:176px;border-top:6px solid var(--accent-fill, var(--border-accent))}.expanding-cards__card[aria-expanded=true] .expanding-cards__content{max-height:600px;opacity:1;transform:translateY(0)}.expanding-cards__card.dimension-highlighted{position:relative;z-index:1;box-shadow:0 0 0 2px var(--semantic-v),0 4px 16px #14b8a626}.expanding-cards__card.dimension-dimmed{opacity:.35;transition:opacity .3s ease}.expanding-cards__card.dimension-dimmed:hover{opacity:.7}@media(max-width:768px){.fixed-cols{grid-template-columns:1fr}}.expanding-cards--slotted .expanding-cards__card[data-depth="5"]{--accent-fill: var(--dim-5)}.expanding-cards--slotted .expanding-cards__card[data-depth="4"]{--accent-fill: var(--dim-4)}.expanding-cards--slotted .expanding-cards__card[data-depth="3"]{--accent-fill: var(--dim-3)}.expanding-cards--slotted .expanding-cards__card[data-depth="2"]{--accent-fill: var(--dim-2)}.expanding-cards--slotted .expanding-cards__card[data-depth="1"]{--accent-fill: var(--dim-1)}.expanding-cards--slotted .expanding-cards__card[data-depth="0"]{--accent-fill: var(--dim-0)}.expanding-cards--slotted .expanding-cards__card[data-position="12"]{--accent-fill: var(--pos-12)}.expanding-cards--slotted .expanding-cards__card[data-position="1"]{--accent-fill: var(--pos-1)}.expanding-cards--slotted .expanding-cards__card[data-position="3"]{--accent-fill: var(--pos-3)}.expanding-cards--slotted .expanding-cards__card[data-position="6"]{--accent-fill: var(--pos-6)}.expanding-cards--slotted .expanding-cards__card[data-position="9"]{--accent-fill: var(--pos-9)}.expanding-cards--slotted .expanding-cards__card[data-position="11"]{--accent-fill: var(--pos-11)}.expanding-cards--slotted .expanding-cards__card{transition:flex .34s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease,border-color .26s ease,background .26s ease}.expanding-cards--slotted .expanding-cards__content{transition:opacity .26s ease,transform .26s cubic-bezier(.2,.8,.2,1)}.expanding-cards--slotted.expanding-cards--vertical{flex-direction:row;align-items:stretch;height:clamp(460px,62vh,720px);min-height:unset}.compass-content .expanding-cards--slotted.expanding-cards--vertical{height:auto;min-height:0;will-change:contents}.compass-content .expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=true]{overflow:visible}.compass-content .expanding-cards--slotted .expanding-cards__card[aria-expanded=true] .expanding-cards__content{overflow-y:visible;overflow-x:visible;max-height:none;transition:opacity .22s ease .12s,transform .22s cubic-bezier(.2,.8,.2,1) .12s}.compass-content .expanding-cards--slotted .expanding-cards__card[aria-expanded=false] .expanding-cards__content{transition:opacity .1s ease 0ms,transform .1s ease 0ms}.compass-content .expanding-cards--slotted .expanding-cards__card{transition:flex .38s cubic-bezier(.25,.46,.45,.94),box-shadow .26s ease,border-color .26s ease,background .26s ease}.expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card{display:flex;flex-direction:column;min-width:0}.expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{flex:0 0 44px;padding:0;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-fill, var(--dim-3)) 35%,var(--surface)),color-mix(in srgb,var(--accent-fill, var(--dim-3)) 70%,var(--surface)))}.expanding-cards--slotted .expanding-cards__card[aria-expanded=false] .expanding-cards__content{opacity:0;overflow:hidden;padding:0;pointer-events:none;max-height:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=false] .expanding-cards__label{flex:1;display:flex;align-items:center;justify-content:flex-start;padding-top:14px;writing-mode:vertical-rl;text-orientation:mixed;width:100%;height:100%;color:#0000008c;font-weight:800;font-size:.7rem;letter-spacing:.12em}.expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=true]{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;overflow:hidden}.expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=true]>.expanding-cards__label{display:none}.expanding-cards--slotted .expanding-cards__card[aria-expanded=true] .expanding-cards__content{max-height:100%;opacity:1;overflow-y:auto;transform:translateY(0);pointer-events:auto;padding:0 18px 18px;flex:1 1 auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.expanding-cards--slotted .expanding-cards__card[aria-expanded=true] .expanding-cards__content::-webkit-scrollbar{width:4px}.expanding-cards--slotted .expanding-cards__card[aria-expanded=true] .expanding-cards__content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.expanding-cards--slotted .expanding-cards__card[data-depth="5"][aria-expanded=true]{border-left-color:var(--dim-5)}.expanding-cards--slotted .expanding-cards__card[data-depth="4"][aria-expanded=true]{border-left-color:var(--dim-4)}.expanding-cards--slotted .expanding-cards__card[data-depth="3"][aria-expanded=true]{border-left-color:var(--dim-3)}.expanding-cards--slotted .expanding-cards__card[data-depth="2"][aria-expanded=true]{border-left-color:var(--dim-2)}.expanding-cards--slotted .expanding-cards__card[data-depth="1"][aria-expanded=true]{border-left-color:var(--dim-1)}.expanding-cards--slotted .expanding-cards__card[data-depth="0"][aria-expanded=true]{border-left-color:var(--dim-0)}.expanding-cards--slotted .expanding-cards__card[data-position="12"][aria-expanded=true]{border-left-color:var(--pos-12)}.expanding-cards--slotted .expanding-cards__card[data-position="1"][aria-expanded=true]{border-left-color:var(--pos-1)}.expanding-cards--slotted .expanding-cards__card[data-position="3"][aria-expanded=true]{border-left-color:var(--pos-3)}.expanding-cards--slotted .expanding-cards__card[data-position="6"][aria-expanded=true]{border-left-color:var(--pos-6)}.expanding-cards--slotted .expanding-cards__card[data-position="9"][aria-expanded=true]{border-left-color:var(--pos-9)}.expanding-cards--slotted .expanding-cards__card[data-position="11"][aria-expanded=true]{border-left-color:var(--pos-11)}.expanding-cards--slotted .tabs{margin:0;border:0;box-shadow:none;background:transparent;overflow:visible}.expanding-cards--slotted .tabs__strip{position:sticky;top:0;z-index:3;background:transparent;border-bottom:1px solid var(--border);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px}.expanding-cards--slotted .tabs__panel{border:0;background:transparent;padding:var(--space-sm) 0 0}.expanding-cards--slotted .tabs__tab{white-space:nowrap}.dimension-strip-intro{font-size:.875rem;color:var(--text-2);margin-bottom:var(--space-md)}@media(max-width:900px){.expanding-cards--slotted.expanding-cards--vertical{flex-direction:column;min-height:auto;height:auto}.expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{flex:0 0 48px;flex-direction:row;border-radius:var(--radius-md)}.expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=false] .expanding-cards__label{writing-mode:horizontal-tb;text-orientation:initial;padding:0 var(--space-sm);height:48px;width:auto;flex:0 0 auto;align-items:center;font-weight:800;font-size:.7rem;letter-spacing:.12em}.expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=true]{flex:0 0 auto;border-left-width:1px;border-top:5px solid var(--accent-fill, var(--border-accent))}.expanding-cards--slotted .expanding-cards__card[data-depth="5"][aria-expanded=true]{border-top-color:var(--dim-5)}.expanding-cards--slotted .expanding-cards__card[data-depth="4"][aria-expanded=true]{border-top-color:var(--dim-4)}.expanding-cards--slotted .expanding-cards__card[data-depth="3"][aria-expanded=true]{border-top-color:var(--dim-3)}.expanding-cards--slotted .expanding-cards__card[data-depth="2"][aria-expanded=true]{border-top-color:var(--dim-2)}.expanding-cards--slotted .expanding-cards__card[data-depth="1"][aria-expanded=true]{border-top-color:var(--dim-1)}.expanding-cards--slotted .expanding-cards__card[data-depth="0"][aria-expanded=true]{border-top-color:var(--dim-0)}.expanding-cards--slotted .expanding-cards__card[data-position="12"][aria-expanded=true]{border-top-color:var(--pos-12)}.expanding-cards--slotted .expanding-cards__card[data-position="1"][aria-expanded=true]{border-top-color:var(--pos-1)}.expanding-cards--slotted .expanding-cards__card[data-position="3"][aria-expanded=true]{border-top-color:var(--pos-3)}.expanding-cards--slotted .expanding-cards__card[data-position="6"][aria-expanded=true]{border-top-color:var(--pos-6)}.expanding-cards--slotted .expanding-cards__card[data-position="9"][aria-expanded=true]{border-top-color:var(--pos-9)}.expanding-cards--slotted .expanding-cards__card[data-position="11"][aria-expanded=true]{border-top-color:var(--pos-11)}.expanding-cards--slotted .dimension-card{background:transparent;border:none;box-shadow:none;padding:0}.expanding-cards--slotted .expanding-cards__card[aria-expanded=true] .expanding-cards__content{padding:0 var(--space-sm) var(--space-sm);overflow-y:auto;max-height:70vh;overscroll-behavior:contain}.expanding-cards--slotted .tabs__strip{margin:0;padding:8px 0}}@media(prefers-color-scheme:dark){.expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-fill, var(--dim-3)) 25%,var(--surface)),color-mix(in srgb,var(--accent-fill, var(--dim-3)) 50%,var(--surface)))}.expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=false] .expanding-cards__label{color:#ffffffa6}}.dark .expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-fill, var(--dim-3)) 25%,var(--surface)),color-mix(in srgb,var(--accent-fill, var(--dim-3)) 50%,var(--surface)))}.dark .expanding-cards--slotted.expanding-cards--vertical .expanding-cards__card[aria-expanded=false] .expanding-cards__label{color:#ffffffa6}.expanding-cards--gradient .expanding-cards__card[aria-expanded=true] .expanding-cards__content,.expanding-cards--gradient-h .expanding-cards__card[aria-expanded=true] .expanding-cards__content,.expanding-cards--gradient-v .expanding-cards__card[aria-expanded=true] .expanding-cards__content{max-height:2000px}.expanding-cards--gradient.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-h.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-v.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true]{flex-basis:auto}.expanding-cards--gradient.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-h.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-v.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true]{border-top-width:3px;border-top-color:color-mix(in srgb,var(--accent-fill) 60%,var(--surface))}.expanding-cards--gradient.expanding-cards--vertical .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-h.expanding-cards--vertical .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-v.expanding-cards--vertical .expanding-cards__card[aria-expanded=true]{border-left-width:3px;border-left-color:color-mix(in srgb,var(--accent-fill) 60%,var(--surface))}.expanding-cards--gradient .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-h .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-v .expanding-cards__card[aria-expanded=true]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 5%,var(--surface)),color-mix(in srgb,var(--semantic-v) 5%,var(--surface)))}.expanding-cards--gradient .expanding-cards__card{--accent-fill: var(--semantic-h)}.expanding-cards--gradient .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 28%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 28%,var(--surface-elevated)))}.expanding-cards--gradient-h .expanding-cards__card{--accent-fill: var(--semantic-h)}.expanding-cards--gradient-h .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 32%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 14%,var(--surface-elevated)))}.expanding-cards--gradient-v .expanding-cards__card{--accent-fill: var(--semantic-v)}.expanding-cards--gradient-v .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 22%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 32%,var(--surface-elevated)))}.expanding-cards--slotted.expanding-cards--gradient.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 28%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 28%,var(--surface-elevated)))}.expanding-cards--slotted.expanding-cards--gradient-h.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 32%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 14%,var(--surface-elevated)))}.expanding-cards--slotted.expanding-cards--gradient-v.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 22%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 32%,var(--surface-elevated)))}.expanding-cards--slotted.expanding-cards--gradient.expanding-cards--vertical .expanding-cards__card[aria-expanded=true],.expanding-cards--slotted.expanding-cards--gradient-h.expanding-cards--vertical .expanding-cards__card[aria-expanded=true],.expanding-cards--slotted.expanding-cards--gradient-v.expanding-cards--vertical .expanding-cards__card[aria-expanded=true]{min-height:320px}@media(max-width:900px){.expanding-cards--slotted.expanding-cards--gradient.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{background:linear-gradient(90deg,color-mix(in srgb,var(--semantic-h) 28%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 28%,var(--surface-elevated)))}.expanding-cards--slotted.expanding-cards--gradient-h.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{background:linear-gradient(90deg,color-mix(in srgb,var(--semantic-h) 32%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 12%,var(--surface-elevated)))}.expanding-cards--slotted.expanding-cards--gradient-v.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{background:linear-gradient(90deg,color-mix(in srgb,var(--semantic-h) 20%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 32%,var(--surface-elevated)))}}@media(prefers-color-scheme:dark){.expanding-cards--gradient .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 28%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 28%,var(--surface-elevated)))}.expanding-cards--gradient-h .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 32%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 12%,var(--surface-elevated)))}.expanding-cards--gradient-v .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 20%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 32%,var(--surface-elevated)))}.expanding-cards--gradient .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-h .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-v .expanding-cards__card[aria-expanded=true]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 10%,var(--surface)),color-mix(in srgb,var(--semantic-v) 10%,var(--surface)))}.expanding-cards--gradient.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-h.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-v.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true]{border-top-color:color-mix(in srgb,var(--accent-fill) 40%,var(--surface))}.expanding-cards--gradient.expanding-cards--vertical .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-h.expanding-cards--vertical .expanding-cards__card[aria-expanded=true],.expanding-cards--gradient-v.expanding-cards--vertical .expanding-cards__card[aria-expanded=true]{border-left-color:color-mix(in srgb,var(--accent-fill) 40%,var(--surface))}}.dark-mode .expanding-cards--gradient .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 28%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 28%,var(--surface-elevated)))}.dark-mode .expanding-cards--gradient-h .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 32%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 12%,var(--surface-elevated)))}.dark-mode .expanding-cards--gradient-v .expanding-cards__card[aria-expanded=false]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 20%,var(--surface-elevated)),color-mix(in srgb,var(--semantic-v) 32%,var(--surface-elevated)))}.dark-mode .expanding-cards--gradient .expanding-cards__card[aria-expanded=true],.dark-mode .expanding-cards--gradient-h .expanding-cards__card[aria-expanded=true],.dark-mode .expanding-cards--gradient-v .expanding-cards__card[aria-expanded=true]{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-h) 10%,var(--surface)),color-mix(in srgb,var(--semantic-v) 10%,var(--surface)))}.dark-mode .expanding-cards--gradient.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true],.dark-mode .expanding-cards--gradient-h.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true],.dark-mode .expanding-cards--gradient-v.expanding-cards--horizontal .expanding-cards__card[aria-expanded=true]{border-top-color:color-mix(in srgb,var(--accent-fill) 40%,var(--surface))}.dark-mode .expanding-cards--gradient.expanding-cards--vertical .expanding-cards__card[aria-expanded=true],.dark-mode .expanding-cards--gradient-h.expanding-cards--vertical .expanding-cards__card[aria-expanded=true],.dark-mode .expanding-cards--gradient-v.expanding-cards--vertical .expanding-cards__card[aria-expanded=true]{border-left-color:color-mix(in srgb,var(--accent-fill) 40%,var(--surface))}@media(max-width:900px){.expanding-cards--slotted.expanding-cards--gradient.expanding-cards--vertical .expanding-cards__card[aria-expanded=false],.expanding-cards--slotted.expanding-cards--gradient-h.expanding-cards--vertical .expanding-cards__card[aria-expanded=false],.expanding-cards--slotted.expanding-cards--gradient-v.expanding-cards--vertical .expanding-cards__card[aria-expanded=false]{flex:0 0 56px;min-height:56px;padding:0 1rem;border-radius:var(--radius-lg);border-color:color-mix(in srgb,var(--border) 50%,transparent)}.expanding-cards--slotted.expanding-cards--gradient.expanding-cards--vertical .expanding-cards__card[aria-expanded=false] .expanding-cards__label,.expanding-cards--slotted.expanding-cards--gradient-h.expanding-cards--vertical .expanding-cards__card[aria-expanded=false] .expanding-cards__label,.expanding-cards--slotted.expanding-cards--gradient-v.expanding-cards--vertical .expanding-cards__card[aria-expanded=false] .expanding-cards__label{font-size:.8125rem;letter-spacing:.06em;height:56px;color:var(--text)}.expanding-cards--slotted.expanding-cards--gradient.expanding-cards--vertical .expanding-cards__card[aria-expanded=true],.expanding-cards--slotted.expanding-cards--gradient-h.expanding-cards--vertical .expanding-cards__card[aria-expanded=true],.expanding-cards--slotted.expanding-cards--gradient-v.expanding-cards--vertical .expanding-cards__card[aria-expanded=true]{border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-top:3px solid color-mix(in srgb,var(--accent-fill) 60%,var(--surface));border-radius:var(--radius-lg);box-shadow:none}.expanding-cards--slotted.expanding-cards--gradient.expanding-cards--vertical .expanding-cards__card[aria-expanded=true] .expanding-cards__content,.expanding-cards--slotted.expanding-cards--gradient-h.expanding-cards--vertical .expanding-cards__card[aria-expanded=true] .expanding-cards__content,.expanding-cards--slotted.expanding-cards--gradient-v.expanding-cards--vertical .expanding-cards__card[aria-expanded=true] .expanding-cards__content{max-height:60vh;overflow-y:auto;padding:.75rem 1rem 1rem}}.flip-card{position:relative;perspective:1000px;min-height:180px;cursor:pointer;outline:none}.flip-card__inner{position:relative;width:100%;min-height:inherit;transition:transform .4s ease;transform-style:preserve-3d}.flip-card--horizontal[aria-expanded=true] .flip-card__inner{transform:rotateY(180deg)}.flip-card--vertical[aria-expanded=true] .flip-card__inner{transform:rotateX(180deg)}.flip-card__front{position:relative}.flip-card__back{position:absolute;inset:0}.flip-card__face{width:100%;min-height:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm);display:flex;flex-direction:column;justify-content:center;transition:box-shadow .2s ease;box-sizing:border-box}.flip-card__face:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-md) var(--radius-md) 0 0}.flip-card__front{background:var(--surface);z-index:2}.flip-card__back{background:var(--surface-elevated);z-index:1;overflow-y:auto}.flip-card--horizontal .flip-card__back{transform:rotateY(180deg)}.flip-card--vertical .flip-card__back{transform:rotateX(180deg)}.flip-card--teal .flip-card__face:before{background:var(--semantic-v)}.flip-card--amber .flip-card__face:before{background:var(--semantic-h)}.flip-card--gray .flip-card__face:before{background:var(--info-gray)}.flip-card--gradient .flip-card__face:before{background:linear-gradient(90deg,var(--semantic-h),var(--semantic-v))}.flip-card:hover .flip-card__front{box-shadow:var(--shadow-subtle)}.flip-card[aria-expanded=true] .flip-card__back{box-shadow:var(--shadow-card)}.flip-card:focus-visible{outline:2px solid var(--semantic-v);outline-offset:2px;border-radius:var(--radius-md)}.flip-card__hint{position:absolute;bottom:.5rem;right:.75rem;font-size:.7rem;color:var(--text-3);pointer-events:none;opacity:.7;transition:opacity .2s ease}.flip-card:hover .flip-card__hint{opacity:1}.no-js .flip-card__inner{transform:none!important}.no-js .flip-card__back{position:relative;transform:none;margin-top:var(--space-xs)}.flip-card-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-sm)}.flip-card-strip--matched .flip-card,.flip-card-strip--matched .flip-card__inner{height:100%}.flip-card-strip--matched .flip-card__front{height:100%;box-sizing:border-box}.coord-picker{width:100%;background:transparent;border:0;border-radius:0;padding:0;margin:0;border-left:0;border-image:none}.coord-picker__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.coord-picker__icon{font-size:1rem;color:var(--semantic-v)}.coord-picker__title{margin:0;color:var(--text)}.coord-picker__controls{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.coord-picker__field{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:140px}.coord-picker__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.coord-picker__select{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .625rem;font-family:var(--font-sans);font-size:.8125rem;color:var(--text);cursor:pointer;transition:border-color .2s ease;width:100%;appearance:auto}.coord-picker__select:hover{border-color:var(--border-accent)}.coord-picker__select:focus-visible{outline:2px solid var(--semantic-v);outline-offset:1px}.coord-picker__divider{font-size:1.125rem;color:var(--text-3);font-weight:300;padding-bottom:.5rem;flex-shrink:0}.coord-picker__output{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.coord-picker__notation{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--text);background:var(--token-bg);border:1px solid var(--token-border);border-radius:var(--radius-sm);padding:.375rem .75rem;letter-spacing:.02em}.coord-picker__actions{display:flex;gap:.5rem;flex-wrap:wrap}.coord-picker__btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.375rem .75rem;font-family:var(--font-sans);font-size:.75rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .2s ease;white-space:nowrap}.coord-picker__btn:hover{background:var(--surface-elevated);border-color:var(--border-accent);color:var(--text)}.coord-picker__btn:focus-visible{outline:2px solid var(--semantic-v);outline-offset:1px}.coord-picker__btn--jump{color:var(--semantic-v);border-color:var(--semantic-v)}.coord-picker__btn--jump:hover{background:var(--semantic-v);color:#fff}.coord-picker__btn--highlight[aria-pressed=true]{background:var(--semantic-v);color:#fff;border-color:var(--semantic-v)}@media(max-width:600px){.coord-picker__controls{flex-direction:column;align-items:stretch}.coord-picker__divider{display:none}.coord-picker__output{flex-direction:column;align-items:stretch}}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:all .3s ease}.site-header__inner{max-width:var(--max-width);margin:0 auto;padding:.75rem 1.5rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.site-brand{display:flex;flex-direction:column;line-height:1.1;text-decoration:none;color:var(--text)}.site-brand:hover{text-decoration:none;color:var(--text)}.site-brand__title{font-weight:700;font-size:15px;letter-spacing:.02em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-brand__subtitle{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.site-nav{display:flex;align-items:center;gap:.25rem;justify-self:center}.site-nav a,.nav-btn{text-decoration:none;color:var(--text-2);font-size:.8125rem;font-weight:500;padding:.375rem .875rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;transition:all .2s ease;font-family:var(--font-sans)}.site-nav a:hover,.nav-btn:hover{color:var(--text);background:var(--surface);border-color:var(--border);text-decoration:none}.site-nav a[aria-current=page],.nav-btn.active{color:var(--text);background:var(--surface);border-color:var(--border)}.theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:2.25rem;height:2.25rem;padding:0;cursor:pointer;font-size:1.1rem;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:var(--font-sans);line-height:1}.theme-toggle:hover{background:var(--surface-elevated);border-color:var(--border-accent);color:var(--text)}.site-footer{border-top:1px solid var(--border);padding:1rem 1.5rem;text-align:center;font-size:.75rem;color:var(--text-3);background:var(--surface);flex-shrink:0}.site-footer__inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.site-footer__github{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-3);text-decoration:none;font-size:.75rem;transition:color .15s}.site-footer__github:hover{color:var(--semantic-v)}.site-header{flex-shrink:0}.page-content{flex:1;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;width:100%}.sidebar-rail{position:fixed;top:0;left:0;width:48px;height:100vh;background:var(--surface);border-right:1px solid var(--border);z-index:110;display:flex;flex-direction:column;align-items:center;padding-top:.75rem}.rail-icons{display:flex;flex-direction:column;align-items:center;gap:.25rem}.rail-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-3);cursor:pointer;text-decoration:none;transition:color .15s,background .15s}.rail-icon:hover{color:var(--text);background:var(--bg);text-decoration:none}.page-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--surface);border-right:1px solid var(--border);z-index:105;padding:3.5rem 1rem 1rem;overflow-y:auto;transition:left .25s ease;box-shadow:4px 0 20px #00000026;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.page-sidebar::-webkit-scrollbar{width:4px}.page-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.page-sidebar.is-open{left:48px}.sidebar-inner{padding:0 .5rem}.sidebar-close{display:block;background:none;border:none;cursor:pointer;color:var(--text-3);font-size:1.25rem;padding:.25rem;position:absolute;top:.75rem;right:.75rem;transition:color .15s}.sidebar-close:hover{color:var(--text)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:100}.sidebar-overlay.is-open{display:block}.sidebar-toc{margin-bottom:1.25rem}.sidebar-section__label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:0 0 .5rem}.sidebar-toc__list{list-style:none;margin:0;padding:0}.sidebar-toc__list li{margin:0}.sidebar-toc__link{display:block;padding:.25rem .5rem;font-size:.75rem;line-height:1.4;color:var(--text-3);text-decoration:none;border-left:2px solid transparent;transition:all .15s}.sidebar-toc__link:hover{color:var(--text);text-decoration:none}.sidebar-toc__link.is-active{color:var(--semantic-v);border-left-color:var(--semantic-v);font-weight:600}.sidebar-toc__link--sub{padding-left:1rem;font-size:.7rem}.sidebar-siblings{border-top:1px solid var(--border);padding-top:.75rem}.sidebar-section__toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 0 .5rem;color:var(--text-3)}.sidebar-section__chevron{transition:transform .2s}.sidebar-section__toggle.is-expanded .sidebar-section__chevron{transform:rotate(180deg)}.sidebar-siblings__list{list-style:none;margin:0;padding:0}.sidebar-siblings__list li{margin:0}.sidebar-siblings__link{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.725rem;color:var(--text-3);text-decoration:none;border-radius:var(--radius-sm);transition:all .15s}.sidebar-siblings__link:hover{color:var(--text);background:var(--surface-inset);text-decoration:none}.sidebar-siblings__link.is-active{color:var(--semantic-v);font-weight:600}.sidebar-siblings__num{font-size:.625rem;font-weight:700;color:var(--text-3);min-width:1.5rem}.sidebar-siblings__link.is-active .sidebar-siblings__num{color:var(--semantic-v)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);opacity:0;transform:translateY(10px);pointer-events:none;transition:all .25s;z-index:50}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{border-color:var(--semantic-v);color:var(--semantic-v)}.search-modal{display:none;position:fixed;inset:0;z-index:200;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);justify-content:center;padding-top:10vh}.search-modal.is-open{display:flex}.search-modal__inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:640px;max-height:70vh;overflow-y:auto;padding:1.5rem;box-shadow:var(--shadow-deep);animation:modalIn .2s ease both}@keyframes modalIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.global-search-trigger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.375rem .75rem;cursor:pointer;font-size:.8125rem;color:var(--text-3);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;font-family:var(--font-sans)}.global-search-trigger:hover{border-color:var(--border-accent);color:var(--text-2)}.global-search-trigger kbd{font-size:.625rem;font-family:var(--font-sans);background:var(--surface-elevated);border:1px solid var(--border);border-radius:3px;padding:1px 4px;color:var(--text-3);margin-left:.25rem}.pagefind-ui{--pagefind-ui-scale: .9;--pagefind-ui-primary: var(--text-2);--pagefind-ui-text: var(--text);--pagefind-ui-background: var(--surface);--pagefind-ui-border: var(--border);--pagefind-ui-tag: var(--surface-elevated);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: 8px;--pagefind-ui-font: var(--font-sans)}.pagefind-ui mark{background:color-mix(in srgb,var(--semantic-h) 25%,transparent);color:inherit;padding:.05em .15em;border-radius:2px}.dark-mode .pagefind-ui mark{background:color-mix(in srgb,var(--semantic-h) 35%,transparent)}@media(prefers-color-scheme:dark){.pagefind-ui mark{background:color-mix(in srgb,var(--semantic-h) 35%,transparent)}}@media(max-width:768px){body{padding-left:0;overflow-x:hidden}.site-header__inner{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.global-search-trigger kbd{display:none}h1{font-size:2rem}h2{font-size:1.8em}.sidebar-rail{display:none}.page-sidebar.is-open{left:0}.page-content{overflow-x:hidden;padding-left:1rem;padding-right:1rem}.section{margin-bottom:1.5rem}.page-hero{padding-top:1.25rem;padding-bottom:1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s ease both}.animate-in-1{animation-delay:.05s}.animate-in-2{animation-delay:.1s}.animate-in-3{animation-delay:.15s}