:root{--bg-color:#0b0c10;--text-color:#fff;--text-secondary:#aeb3ba;--article-ink:#c8dfff;--article-line:#c8dfff38;--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-color);font-family:var(--font-primary);background:radial-gradient(circle at 72% 12%,#5d7ab429,#0000 30%),linear-gradient(#0b0c10 0%,#090a0d 100%)}a{color:inherit}.article-page{width:min(1180px,100% - 48px);margin:0 auto;padding:42px 0 96px}.article-nav{color:#ffffff9e;align-items:center;gap:10px;margin-bottom:72px;font-size:.9rem;font-weight:700;display:flex}.article-nav a{text-decoration:none}.article-nav a:hover{color:#fff}.article-page-header{margin-bottom:44px}.pretitle{color:#d9d9d9;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-size:.85rem;font-weight:800}h1{letter-spacing:0;max-width:980px;font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:.95}.article-meta{color:#ffffffb8;margin-top:22px;font-size:1.05rem;font-weight:700}.article-shell{flex-direction:column;gap:42px;width:100%;display:flex}.article-intro,.article-block{flex-direction:column;gap:18px;display:flex}.article-intro,.article-block>h2,.article-block>p,.article-block>ul,.article-block>ol{max-width:78ch}.article-lede,.article-block p,.article-block li{color:#d6dbe6;font-size:1.06rem;line-height:1.78}.article-lede{color:#f1f5fb;font-size:1.18rem}.article-block h2{color:#fff;letter-spacing:0;font-size:2.1rem;font-weight:800;line-height:1.1}.article-drop{color:#fff;font-size:1.2rem}.article-figure{background:#0a0b1085;border:1px solid #c8dfff29;border-radius:8px;width:100%;margin-top:10px;padding:22px}.article-figure figcaption{color:#d6dbe6ad;letter-spacing:.02em;margin-bottom:16px;font-size:.8rem;font-weight:600;line-height:1.4}.context-meter{flex-direction:column;gap:12px;display:flex}.meter-label{color:#d6dbe6c7;justify-content:space-between;gap:18px;font-size:.82rem;font-weight:600;display:flex}.meter-track{background:#0003;border:1px solid #c8dfff2e;border-radius:6px;min-height:56px;display:flex;overflow:hidden}.meter-segment{color:#050508;text-transform:uppercase;justify-content:center;align-items:center;min-width:54px;padding:8px;font-size:.68rem;font-weight:800;display:flex}.meter-segment.system{background:#c8dfff;width:11%}.meter-segment.tools{background:#8fb8ff;width:19%}.meter-segment.skills{background:#6a95df;width:9%}.meter-segment.convo{color:#fff;background:#334d7a;width:25%}.meter-segment.free{color:#ffffff8c;background:#ffffff14;flex:1}.meter-note,.ledger-item span,.reference-table strong{color:var(--article-ink);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.4}.budget-ledger{border-top:1px solid var(--article-line);width:100%}.ledger-item{border-bottom:1px solid var(--article-line);grid-template-columns:1fr minmax(220px,1.8fr) 110px;align-items:start;gap:18px;padding:16px 0;display:grid}.ledger-item p,.reference-table p{color:#c0c8d6;font-size:.96rem;line-height:1.66}.ledger-item strong{color:#fff;text-align:right}.article-list{gap:10px;padding-left:1.2rem;display:grid}.practice-list{gap:14px;list-style-position:inside;display:grid}.practice-list li{border-bottom:1px solid var(--article-line);padding-bottom:14px}code{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:.08em .34em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}.reference-table{border-top:1px solid var(--article-line);width:100%;display:grid}.reference-table div{border-bottom:1px solid var(--article-line);grid-template-columns:minmax(170px,1.2fr) minmax(130px,.7fr) minmax(220px,1.6fr);align-items:baseline;gap:18px;padding:16px 0;display:grid}.reference-table span{color:#fff;font-weight:700}@media (width<=768px){.article-page{width:min(100% - 28px,1180px);padding:24px 0 64px}.article-nav{margin-bottom:42px}h1{font-size:2.8rem}.article-page-header{margin-bottom:34px}.article-lede,.article-block p,.article-block li{font-size:.96rem;line-height:1.64}.article-block h2{font-size:1.65rem}.article-figure{padding:16px}.meter-label{flex-direction:column;gap:4px}.meter-track{overflow-x:auto}.meter-segment{min-width:80px;font-size:.62rem}.ledger-item,.reference-table div{grid-template-columns:1fr;gap:8px}.ledger-item strong{text-align:left}}
