:root{color-scheme:light;--bg:oklch(.978 .005 80);--surface:oklch(.997 .002 80);--ink:oklch(.29 .025 250);--muted:oklch(.48 .022 250);--line:oklch(.895 .01 80);--accent:oklch(.51 .133 48);--tint:oklch(.95 .028 65);--focus:oklch(.59 .16 48);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.55;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}figure{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:-80px;left:16px;z-index:10;background:var(--ink);color:var(--surface);padding:12px 20px;border-radius:6px}.skip:focus{top:12px}
.topbar{background:var(--surface);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--s6);padding:var(--s3) var(--s6)}.brand{display:flex;align-items:center;gap:var(--s5);flex:none}.brand img{object-fit:contain;width:157px;height:60px}.brand span{border-left:1px solid var(--line);padding-left:var(--s5);font-size:14px;color:var(--muted);font-weight:500}.search{position:relative;width:280px;max-width:40vw;margin:0}.search svg{position:absolute;left:13px;top:14px;color:var(--muted);pointer-events:none}.search input{width:100%;height:46px;padding:10px 14px 10px 40px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink)}.search input::placeholder{color:var(--muted)}
.home{max-width:1184px;margin:0 auto;padding:var(--s7) var(--s6) var(--s8)}.page-heading{margin-bottom:var(--s6)}h1{font-size:32px;line-height:1.25;letter-spacing:-.8px;margin:0 0 var(--s3);font-weight:670}p{margin:0;color:var(--muted);max-width:75ch}.module-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s7)}.module-link{display:flex;align-items:flex-start;gap:var(--s4);padding:var(--s5) var(--s2);border-bottom:1px solid var(--line);transition:background-color 160ms ease-out,color 160ms ease-out}.module-number{font-size:13px;letter-spacing:.5px;padding-top:4px;min-width:24px;color:var(--accent);font-weight:600}.module-copy{flex:1;min-width:0}.module-copy h2{font-size:18px;line-height:1.4;letter-spacing:-.2px;font-weight:630;margin:0 0 6px}.module-copy p{font-size:14px;line-height:1.55}.arrow{font-size:20px;line-height:1.4;color:var(--muted);padding-left:var(--s2);transition:transform 160ms ease-out}.module-link:hover{background:var(--tint)}.module-link:hover .module-copy h2,.module-link:hover .arrow{color:var(--accent)}.module-link:hover .arrow{transform:translateX(3px)}
.workspace{max-width:1440px;padding:var(--s6);margin:0 auto;display:grid;grid-template-columns:226px minmax(0,1fr);gap:var(--s7)}.sidebar{align-self:start;position:sticky;top:var(--s5);padding-right:var(--s4)}.sidebar-label{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;font-weight:650;color:var(--muted);margin:0 0 var(--s3);padding-left:var(--s3)}.side-link{font-size:13px;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:6px;margin-bottom:3px;color:var(--muted);line-height:1.4}.side-link:hover{background:var(--tint);color:var(--ink)}.side-link[aria-current=page]{background:var(--tint);color:var(--accent);font-weight:650}.side-number{font-size:11px;font-variant-numeric:tabular-nums;opacity:.8;min-width:15px}.main-content{min-width:0}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:var(--s6)}.breadcrumbs a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.breadcrumbs [aria-current]{color:var(--ink)}.breadcrumbs .separator{color:var(--muted);opacity:.6}.content-heading{margin-bottom:var(--s6)}.content-heading h1{font-size:28px;letter-spacing:-.6px}.content-heading p{font-size:14px;max-width:72ch}.mobile-switch{display:none}.feature-area+.feature-area{margin-top:var(--s6)}.area-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 var(--s2);font-weight:650}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s6)}.feature-link{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);min-height:57px;padding:var(--s4) var(--s2);border-bottom:1px solid var(--line);font-size:15px;font-weight:540}.feature-link:hover{background:var(--tint);color:var(--accent)}.feature-link .arrow{font-size:18px}
.screen-tools{display:flex;gap:var(--s4);align-items:center;justify-content:space-between;margin-bottom:var(--s4)}.screen-tabs{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:thin;padding:4px 3px;min-width:0}.screen-tab{white-space:nowrap;border:1px solid transparent;padding:8px 13px;min-height:42px;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:550}.screen-tab:hover{background:var(--tint);color:var(--accent)}.screen-tab[aria-selected=true]{background:var(--surface);border-color:var(--line);color:var(--accent);box-shadow:0 1px 2px oklch(.3 .02 60 / .04)}.image-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:10px 0;font-size:12px;font-weight:600;color:var(--accent)}.image-link:hover{text-decoration:underline;text-underline-offset:4px}.screen-panel{margin:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:var(--s3);overflow:hidden}.screen-panel img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--bg);border-radius:3px}.screen-note{padding:var(--s4) 2px 0;color:var(--muted);font-size:13px;max-width:80ch}.screen-error{padding:var(--s6);text-align:center}.screen-error p{margin:0 auto var(--s4)}.screen-error button{border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:8px 18px;color:var(--ink)}
.search-results{max-width:1000px;margin:0 auto;padding:var(--s7) var(--s6) var(--s8)}.search-results .page-heading{margin-bottom:var(--s5)}.search-result{display:block;padding:var(--s5) var(--s2);border-bottom:1px solid var(--line)}.search-result:hover{background:var(--tint)}.search-result small{font-size:12px;color:var(--accent)}.search-result h2{font-size:18px;margin:4px 0 5px;font-weight:600}.search-result p{font-size:14px}.empty-search{padding-top:var(--s6)}footer{max-width:1376px;margin:auto;border-top:1px solid var(--line);padding:var(--s5) 0;display:flex;justify-content:space-between;gap:var(--s5);font-size:11px;color:var(--muted)}footer span:first-child{color:var(--accent);font-weight:650;letter-spacing:1px}
@media(min-width:1600px){.home{padding-top:var(--s8)}.module-link{padding-top:28px;padding-bottom:28px}}
@media(max-width:1100px){.workspace{grid-template-columns:200px minmax(0,1fr);gap:var(--s6)}.sidebar{padding-right:0}.side-link{font-size:12px;padding-left:8px;padding-right:8px}.module-directory{column-gap:var(--s6)}footer{margin:0 var(--s6)}}
@media(max-width:850px){.topbar-inner{padding:var(--s3) var(--s5);gap:var(--s4)}.brand img{width:125px;height:48px}.brand span{display:none}.search{width:260px;max-width:55vw}.home{padding:var(--s6) var(--s5) var(--s7)}.workspace{display:block;padding:var(--s5)}.sidebar{display:none}.breadcrumbs{margin-bottom:var(--s5)}.mobile-switch{display:block;margin:0 0 var(--s5)}.mobile-switch select{width:100%;height:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:8px 12px;font-size:14px}.content-heading h1{font-size:26px}.screen-tools{gap:var(--s2);flex-wrap:wrap}.screen-tabs{flex:1;max-width:100%}.image-link{margin-left:auto}.search-results{padding:var(--s6) var(--s5)}footer{margin:0 var(--s5)}}
@media(max-width:580px){h1{font-size:28px}.topbar-inner{padding:10px var(--s4)}.brand img{width:108px;height:44px}.search{max-width:54vw}.search input{font-size:13px;height:42px}.search svg{top:12px}.home{padding:var(--s6) var(--s4)}.module-directory{grid-template-columns:1fr}.module-link{padding:18px 4px;gap:12px}.module-copy h2{font-size:17px}.module-copy p{font-size:14px}.module-number{min-width:22px}.feature-list{grid-template-columns:1fr}.workspace{padding:var(--s5) var(--s4)}.content-heading{margin-bottom:var(--s5)}.feature-area+.feature-area{margin-top:var(--s5)}.screen-panel{padding:5px;border-radius:6px}.screen-tab{padding:8px 11px}.breadcrumbs{font-size:11px}.screen-note{font-size:12px}.search-results{padding:var(--s6) var(--s4)}footer{margin:0 var(--s4);padding:var(--s5) 0;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.sidebar,.mobile-switch,.screen-tabs,.image-link,footer{display:none}.workspace{display:block;padding:0}.screen-panel{padding:0;border:0}body{background:var(--surface)}}