:root{color-scheme:light;--canvas:#f4f6f3;--surface:#fff;--surface-soft:#f8faf8;--ink:#17201c;--ink-soft:#3f4d46;--muted:#59665f;--line:#dce3de;--line-strong:#c9d4cc;--jade:#177a55;--jade-dark:#105f43;--jade-soft:#e5f3ec;--blue:#326b88;--warning:#8a5b13;--warning-soft:#fff7e6;--code-bg:#13201a;--code-ink:#dcebe2;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--shadow-soft:0 12px 35px #1936280b}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:linear-gradient(#177a5506 1px, transparent 1px), var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-sans);background-size:100% 36rem;margin:0;line-height:1.6}body:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 16% 0,#2f966917,#0000 42%);height:24rem;position:fixed;inset:0 0 auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline-offset:3px;outline:3px solid #177a5559}.skip-link{z-index:100;border:1px solid var(--jade);background:var(--surface);color:var(--jade-dark);border-radius:.4rem;padding:.65rem .9rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(1180px,100% - 3rem);margin-inline:auto}.site-header{z-index:20;backdrop-filter:blur(16px);background:#f8faf8eb;border-bottom:1px solid #c9d4cccc;position:relative}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:4.5rem;display:grid}.brand{color:var(--ink);letter-spacing:-.02em;justify-self:start;align-items:center;gap:.7rem;font-size:1rem;font-weight:760;display:inline-flex}.brand-mark{grid-template-columns:repeat(3,4px);align-items:end;gap:3px;height:18px;display:grid}.brand-mark i{background:var(--jade);border-radius:1px;width:4px;display:block}.brand-mark i:first-child{height:9px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:13px}.desktop-nav{align-items:center;gap:1.9rem;display:flex}.desktop-nav a{color:var(--ink-soft);padding-block:.25rem;font-size:.88rem;font-weight:600;position:relative}.desktop-nav a:after{background:var(--jade);content:"";height:2px;transition:transform .15s;position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--jade-dark)}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}.header-cta,.button-primary,.button-secondary{border:1px solid var(--line-strong);border-radius:.48rem;justify-content:center;align-items:center;min-height:2.65rem;padding:.7rem 1rem;font-size:.84rem;font-weight:720;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.header-cta{border-color:var(--jade-dark);background:var(--jade-dark);color:#fff;justify-self:end}.header-cta:hover,.button-primary:hover{border-color:var(--ink);background:var(--ink)}.button-primary{border-color:var(--jade);background:var(--jade);color:#fff}.button-secondary{background:var(--surface);color:var(--ink)}.button-secondary:hover{border-color:var(--jade);color:var(--jade-dark)}.mobile-menu{display:none}.eyebrow,.section-label,.note-card-meta,.note-card-footer,.article-meta,.tags,.breadcrumb,.tool-status,.footer-base{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.72rem}.eyebrow,.section-label{color:var(--jade-dark);font-weight:700}.section-label{align-items:center;gap:.65rem;display:inline-flex}.section-label:before{background:var(--jade);content:"";width:1.5rem;height:1px}.page-section{padding-block:4.8rem}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-heading h2{letter-spacing:-.04em;max-width:38rem;margin:.75rem 0 0;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.15}.section-heading>a{color:var(--jade-dark);flex:none;font-size:.88rem;font-weight:700}.section-heading>a:hover{text-underline-offset:.25rem;text-decoration:underline}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.note-card{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:22rem;box-shadow:var(--shadow-soft);border-radius:.65rem;flex-direction:column;padding:1.45rem;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.note-card:before{background:var(--jade);content:"";width:2.5rem;height:2px;position:absolute;top:0;left:1.45rem}.note-card:hover{border-color:#9bb9a8}.note-card-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.65rem;margin-bottom:auto;display:flex}.note-card-meta span:first-child{color:var(--jade-dark)}.note-card h3{letter-spacing:-.025em;margin:3.5rem 0 .85rem;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.24}.note-card h3 a:hover{color:var(--jade-dark)}.note-card>p{color:var(--ink-soft);margin:0 0 1.4rem;font-size:.94rem}.note-card-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.note-card-footer a{color:var(--jade-dark);font-weight:700}.note-card-compact{min-height:18rem}.note-grid>.note-card:last-child:nth-child(odd){grid-column:1/-1;min-height:16rem}.note-grid>.note-card:last-child:nth-child(odd) h3{max-width:38rem}.site-footer{border-top:1px solid var(--line-strong);background:#eef2ee;margin-top:4rem;padding:3.5rem 0 1.5rem}.footer-grid{grid-template-columns:1fr auto;gap:3rem;display:grid}.footer-brand{margin-bottom:.8rem}.footer-grid p{max-width:34rem;color:var(--muted);margin:0;font-size:.9rem}.footer-links{grid-template-columns:repeat(2,auto);gap:.6rem 1.8rem;font-size:.88rem;display:grid}.footer-links a:hover{color:var(--jade-dark)}.footer-base{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.2rem;display:flex}.breadcrumb{color:var(--muted)}.breadcrumb ol{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";margin-right:.4rem}.breadcrumb a:hover{color:var(--jade-dark)}.article-shell{width:min(1180px,100% - 3rem);margin-inline:auto}.article-header{max-width:860px;padding:3.5rem 0 3rem}.article-header h1{letter-spacing:-.052em;max-width:820px;margin:1.35rem 0 1.2rem;font-size:clamp(2.15rem,5vw,4.25rem);line-height:1.04}.article-deck{max-width:720px;color:var(--ink-soft);margin:0 0 1.5rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.62}.article-meta{color:var(--muted);flex-wrap:wrap;gap:.6rem 1.25rem;display:flex}.demo-badge{background:var(--warning-soft);color:var(--warning);border:1px solid #d5aa58;border-radius:.3rem;padding:.15rem .38rem}.article-grid{grid-template-columns:minmax(0,760px) minmax(190px,250px);justify-content:space-between;align-items:start;gap:4rem;display:grid}.article-grid>*{min-width:0}.article-body{counter-reset:section;color:#26332c;min-width:0;font-size:1.075rem;line-height:1.78}.article-body .article-intro{color:var(--ink);margin-top:0;font-size:1.22rem;line-height:1.68}.article-body h2,.article-body h3{color:var(--ink);letter-spacing:-.03em;scroll-margin-top:2rem}.article-body h2{border-top:1px solid var(--line);grid-template-columns:2.4rem minmax(0,1fr);gap:.75rem;margin:3.5rem 0 1rem;padding-top:1rem;font-size:1.75rem;line-height:1.25;display:grid}.article-body h2:before{counter-increment:section;color:var(--jade);content:counter(section, decimal-leading-zero);font:700 .68rem/2.25 var(--font-mono);letter-spacing:.06em}.article-body h3{margin:2.4rem 0 .75rem;font-size:1.3rem}.article-body p,.article-body ul,.article-body ol,.article-body table,.article-body pre,.article-body aside,.article-body figure{margin-block:0 1.45rem}.article-body ul,.article-body ol{padding-left:1.35rem}.article-body li{margin-bottom:.65rem;padding-left:.35rem}.article-body a{color:var(--jade-dark);text-underline-offset:.2rem;text-decoration:underline #177a5559}.article-body code{font-family:var(--font-mono);font-size:.88em}.article-body :not(pre)>code{border:1px solid var(--line);color:#1b5d43;background:#edf2ee;border-radius:.3rem;padding:.16rem .34rem}.article-body pre{background:var(--code-bg);max-width:100%;color:var(--code-ink);white-space:pre;border:1px solid #273c32;border-radius:.55rem;padding:1.2rem 1.3rem;line-height:1.72;overflow-x:auto}.article-body .terminal:before{color:#789587;content:"terminal / evidence";font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:-.25rem 0 1rem;font-size:.68rem;display:block}.system-map{border:1px solid var(--line-strong);background:linear-gradient(#177a550b 1px, transparent 1px), var(--surface);background-size:100% 2.75rem;border-radius:.35rem;padding:1.2rem;overflow-x:auto}.system-map figcaption{color:var(--muted);font:.65rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem}.system-map-track{grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:.65rem;min-width:38rem;display:grid}.system-map-track>span{border:1px solid var(--line-strong);min-width:6.4rem;color:var(--ink);font:700 .75rem var(--font-sans);background:#f8faf8f0;border-radius:.25rem;padding:.75rem;display:grid}.system-map-track small{color:var(--jade);font:.6rem var(--font-mono);margin-bottom:.25rem}.system-map-track>i{background:linear-gradient(90deg, var(--line-strong), var(--jade), var(--line-strong));height:1px}.system-map-foot{min-width:38rem;color:var(--muted);font:.6rem var(--font-mono);letter-spacing:.06em;text-align:center;text-transform:uppercase;grid-template-columns:repeat(4,1fr);margin-top:1rem;display:grid}.prompt,.log-ok,.diff-plus{color:#80d6a5}.log-warn{color:#f1c675}.diff-minus{color:#f19a92}.diff span{display:block}.article-body table{border-collapse:collapse;width:100%;font-size:.91rem;display:table;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.8rem}.article-body th{background:var(--surface-soft);color:var(--ink)}.callout{border:1px solid #bad8c8;border-left:3px solid var(--jade);background:var(--jade-soft);border-radius:.45rem;padding:1rem 1.1rem;font-size:.95rem}.callout strong{color:var(--jade-dark);margin-bottom:.25rem;display:block}.callout p{margin:0}.callout-warning{background:var(--warning-soft);border-color:#ead49e #ead49e #ead49e #b47717}.callout-warning strong{color:var(--warning)}.article-sidebar{border:1px solid var(--line);background:#ffffffd1;border-radius:.55rem;padding:1rem;position:sticky;top:1.5rem}.article-sidebar h2{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .8rem;font-size:.7rem}.toc{border-bottom:1px solid var(--line);gap:.7rem;margin:0;padding:0 0 1.2rem;list-style:none;display:grid}.toc a{color:var(--muted);font-size:.83rem;line-height:1.4}.toc a:hover{color:var(--jade-dark)}.sidebar-cta{margin-top:1.1rem}.sidebar-cta strong{font-size:.9rem}.sidebar-cta p{color:var(--muted);margin:.4rem 0 .8rem;font-size:.8rem}.sidebar-cta a{color:var(--jade-dark);font-size:.82rem;font-weight:720}.article-end{border:1px solid var(--line);background:var(--surface);border-radius:.65rem;margin-top:4rem;padding:1.5rem}.article-end h2{margin:0 0 .55rem;padding:0;font-size:1.35rem}.article-end p{color:var(--muted);margin-bottom:1rem;font-size:.95rem}@media (width<=860px){.header-inner{grid-template-columns:1fr auto auto;gap:.8rem}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:.45rem;place-content:center;gap:4px;width:2.65rem;height:2.65rem;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--ink);width:16px;height:1.5px;display:block}.mobile-menu nav{border:1px solid var(--line-strong);background:var(--surface);width:min(17rem,100vw - 2rem);box-shadow:var(--shadow-soft);border-radius:.55rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + .65rem);right:0}.mobile-menu nav a{border-radius:.35rem;padding:.7rem .8rem;font-size:.9rem;font-weight:650}.mobile-menu nav a:hover,.mobile-menu nav a[aria-current=page]{background:var(--jade-soft);color:var(--jade-dark)}.article-grid{grid-template-columns:1fr;gap:2rem}.article-sidebar{grid-row:1;position:static}.article-sidebar .sidebar-cta{display:none}}@media (width<=680px){.shell,.article-shell{width:min(100% - 2rem,1180px)}.header-inner{min-height:4rem}.header-cta{display:none}.header-inner{grid-template-columns:1fr auto}.page-section{padding-block:3.5rem}.section-heading{flex-direction:column;align-items:start;gap:.8rem}.note-grid{grid-template-columns:1fr}.note-grid>.note-card:last-child:nth-child(odd){grid-column:auto}.note-card,.note-card-compact{min-height:18rem}.article-header{padding:2.25rem 0 2rem}.article-header h1{margin-top:1rem;font-size:clamp(2rem,11vw,3rem);line-height:1.08}.breadcrumb .breadcrumb-title{display:none}.article-body{font-size:1.02rem;line-height:1.75}.article-body .article-intro{font-size:1.12rem}.article-body table{white-space:nowrap;width:100%;max-width:100%;display:block;overflow-x:auto}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-base{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}