:root{--pf-bg:#F7F7F8;--pf-surface:#FFFFFF;--pf-ink:#101114;--pf-muted:#6B6F76;--pf-line:#E3E4E8;--pf-dot:#D8DADF;--pf-dots:radial-gradient(var(--pf-dot) 1.2px,transparent 1.3px);--pf-accent:#5E6AD2;--pf-tint:#EEEFFB;--pf-display:"Inter", "Helvetica Neue", system-ui, sans-serif;--pf-body:"Inter", "Helvetica Neue", system-ui, sans-serif;--pf-radius:8px;--pf-shadow:0 1px 2px rgba(16,17,20,.04)}
[data-skin][data-skin][data-skin]{--bg:#F7F7F8;--surface:#FFFFFF;--paper:#FCFCFD;--lane:#F0F0F2;--ink:#101114;--muted:#6B6F76;--hair:#E3E4E8;--line:#E3E4E8;--dot:#D8DADF;--blue:#5E6AD2;--blue-tint:#EEEFFB;--blue-ink:#3F49A8;--accent:#5E6AD2;--violet:#6B6F76;--violet-tint:#F0F0F2;--violet-ink:#3B3E44;--display:"Inter", "Helvetica Neue", system-ui, sans-serif;--body:"Inter", "Helvetica Neue", system-ui, sans-serif;font-family:var(--body)}
.pf-shell.pf-shell{--bg:#F7F7F8;--surface:#FFFFFF;--paper:#FCFCFD;--lane:#F0F0F2;--ink:#101114;--muted:#6B6F76;--hair:#E3E4E8;--line:#E3E4E8;--dot:#D8DADF;--blue:#5E6AD2;--blue-tint:#EEEFFB;--blue-ink:#3F49A8;--accent:#5E6AD2;--violet:#6B6F76;--violet-tint:#F0F0F2;--violet-ink:#3B3E44;--display:"Inter", "Helvetica Neue", system-ui, sans-serif;--body:"Inter", "Helvetica Neue", system-ui, sans-serif;--vs-display:"Inter", "Helvetica Neue", system-ui, sans-serif;--vs-body:"Inter", "Helvetica Neue", system-ui, sans-serif;--vs-r-pill:8px;--vs-r-ctl:8px;--vs-r-panel:12px;--vs-r-card:14px;font-family:var(--body)}
[data-skin][data-skin][data-skin]{background-color:transparent;background-image:none}
.pf-shell .pf-root{background-color:var(--bg);background-image:radial-gradient(var(--dot) 1.2px,transparent 1.3px);background-size:26px 26px}
.pf-shell .pf-root [data-block][data-focus]{outline-color:#5E6AD2}
.pf-shell .pf-root .ask-btn{border:0;background:transparent;box-shadow:none;color:#6B6F76;border-radius:8px;padding:6px 10px;font-weight:500;transition:opacity .15s,background .15s,color .15s}
.pf-shell .pf-root .ask-btn:hover,.pf-shell .pf-root .ask-btn:focus-visible{background:#EEEFFB;color:#3F49A8}
[data-skin][data-skin][data-skin] :is(.acard .t,.bigstats b,.callout b,.cap h2,.cap-title,.chapter .ch-n,.chapter h2,.decision .q,.decision .why b,.doc h3,.domx .total,.epic .t,.fcard h4,.flow li b,.kind .verb,.kname,.lay h4,.layer b,.lbl-bold,.mini .bar,.mini .glyph,.mini h5,.note .d,.ok-banner b,.opt h4,.pipe li b,.prod .name,.proof b,.quote,.rung b,.skill h3,.tokctl h4,.topnav li:first-child,.ttl,.weak li b,.wire h4,.zname,.zone .zt,blockquote,h1,h3.sub,ol.legend li b,ol.moves li){font-weight:600!important}
.pf-shell :is(.vs-end h2,.vs-craft strong,.vs-dock .vs-menu,.vs-dock .vs-brand,.vs-thread-head strong,.vs-about h2){font-family:var(--display)!important;font-weight:600!important}
.pf-shell .vs-pop h2,.pf-shell .vs-dock .vs-ask{font-family:var(--body)}
[data-skin][data-skin][data-skin] :is(h1,h2,h3,h4){font-weight:600!important;letter-spacing:-0.022em!important;line-height:1.1!important;}
[data-skin][data-skin][data-skin] :is(.meta,.proof,.bigstats,.stat2 div,.chapter hr){border-top-color:var(--hair)!important;border-top-width:1px!important}
[data-skin][data-skin][data-skin] :is(.acard,.btn,.nav button,.seg){border-color:var(--hair)!important;border-width:1px!important}
[data-skin][data-skin][data-skin] .seg button[aria-pressed="true"],[data-skin][data-skin][data-skin] .chips button[aria-pressed="true"]{border-color:var(--ink)!important}
[data-skin][data-skin][data-skin] .timeline{border-left-color:var(--hair)!important;border-left-width:1px!important}
[data-skin][data-skin][data-skin] .sec{gap:clamp(40px,6vw,80px)!important;padding-block:clamp(40px,5vw,72px)!important}
[data-skin][data-skin][data-skin] .annot{gap:clamp(32px,4vw,56px)!important}
[data-skin][data-skin][data-skin] :is(.sec .txt,.chapter.col){display:flex;flex-direction:column;gap:18px}
[data-skin][data-skin][data-skin] :is(.sec .txt,.chapter.col)>*{margin-block:0!important}
[data-skin][data-skin][data-skin] :is(.chapter.col) hr{margin-block:4px 8px!important}
[data-skin][data-skin][data-skin] :is(p,li){line-height:1.65}
[data-skin][data-skin][data-skin]{--pf-content:820px;--pf-narrow:640px}
[data-skin][data-skin][data-skin] :is(.col,.wide){max-width:var(--pf-content)!important}
[data-skin][data-skin][data-skin] :is(.pf-transition,.pf-overview).col{max-width:var(--pf-narrow)!important}
[data-skin][data-skin][data-skin] :is(.col,.wide)+:is(.col,.wide){margin-top:clamp(56px,7vw,96px)!important}
[data-skin][data-skin][data-skin] .cap{margin-bottom:clamp(18px,2.4vw,28px)!important}
[data-skin][data-skin][data-skin] .decision{margin-block:0!important;padding:clamp(24px,3vw,36px)!important}
[data-skin][data-skin][data-skin] :is(.card,.decision,.wire,.layers,.timeline .tl,.acard,.callout){border-radius:8px!important;box-shadow:none!important}
[data-skin][data-skin][data-skin] :is(.opt,.blk,.tile,.layer,.flow li,.fcard){border-radius:6px!important}
[data-skin][data-skin][data-skin] :is(.opt,.blk,.tile,.layer:nth-child(1),.flow li,.wire){background:transparent!important}
[data-skin][data-skin][data-skin] .opt.chosen{background:var(--surface)!important;border:1px solid var(--blue)!important;box-shadow:inset 3px 0 0 var(--blue)}
[data-skin][data-skin][data-skin] .blk.hot{background:transparent!important;border-color:var(--hair)!important;box-shadow:inset 3px 0 0 var(--blue)}
[data-skin][data-skin][data-skin] :is(.blk,.tile,.opt .tag,.opt .cost,.cap-step,.cx-bar){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:0!important}
[data-skin][data-skin][data-skin] :is(.opt .cost){border-top-style:solid!important}
[data-skin][data-skin][data-skin] .steps button{border-radius:6px!important;border-width:1px!important}
[data-skin][data-skin][data-skin] .nav button{border-radius:6px!important}
[data-skin][data-skin][data-skin] :is(figure,.img,.shot,.vframe){margin-block:clamp(20px,3vw,36px)}
.pf-shell .vs-dock .vs-menu,.pf-shell .vs-dock .vs-brand{font-family:var(--display);font-weight:600;letter-spacing:0}
.pf-shell .vs-dock{border-radius:12px;box-shadow:0 4px 18px rgba(20,24,34,.18)}
@media (min-width:901px){.pf-shell .vs-dock{gap:6px;padding:6px 8px}.pf-shell .vs-dock button,.pf-shell .vs-dock a{padding:10px 18px}.pf-shell .vs-dock .vs-menu-icon{padding:10px 14px}.pf-shell .vs-dock .vs-brand{padding:10px 16px 10px 6px}}
@media (max-width:900px){.pf-shell .vs-dock{gap:6px;padding:6px 10px}.pf-shell .vs-dock button,.pf-shell .vs-dock a{padding:9px 14px}.pf-shell .vs-dock .vs-menu-icon{padding:9px 14px}.pf-shell .vs-dock .vs-brand{padding:9px 12px 9px 6px}}
.pf-shell .vs-dock button,.pf-shell .vs-dock a{border-radius:8px}
.pf-shell .vs-dock .vs-ask:hover{background:#3F49A8}
.pf-shell .vs-dock .vs-brand:first-child{padding-left:12px}
.pf-shell .vs-dock .vs-brand.has-mark{padding:8px 12px}
.pf-shell .vs-thread-head strong{font-family:var(--display);font-weight:600}
.pf-shell .vs-msg.you{background:var(--lane);color:var(--ink);border:0;border-radius:14px 14px 4px 14px}
.pf-shell .vs-menu{border-radius:12px}.pf-shell .vs-menu button,.pf-shell .vs-modebtn{border-radius:8px}
.pf-shell .vs-starters button,.pf-shell .vs-next button,.pf-shell .vs-focus button,.pf-shell .vs-card-actions button,.pf-shell .vs-opened{border-radius:8px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--pf-bg:#0B0B0D;--pf-surface:#131316;--pf-ink:#EDEDEF;--pf-muted:#8A8F98;--pf-line:#26272B;--pf-dot:#1D1E22;--pf-tint:#1B1D33;color-scheme:dark}:root:not([data-theme="light"]) .pf-shell.pf-shell{--bg:#0B0B0D;--surface:#131316;--paper:#101012;--lane:#18181B;--ink:#EDEDEF;--muted:#8A8F98;--hair:#26272B;--line:#26272B;--dot:#1D1E22;--blue:#8B93E8;--blue-tint:#1B1D33;--blue-ink:#B9BEF5;--accent:#8B93E8;--violet:#8A8F98;--violet-tint:#1C1D20;--violet-ink:#C4C7CD;--display:"Inter", "Helvetica Neue", system-ui, sans-serif;--body:"Inter", "Helvetica Neue", system-ui, sans-serif;color-scheme:dark}:root:not([data-theme="light"]) [data-skin][data-skin][data-skin]{--bg:#0B0B0D;--surface:#131316;--paper:#101012;--lane:#18181B;--ink:#EDEDEF;--muted:#8A8F98;--hair:#26272B;--line:#26272B;--dot:#1D1E22;--blue:#8B93E8;--blue-tint:#1B1D33;--blue-ink:#B9BEF5;--accent:#8B93E8;--violet:#8A8F98;--violet-tint:#1C1D20;--violet-ink:#C4C7CD;--display:"Inter", "Helvetica Neue", system-ui, sans-serif;--body:"Inter", "Helvetica Neue", system-ui, sans-serif;color-scheme:dark}}
:root[data-theme="dark"]{--pf-bg:#0B0B0D;--pf-surface:#131316;--pf-ink:#EDEDEF;--pf-muted:#8A8F98;--pf-line:#26272B;--pf-dot:#1D1E22;--pf-tint:#1B1D33;color-scheme:dark}
:root[data-theme="dark"] .pf-shell.pf-shell{--bg:#0B0B0D;--surface:#131316;--paper:#101012;--lane:#18181B;--ink:#EDEDEF;--muted:#8A8F98;--hair:#26272B;--line:#26272B;--dot:#1D1E22;--blue:#8B93E8;--blue-tint:#1B1D33;--blue-ink:#B9BEF5;--accent:#8B93E8;--violet:#8A8F98;--violet-tint:#1C1D20;--violet-ink:#C4C7CD;--display:"Inter", "Helvetica Neue", system-ui, sans-serif;--body:"Inter", "Helvetica Neue", system-ui, sans-serif;color-scheme:dark}
:root[data-theme="dark"] [data-skin][data-skin][data-skin]{--bg:#0B0B0D;--surface:#131316;--paper:#101012;--lane:#18181B;--ink:#EDEDEF;--muted:#8A8F98;--hair:#26272B;--line:#26272B;--dot:#1D1E22;--blue:#8B93E8;--blue-tint:#1B1D33;--blue-ink:#B9BEF5;--accent:#8B93E8;--violet:#8A8F98;--violet-tint:#1C1D20;--violet-ink:#C4C7CD;--display:"Inter", "Helvetica Neue", system-ui, sans-serif;--body:"Inter", "Helvetica Neue", system-ui, sans-serif;color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="light"] [data-skin][data-skin][data-skin]{--bg:#F7F7F8;--surface:#FFFFFF;--paper:#FCFCFD;--lane:#F0F0F2;--ink:#101114;--muted:#6B6F76;--hair:#E3E4E8;--line:#E3E4E8;--dot:#D8DADF;--blue:#5E6AD2;--blue-tint:#EEEFFB;--blue-ink:#3F49A8;--accent:#5E6AD2;--violet:#6B6F76;--violet-tint:#F0F0F2;--violet-ink:#3B3E44;--display:"Inter", "Helvetica Neue", system-ui, sans-serif;--body:"Inter", "Helvetica Neue", system-ui, sans-serif;color-scheme:light}
[data-skin][data-skin][data-skin][data-theme="dark"]{--bg:#0B0B0D;--surface:#131316;--paper:#101012;--lane:#18181B;--ink:#EDEDEF;--muted:#8A8F98;--hair:#26272B;--line:#26272B;--dot:#1D1E22;--blue:#8B93E8;--blue-tint:#1B1D33;--blue-ink:#B9BEF5;--accent:#8B93E8;--violet:#8A8F98;--violet-tint:#1C1D20;--violet-ink:#C4C7CD;--display:"Inter", "Helvetica Neue", system-ui, sans-serif;--body:"Inter", "Helvetica Neue", system-ui, sans-serif;}

/* Legacy styles set their own palette and fonts; these rules take the live site's values instead. */
body{background:var(--pf-bg)!important;color:var(--pf-ink)!important;font-family:var(--pf-body)!important}
h1,h2,h3,h4,h5,h6{font-family:var(--pf-display)!important}
.archive-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--pf-surface);border-bottom:1px solid var(--pf-line);font-family:var(--pf-body);font-size:14px}
.archive-bar a{color:var(--pf-ink);text-decoration:none;font-weight:600}
.archive-bar a:hover{color:var(--pf-accent)}
.archive-bar nav{display:flex;gap:8px}
.archive-bar nav a{font-weight:500;color:var(--pf-ink);padding:6px 14px;border:1px solid var(--pf-line);border-radius:var(--pf-radius);background:var(--pf-surface);line-height:1.2}
.archive-bar nav a:hover{border-color:var(--pf-accent);color:var(--pf-accent)}
/* Legacy Webflow footer is hidden for now; remove this rule to show it again. */
#footer-say-hi{display:none!important}