@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2")}:root{color:#272b38;font-synthesis:none;--page:#fff;--side:#f8f9fb;--surface:#f7f8fa;--ink:#272b38;--muted:#767c8a;--border:#e8eaef;--accent:#7164cf;--accent-soft:#eeeafa;--code:#f6f7fa;--hover:#f0f1f5;--shadow:0 12px 35px #30294c08;scroll-behavior:smooth;background:#fff;scroll-padding-top:100px;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button,a,input,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}svg{flex-shrink:0}button{transition:background .16s,color .16s,transform .16s}button:disabled{cursor:default}::selection{background:#dfd7ff}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,DM Sans,sans-serif}button:active{transform:translateY(1px)}.skip-link{background:var(--accent);color:#fff;z-index:100;padding:12px;position:fixed;top:-60px;left:270px}.skip-link:focus{top:10px}.sidebar{background:var(--side);border-right:1px solid var(--border);z-index:30;flex-direction:column;width:250px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.7px;align-items:center;gap:10px;padding:30px 24px 32px;font-size:19px;font-weight:700;display:flex}.brand-icon{width:37px;height:39px;color:var(--accent);background:#efecfa;border:1px solid #dcd7ed;border-radius:11px;place-items:center;display:grid}.brand-light{font-weight:450}.brand small{letter-spacing:1.3px;color:var(--muted);margin-top:5px;font-size:7.6px;font-weight:600;display:block}.sidebar-body{scrollbar-width:thin;padding:8px 16px;overflow-y:auto}.nav-section-label{letter-spacing:1.35px;color:#8e93a0;justify-content:space-between;margin-bottom:13px;padding:0 13px;font-size:9px;font-weight:650;display:flex}.nav-item{text-align:left;color:#656c7b;border-radius:6px;align-items:center;gap:11px;width:100%;min-height:39px;padding:11px 13px;font-size:12px;display:flex;position:relative}.nav-item svg{color:#89909c;stroke-width:1.6px}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.active svg{color:var(--accent)}.nav-indicator{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.nav-item:not(.active) .nav-indicator{display:none}.new-label{color:var(--accent);letter-spacing:.7px;background:var(--accent-soft);border-radius:3px;margin-left:auto;padding:3px 5px;font-size:8px;font-weight:700}.basics-label{margin-top:31px;margin-bottom:10px}.basics-label>span{letter-spacing:0;font-size:8px}.topic-nav{padding-top:10px;padding-bottom:10px}.nav-divider{background:var(--border);height:1px;margin:22px 12px 15px}.saved-count{border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:1px 5px;font-size:10px}.sidebar-footer{margin-top:auto;padding:20px 27px}.learn-note{padding:17px 0 20px}.learn-note>span{color:#676377;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.learn-note svg{color:var(--accent)}.learn-note p{color:#9094a0;margin-top:8px;font-size:10px;line-height:1.9}.sidebar-footer>a{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding-top:20px;font-size:10px;display:flex}.page-shell{margin-left:250px}.topbar{border-bottom:1px solid var(--border);background:var(--page);z-index:20;justify-content:space-between;align-items:center;height:76px;padding:0 48px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);align-items:center;gap:14px;font-size:11px;display:flex}.breadcrumb strong{color:#555d6e;font-weight:500}.slash{color:#c8cbd3}.topbar-actions{align-items:center;gap:20px;display:flex}.search-trigger{background:var(--side);border:1px solid var(--border);color:#999daa;border-radius:6px;align-items:center;gap:9px;min-width:225px;height:33px;padding:0 9px;font-size:11px;display:flex}.search-trigger:hover{border-color:#c9c1e4}.search-trigger kbd{margin-left:auto}kbd{border:1px solid var(--border);background:var(--page);color:var(--muted);border-radius:4px;padding:2px 4px;font-family:inherit;font-size:9px}.toolbar-divider{background:var(--border);width:1px;height:19px}.icon-button{color:#9297a2;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.icon-button:hover{color:var(--accent);background:var(--accent-soft)}main{max-width:1320px;margin:auto;padding:0 48px}.hero{grid-template-columns:1.23fr 1fr;align-items:center;gap:15px;min-height:357px;padding:47px 0 39px;scroll-margin-top:90px;display:grid}.hero-eyebrow{letter-spacing:1.25px;color:var(--accent);white-space:nowrap;align-items:center;gap:7px;font-size:8.5px;font-weight:650;display:flex}.tiny-atom{display:flex}.version-pill{color:#747984;letter-spacing:0;border:1px solid var(--border);background:var(--side);border-radius:4px;margin-left:8px;padding:3px 6px;font-size:8px;font-weight:500}h1{letter-spacing:-1.8px;margin-top:18px;font-size:43px;font-weight:750;line-height:1.23}h1>span{color:var(--accent)}.hero-copy>p{color:var(--muted);max-width:420px;margin-top:16px;font-size:12px;line-height:1.9}.hero-actions{align-items:center;gap:17px;margin-top:24px;display:flex}.primary-button,.secondary-button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:37px;padding:10px 14px;font-size:11px;font-weight:550;display:inline-flex}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff;box-shadow:0 3px 5px #6e60ba12}.primary-button:hover{background:#6152c0}.secondary-button{background:var(--page);border:1px solid var(--border);color:var(--ink)}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.text-button{color:#727588;white-space:nowrap;align-items:center;gap:7px;padding:5px 0;font-size:10.5px;display:flex}.text-button:hover{color:var(--accent)}.hero-meta{color:#969ba5;align-items:center;gap:10px;margin-top:22px;font-size:9px;display:flex}.hero-meta>span{align-items:center;gap:5px;display:flex}.hero-meta svg{color:#80a89b}.meta-dot{background:#c4c8cf;border-radius:50%;width:3px;height:3px}.hero-art{isolation:isolate;justify-content:center;align-items:center;height:250px;margin-left:6px;display:flex;position:relative}.hero-art:before{content:"";z-index:-2;background:radial-gradient(#e9e5ff80,#0000 68%);width:320px;height:260px;position:absolute}.mini-editor{background:var(--page);z-index:2;border:1px solid #e1dfee;border-radius:9px;width:296px;transform:rotate(-3deg);box-shadow:0 14px 35px #6f5d9d12}.editor-dots{border-bottom:1px solid var(--border);align-items:center;gap:4px;height:31px;padding:0 12px;display:flex}.editor-dots i{background:#ddd7ed;border-radius:50%;width:5px;height:5px}.editor-dots i:nth-child(2){background:#ecdcc6}.editor-dots i:nth-child(3){background:#cce2d9}.editor-dots span{color:#a3a0b0;margin-left:55px;font-family:monospace;font-size:8px}.editor-body{color:#677084;padding:17px 15px 21px;font-family:Consolas,monospace;font-size:9px;line-height:1.95}.editor-line{display:block}.editor-line b{color:#ac78b1;font-weight:400}.editor-line strong{color:var(--accent);font-weight:400}.editor-line em{color:#5f9d8e;font-style:normal}.indent{padding-left:13px}.double-indent{padding-left:26px}.atom-bubble{border:5px solid var(--page);color:#8c7fd7;z-index:3;background:#f0edf9;border-radius:18px;place-items:center;width:67px;height:67px;display:grid;position:absolute;top:5px;right:7px;transform:rotate(12deg);box-shadow:0 5px 20px #9380c318}.floating-label{background:var(--page);color:#9993b0;z-index:3;border:1px solid #e5e1ef;border-radius:5px;align-items:center;gap:6px;padding:7px 10px;font-family:monospace;font-size:9px;display:flex;position:absolute}.label-props{top:6px;left:32px;transform:rotate(-6deg)}.label-ui{color:#729084;bottom:11px;right:12px;transform:rotate(5deg)}.label-ui>span{background:#8fbea5;border-radius:50%;width:5px;height:5px}.orbit{z-index:-1;border:1px dashed #ded9ed;border-radius:50%;width:320px;height:210px;position:absolute;transform:rotate(-24deg)}.orbit-two{opacity:.45;width:340px;height:160px;transform:rotate(25deg)}.art-dot{background:#c7bddf;border-radius:50%;width:6px;height:6px;position:absolute}.dot-a{bottom:31px;left:27px}.dot-b{background:#a6c3b8;width:4px;height:4px;top:105px;right:17px}.art-spark{color:#c4a87c;font-size:22px;position:absolute;bottom:22px;left:66px}.principle-strip{background:var(--side);border:1px solid var(--border);border-radius:7px;align-items:center;gap:13px;margin:4px 0 46px;padding:15px 18px;display:flex}.principle-symbol{color:#9590b6;display:flex}.principle-strip p{color:var(--muted);font-size:10.5px}.principle-strip p strong{color:#636578;margin-right:3px;font-weight:550}.principle-label{letter-spacing:1.3px;color:#9296a4;white-space:nowrap;align-items:center;gap:9px;margin-left:auto;font-size:8px;display:flex}.eyebrow{letter-spacing:1.5px;color:#9a92b0;margin-bottom:10px;font-size:8.5px;font-weight:650;display:block}h2{letter-spacing:-.75px;font-size:23px;font-weight:700}.concepts-heading{justify-content:space-between;align-items:center;display:flex}.concepts-heading p,.section-heading p{color:var(--muted);margin-top:9px;font-size:11px;line-height:1.7}.print-button{color:#848997;border-radius:5px;align-items:center;gap:7px;padding:7px;font-size:10px;display:flex}.print-button:hover{color:var(--accent);background:var(--accent-soft)}.filter-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:24px 0 22px;padding-bottom:15px;display:flex}.filters{align-items:center;gap:6px;display:flex}.filters button{color:var(--muted);border-radius:5px;align-items:center;gap:6px;padding:7px 11px;font-size:10px;font-weight:500;display:flex}.filters button.selected{background:var(--accent-soft);color:var(--accent)}.filters button:hover{background:var(--hover)}.filters button span{background:#ded7f5;border-radius:4px;padding:2px 4px;font-size:8px}.showing-count{color:#a0a5af;font-size:9px}.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.topic-card{border:1px solid var(--border);background:var(--page);box-shadow:var(--shadow);border-radius:9px;min-width:0;padding:21px 21px 0;scroll-margin-top:96px}.card-top{align-items:center;gap:10px;margin-bottom:14px;display:flex}.topic-icon{border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.tone-fundamentals{color:#8d7ec5;background:#efebfa}.tone-hooks{color:#699f8c;background:#eaf3f0}.tone-patterns{color:#bf9b65;background:#faf0e4}.topic-tag{color:#9296a1;font-size:9px}.bookmark{margin-left:auto}.bookmark.is-saved{color:var(--accent)}.topic-card h3{letter-spacing:-.35px;align-items:center;gap:9px;font-size:16px;display:flex}.topic-card h3>span{letter-spacing:0;color:#a5a8b5;font-family:DM Sans,sans-serif;font-size:10px;font-weight:450}.card-description{color:var(--muted);max-width:400px;min-height:40px;margin-top:9px;font-size:10.5px;line-height:1.85}.code-block{background:var(--code);border:1px solid var(--border);border-radius:6px;margin-top:18px;overflow:hidden}.code-toolbar{border-bottom:1px solid var(--border);color:#9297a7;justify-content:space-between;align-items:center;height:32px;padding:0 11px;font-size:8.5px;display:flex}.code-toolbar>span{align-items:center;gap:7px;display:flex}.file-dot{border:1px solid #a898cf;border-radius:1px;width:5px;height:5px}.code-toolbar button{color:#9297a7;border-radius:4px;align-items:center;gap:5px;padding:4px;font-size:8.5px;display:flex}.code-toolbar button:hover{background:var(--accent-soft);color:var(--accent)}pre{scrollbar-width:thin;color:#596477;tab-size:2;min-height:173px;margin:0;padding:13px 12px 15px;font-family:Cascadia Code,Consolas,Liberation Mono,monospace;font-size:9.5px;line-height:1.9;overflow-x:auto}pre code{font-family:inherit}.syntax-keyword{color:#a46ca9}.syntax-string{color:#569480}.syntax-number{color:#b38355}.syntax-name{color:#667cc0}.syntax-comment{color:#969cab}.takeaway{align-items:flex-start;gap:8px;min-height:68px;padding:14px 0 17px;display:flex}.takeaway svg{color:#a29bb8;margin-top:2px}.takeaway p{color:#8c8d9b;font-size:9.5px;line-height:1.8}.topic-card details{border-top:1px solid var(--border)}.topic-card summary{cursor:pointer;color:#898596;justify-content:space-between;align-items:center;padding:13px 0;font-size:9px;list-style:none;display:flex}.topic-card summary::-webkit-details-marker{display:none}.topic-card summary:hover{color:var(--accent)}.topic-card details[open] summary svg{transform:rotate(45deg)}.topic-card details>p{color:var(--muted);padding-bottom:12px;font-size:11px;line-height:1.9}.topic-card details>a{color:var(--accent);align-items:center;gap:5px;padding:0 0 18px;font-size:10px;display:flex}.copy-error{color:#a56a45;padding-top:6px;font-size:10px}.playground{margin-top:50px;scroll-margin-top:100px}.section-heading{justify-content:space-between;align-items:center;display:flex}.live-pill{color:#749486;background:#edf5f0;border:1px solid #e0ece3;border-radius:20px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;display:flex}.live-pill>span{background:#88ad99;border-radius:50%;width:5px;height:5px}.playground-body{border:1px solid var(--border);border-radius:9px;grid-template-columns:1.2fr 1fr;margin-top:21px;display:grid;overflow:hidden}.demo-explainer{padding:24px}.demo-tabs{gap:5px;margin-bottom:25px;display:flex}.demo-tabs button{color:var(--muted);border-radius:5px;padding:7px 9px;font-size:10px}.demo-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.demo-explainer h3{letter-spacing:-.3px;font-size:14px}.demo-explainer p{color:var(--muted);max-width:330px;min-height:40px;margin-top:10px;font-size:11px;line-height:1.8}.demo-code{color:var(--accent);overflow-wrap:anywhere;margin-top:20px;font-family:Consolas,monospace;font-size:10px;line-height:1.8;display:block}.demo-preview{border-left:1px solid var(--border);background:var(--side);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:0;padding:25px 20px;display:flex}.preview-label{letter-spacing:1.8px;color:#a0a0b2;font-size:7px}.counter-value{color:var(--ink);letter-spacing:-2px;font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:54px;font-weight:650;line-height:1.1}.counter-value small{color:var(--muted);margin-left:4px;font-size:22px}.counter-actions{align-items:center;gap:9px;display:flex}.counter-actions>button:not(.primary-button){border:1px solid var(--border);background:var(--page);width:35px;height:35px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.counter-actions>button:hover{border-color:var(--accent)}.greeting-demo{width:100%;max-width:230px}.greeting-demo label{color:var(--muted);margin-bottom:7px;font-size:10px;display:block}.greeting-demo input{border:1px solid var(--border);background:var(--page);width:100%;color:var(--ink);border-radius:6px;padding:9px 10px;font-size:12px}.greeting-demo p{overflow-wrap:anywhere;margin-top:15px;font-size:16px}.greeting-demo strong{color:var(--accent)}.status-badge{color:#a38663;align-items:center;gap:8px;margin:15px 0;font-size:16px;display:flex}.status-badge>span{background:currentColor;border-radius:50%;width:7px;height:7px}.status-badge.online{color:#6c9d89}.rules-section{margin:48px 0}.rules-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:26px;display:grid}.rules-grid>div>span{color:var(--accent);font-family:monospace;font-size:10px}.rules-grid h3{margin-top:10px;font-size:12px}.rules-grid p{color:var(--muted);margin-top:9px;font-size:10px;line-height:1.9}.next-step{background:var(--side);border:1px solid var(--border);border-radius:8px;align-items:center;gap:17px;padding:23px;display:flex}.next-icon{background:var(--page);color:#9a8fc1;border:1px solid #e1dbea;border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.next-step h2{letter-spacing:-.4px;font-size:16px}.next-step p{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.6}.next-step>a{margin-left:auto}.page-footer{border-top:1px solid var(--border);color:#a0a4af;justify-content:space-between;align-items:center;gap:10px;margin-top:38px;padding:24px 0 30px;font-size:8px;display:flex}.page-footer>span:first-child{align-items:center;gap:6px;display:flex}.page-footer svg{color:#a49bbb}.footer-dot{padding:0 2px}.page-footer button{color:#8e879f;font-size:8px}.empty-state{text-align:center;background:var(--side);color:var(--muted);border-radius:9px;padding:60px 20px}.empty-state>svg{color:var(--accent)}.empty-state h3{color:var(--ink);margin:16px 0 10px;font-size:18px}.empty-state p{margin-bottom:20px;font-size:12px}.search-dialog{color:var(--ink);background:var(--page);border:1px solid var(--border);border-radius:12px;width:min(560px,100vw - 32px);max-height:80vh;padding:0;box-shadow:0 25px 100px #19122735}.search-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24203365}.search-input-row{border-bottom:1px solid var(--border);color:var(--accent);align-items:center;gap:13px;padding:18px;display:flex}.search-input-row input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:13px}.search-results{max-height:55vh;padding:14px;overflow-y:auto}.search-caption{color:var(--muted);letter-spacing:.6px;margin:0 6px 10px;font-size:9px;display:block}.search-results>button{text-align:left;border-radius:6px;align-items:center;gap:15px;width:100%;padding:12px 10px;display:flex}.search-results>button:hover,.search-results>button:focus-visible{background:var(--accent-soft)}.result-number{color:var(--muted);font-family:monospace;font-size:11px}.search-results strong{font-size:12px;font-weight:500;display:block}.search-results small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.search-results>button>svg{color:var(--muted);margin-left:auto}.search-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:14px 20px;font-size:9px;display:flex}.search-empty{text-align:center;color:var(--muted);padding:25px 10px;font-size:12px}.search-empty p{overflow-wrap:anywhere;margin:10px 0}.mobile-menu,.mobile-close,.sidebar-overlay{display:none}[data-theme=dark]{--page:#1d1e28;--side:#191a23;--surface:#232530;--ink:#e5e5ed;--muted:#a0a2b5;--border:#30313e;--accent:#a398e9;--accent-soft:#312c49;--code:#232530;--hover:#292a36;--shadow:none;color:var(--ink);background:var(--page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .brand-icon{background:#312c49;border-color:#443c61}[data-theme=dark] .hero-art:before{opacity:.3}[data-theme=dark] .mini-editor{border-color:#484055}[data-theme=dark] .atom-bubble{background:#353045}[data-theme=dark] .floating-label{border-color:#484055}[data-theme=dark] .orbit{border-color:#4c445f}[data-theme=dark] .tone-fundamentals{color:#b0a3d9;background:#332c48}[data-theme=dark] .tone-hooks{color:#8db8a8;background:#273a37}[data-theme=dark] .tone-patterns{color:#c9ab7d;background:#3e352b}[data-theme=dark] .primary-button{color:#fff;background:#7867c9;border-color:#7867c9}[data-theme=dark] .filters button span{background:#48405e}[data-theme=dark] .live-pill{background:#25362f;border-color:#37473e}[data-theme=dark] .next-icon{border-color:#484055}[data-theme=dark] .breadcrumb strong,[data-theme=dark] .principle-strip strong{color:#b6b3c7}[data-theme=dark] .nav-item{color:#a6a6b9}[data-theme=dark] .nav-item.active{color:var(--accent)}[data-theme=dark] .syntax-string{color:#8eb7a4}[data-theme=dark] .syntax-keyword{color:#c294c8}[data-theme=dark] .syntax-name{color:#9baee2}[data-theme=dark] pre{color:#bbbdd0}@media (width>=801px){.nav-item,.hero-copy>p{font-size:13px}.hero-eyebrow{font-size:9px}.hero-meta{font-size:10px}.principle-strip p,.concepts-heading p,.section-heading p{font-size:12px}.filters button{font-size:11px}.topic-card h3{font-size:18px}.card-description{font-size:12px}.topic-tag,.code-toolbar,.code-toolbar button{font-size:10px}pre{min-height:190px;font-size:11px}.takeaway p{font-size:11px}.topic-card summary{font-size:10px}.topic-card details>p{font-size:12px}.rules-grid h3{font-size:14px}.rules-grid p{font-size:12px}.demo-explainer h3{font-size:16px}.demo-explainer p{font-size:12px}.demo-code{font-size:11px}}@media (width>=1550px){main{padding:0 65px}.hero{min-height:395px}h1{font-size:49px}.hero-copy>p{font-size:14px}.hero-art{width:100%;max-width:420px;margin-left:auto}.mini-editor{width:330px}.editor-body{font-size:10px}.hero-eyebrow{font-size:9px}.topic-card{padding:24px 24px 0}.card-description{font-size:13px}pre{min-height:193px;font-size:12px}.takeaway p{font-size:12px}.topic-card h3{font-size:19px}.topic-tag{font-size:11px}}@media (width<=1200px){.sidebar{width:224px}.brand{padding-left:19px;padding-right:15px;font-size:17px}.brand small{font-size:6.5px}.page-shell{margin-left:224px}.topbar,main{padding:0 30px}.hero{grid-template-columns:1.25fr 1fr;gap:0}h1{font-size:36px}.hero-art{transform-origin:100%;margin-left:-30px;transform:scale(.88)}.hero-eyebrow{letter-spacing:1px;font-size:7px}.hero-actions{gap:12px}.primary-button{padding:9px 11px;font-size:10px}.text-button{font-size:9px}.hero-meta{font-size:8px}.principle-label{display:none}.topic-card{padding:18px 16px 0}.topic-card h3{font-size:14px}.topic-tag{font-size:8px}.page-footer{flex-wrap:wrap}.page-footer>span:nth-child(2){display:none}}@media (width<=1000px){.hero-art{display:none}.hero{min-height:320px;padding:38px 0;display:block}.hero-copy{max-width:560px}.hero-copy>p{max-width:450px}h1{font-size:43px}.hero-eyebrow{font-size:8px}.hero-actions{gap:20px}.hero-meta{font-size:9px}.search-trigger{min-width:180px}.search-trigger kbd{display:none}.topbar-actions{gap:13px}.topic-card h3{gap:6px;font-size:13px}.topic-tag{font-size:8px}.topic-icon{width:30px;height:30px}.card-top{gap:7px}.topics-grid{gap:14px}.card-description{min-height:60px}.next-step{padding:20px 16px}.next-step h2{font-size:14px}.next-step p{font-size:9px}.next-icon{display:none}.rules-grid{gap:18px}.demo-explainer{padding:18px}.demo-tabs{gap:0}.demo-tabs button{padding:7px;font-size:9px}.demo-explainer h3{font-size:12px}.counter-actions{gap:5px}.demo-preview{padding:24px 12px}}@media (width<=800px){.sidebar{z-index:50;width:250px;transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.page-shell{margin-left:0}.mobile-menu{margin-left:-5px;display:grid}.mobile-close{display:grid;position:absolute;top:77px;right:10px}.sidebar-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#22202d66;display:block;position:fixed;inset:0}.topbar{height:64px;padding:0 24px}.breadcrumb{gap:11px}.search-trigger{min-width:190px}.topbar-actions{gap:14px}main{padding:0 26px}.hero{grid-template-columns:1.25fr 1fr;min-height:330px;display:grid}.hero-art{width:280px;margin-left:-65px;display:flex;transform:scale(.8)}.hero-copy{z-index:3}h1{font-size:37px}.hero-copy>p{max-width:340px;font-size:11px}.hero-eyebrow{font-size:7px}.hero-meta{font-size:8px}.primary-button{font-size:10px}.text-button{font-size:9px}.hero-actions{gap:13px}.principle-strip{margin-bottom:35px}.topic-card h3{font-size:15px}.card-description{min-height:40px}.concepts-heading p{font-size:10px}.skip-link{left:20px}.sidebar-footer{padding-top:8px}.learn-note{padding-top:0}}@media (width<=600px){.topbar{height:62px;padding:0 18px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>span:first-of-type,.breadcrumb .slash{display:none}.topbar-actions{gap:10px}.toolbar-divider{display:none}.search-trigger{background:0 0;border:0;justify-content:center;width:31px;min-width:31px;padding:0}.search-trigger>span{display:none}main{padding:0 20px}.hero{min-height:0;padding:35px 0 29px;display:block}.hero-art{display:none}.hero-eyebrow{letter-spacing:1px;font-size:7.5px}.version-pill{margin-left:5px;font-size:7px}h1{letter-spacing:-1.7px;margin-top:18px;font-size:37px;line-height:1.22}.hero-copy>p{max-width:370px;font-size:12px;line-height:1.8}.desktop-break{display:none}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:22px}.primary-button{min-height:38px;padding:10px 13px;font-size:10px}.text-button{font-size:10px}.hero-meta{gap:8px;margin-top:20px;font-size:8px}.principle-strip{align-items:flex-start;gap:9px;margin:0 0 32px;padding:12px}.principle-strip p{font-size:10px;line-height:1.8}.principle-symbol{padding-top:3px}.principle-strip strong{display:block}.eyebrow{margin-bottom:9px;font-size:8px}h2{font-size:21px}.concepts-heading{align-items:flex-start;gap:10px}.concepts-heading p{font-size:11px;line-height:1.8}.print-button{gap:0;margin-top:27px;padding:0;font-size:0}.print-button svg{width:18px;height:18px}.filters{justify-content:space-between;gap:1px;width:100%}.filters button{padding:7px 9px;font-size:9px}.showing-count{display:none}.filter-row{margin:21px 0 18px;padding-bottom:14px}.topics-grid{grid-template-columns:1fr;gap:17px}.topic-card{padding:20px 20px 0;scroll-margin-top:80px}.topic-card h3{font-size:18px}.topic-card h3>span{font-size:11px}.topic-tag{font-size:10px}.topic-icon{width:35px;height:35px}.card-top{gap:10px}.card-description{min-height:0;font-size:12px;line-height:1.8}.code-block{margin-top:17px}pre{min-height:0;padding:15px 13px;font-size:10px}.code-toolbar{height:34px;font-size:9px}.code-toolbar button{font-size:9px}.takeaway p{font-size:11px}.takeaway{min-height:0;padding:16px 0}.topic-card summary{padding:14px 0;font-size:10px}.topic-card details>p{font-size:12px}.topic-card details>a{font-size:11px}.playground{margin-top:37px}.playground-body{grid-template-columns:1fr}.demo-explainer{padding:22px}.demo-tabs{gap:7px;margin-bottom:20px}.demo-tabs button{padding:7px 10px;font-size:10px}.demo-explainer h3{font-size:15px}.demo-explainer p{min-height:0;font-size:12px}.demo-code{margin-top:14px;font-size:11px}.demo-preview{border-left:0;border-top:1px solid var(--border);gap:20px;min-height:230px;padding:25px}.counter-actions{gap:10px}.preview-label{font-size:8px}.live-pill{padding:5px 7px;font-size:8px}.rules-section{margin:36px 0}.rules-grid{grid-template-columns:1fr;gap:22px;margin-top:23px}.rules-grid>div{padding-left:33px;position:relative}.rules-grid>div>span{position:absolute;top:2px;left:0}.rules-grid h3{margin-top:0;font-size:14px}.rules-grid p{margin-top:8px;font-size:12px}.next-step{flex-direction:column;align-items:flex-start;gap:18px;padding:21px}.next-step h2{font-size:18px}.next-step p{font-size:11px}.next-step>a{margin-left:0;font-size:11px}.page-footer{align-items:flex-start;gap:20px;margin-top:30px;padding:21px 0;font-size:8px}.page-footer>span:first-child{flex-wrap:wrap;gap:5px}.page-footer button{white-space:nowrap;font-size:9px}.page-footer .footer-dot{display:none}.page-footer>span:first-child{max-width:225px}.search-dialog{max-height:85vh}.search-input-row{gap:9px;padding:15px 12px}.search-input-row input{font-size:11px}.search-results{max-height:60vh}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{:root,[data-theme=dark]{--page:#fff;--ink:#222;--muted:#555;--border:#ddd;--code:#f8f8f8;color:#222;background:#fff}.sidebar,.topbar,.hero-art,.hero-actions,.hero-meta,.principle-strip,.print-button,.filter-row,.bookmark,.code-toolbar button,.playground,.next-step,.page-footer,.search-dialog,.skip-link{display:none!important}.page-shell{margin:0}main{max-width:none;padding:0}.hero{min-height:0;padding:0 0 20px;display:block}h1{font-size:30px}.concepts-heading{margin-bottom:20px}.topics-grid{display:block}.topic-card{break-inside:avoid;box-shadow:none;margin-bottom:18px;padding:15px 15px 0}.topic-card h3{font-size:16px}.card-description,.takeaway p{font-size:11px}.topic-card details{display:none}pre{min-height:0;font-size:10px}.rules-section{break-inside:avoid}.card-description,.takeaway{min-height:0}.rules-grid{display:block}.rules-grid>div{margin-top:15px}h1>span{color:#65539d}.code-block{margin-top:10px}}