@font-face{font-family:'Rethink Sans';src:url('fonts/rethink-sans-400.ttf')}@font-face{font-family:'Rethink Sans';src:url('fonts/rethink-sans-700.ttf');font-weight:700}
:root{color-scheme:dark;--ink:#f2efe9;--muted:#b6b1a9;--paper:#181818;--line:#41413d;--green:#d39a7d;--purple:#292627}
body{font-family:'Rethink Sans',sans-serif}h1,h2,h3,.brand{font-family:'Rethink Sans',sans-serif}header{background:#181818;border-color:var(--line);backdrop-filter:none}.chapter>p,.chapter li{color:#ccc8c1}.num,nav a:hover,.toc a:hover{color:#d39a7d}.callout{background:#292623;border-color:#d39a7d}.callout p{color:#ccc8c1}.product-figure figcaption{color:var(--muted)}.image-open{background:#242423;border-color:var(--line)}a:focus-visible,button:focus-visible{outline:3px solid #e1ab8f;outline-offset:4px}
.flow>div,.metrics>div,.entityboard>div,.node{background:#242423;border-color:var(--line)}.next{background:#242423;color:var(--ink);border-top:1px solid var(--line)}.tag,.connect,.product-figure figcaption span{color:#d39a7d}dialog{background:#242423;color:var(--ink)}.image-close{background:#333330;color:var(--ink);border-color:var(--line)}.skip:focus{background:#242423;color:var(--ink)}
@media(max-width:600px){header{height:auto;min-height:80px;flex-wrap:wrap;gap:10px;padding-block:15px}.brand span{display:block;font-size:13px;letter-spacing:0}nav{font-size:12px;gap:16px}}
:root{--section-accent:#d39a7d}
.section-tag{display:block;margin-bottom:18px;font-size:13px;line-height:1.5;font-weight:500;letter-spacing:0;text-transform:none;color:var(--section-accent)}
.entity-motion-figure{margin:0 0 64px}.entity-motion-figure video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--paper)}.entity-motion-controls{display:flex;justify-content:flex-end;margin-top:12px}.entity-motion-controls button{font:inherit;font-size:13px;min-height:44px;padding:8px 14px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px;cursor:pointer}.entity-motion-controls button:active{transform:scale(.97)}.entity-motion-figure figcaption{margin-top:12px;max-width:80ch;font-size:13px;line-height:1.6;color:var(--muted)}@media(prefers-reduced-motion:reduce){.entity-motion-controls button:active{transform:none}}