.strat-root{--strat-bg: #0a0b10;--strat-panel: #12141c;--strat-panel-2: #171a24;--strat-border: rgba(255, 255, 255, .08);--strat-border-bright: rgba(255, 255, 255, .16);--strat-text: #e6e8f0;--strat-muted: #9aa3b8;--strat-faint: #5b6479;--strat-accent: #818cf8;--strat-accent-2: #6366f1;--strat-green: #34d399;--strat-red: #fb7185;--strat-amber: #fbbf24;--strat-cyan: #38bdf8;max-width:var(--reading-width-wide);margin:0 auto;padding:0 20px 120px;color:var(--strat-text);font-family:var(--font-body);line-height:1.65;counter-reset:sec}.strat-hero{padding:64px 0 40px;position:relative}.strat-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--strat-accent);background:#8b8cf61a;border:1px solid rgba(139,140,246,.25);padding:6px 12px;border-radius:999px}.strat-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:900;letter-spacing:-.03em;margin:20px 0 14px;background:linear-gradient(120deg,#fff 30%,#b9bcff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.strat-lede{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--strat-muted);max-width:720px}.strat-lede strong{color:var(--strat-text);font-weight:600}.strat-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.strat-pill{font-size:13px;color:var(--strat-muted);background:var(--strat-panel);border:1px solid var(--strat-border);padding:7px 14px;border-radius:10px}.strat-section{margin-top:var(--section-gap);counter-increment:sec}.strat-kicker{margin-bottom:0}.strat-h2{font-family:var(--font-display);font-size:var(--section-title-size);font-weight:var(--section-title-weight);letter-spacing:-.02em;margin:0}.strat-p{color:var(--strat-muted);font-size:1.02rem;margin:0 0 18px}.strat-p strong{color:var(--strat-text);font-weight:600}.strat-p code,.strat-inline-code{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.86em;background:#8b8cf61f;color:#c7c9ff;padding:2px 6px;border-radius:5px}.strat-build-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:8px}.strat-build-stage{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:thin}.strat-build-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.strat-build-step{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;color:var(--strat-muted);background:#ffffff08;border:1px solid var(--strat-border);transition:all .2s}.strat-build-step:hover{border-color:var(--strat-border-bright);color:var(--strat-text)}.strat-build-step--done{color:#fff;border-color:#8b8cf666}.strat-build-step--active{background:#8b8cf62e;border-color:var(--strat-accent);color:#fff}.strat-build-step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:800;color:var(--strat-muted);background:#ffffff14}.strat-build-step--done .strat-build-step-num{color:#0b0b14;background:var(--strat-accent)}.strat-build-caption{text-align:center;margin:14px 0 4px;color:var(--strat-muted);font-size:14px}.strat-build-body{min-width:0}.strat-build-body>div:first-child{margin-top:0!important}.strat-build-stage .pk-uml{margin:0;padding:20px 14px}.strat-build-stage .pk-uml-row{gap:14px}.strat-build-stage .pk-uml-box{min-width:150px;max-width:220px}@media(max-width:980px){.strat-build-layout{grid-template-columns:1fr;gap:12px}.strat-build-stage{position:static;max-height:none;overflow:visible}.strat-build-stage .pk-uml-box{min-width:200px}}.strat-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}.strat-card{background:var(--strat-panel);border:1px solid var(--strat-border);border-radius:16px;padding:20px}.strat-card h4{margin:0 0 8px;font-size:1rem;font-weight:700}.strat-card p{margin:0;color:var(--strat-muted);font-size:.9rem}.strat-card-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-bottom:12px;font-size:18px}.strat-callout{display:flex;gap:14px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:18px 20px;margin:24px 0}.strat-callout-bar{width:3px;border-radius:3px;background:var(--strat-accent);flex-shrink:0}.strat-callout h4{margin:0 0 6px;font-size:.95rem;color:var(--strat-accent);font-weight:700}.strat-callout p{margin:0;color:var(--strat-muted);font-size:.92rem}.strat-code{border-radius:14px;overflow:hidden;border:1px solid var(--strat-border);background:#0c0e15;margin:18px 0}.strat-code-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#14161f;border-bottom:1px solid var(--strat-border);flex-wrap:wrap;gap:8px}.strat-dots{display:flex;gap:6px}.strat-dots span{width:11px;height:11px;border-radius:50%;opacity:.55}.strat-langs{display:flex;gap:4px;flex-wrap:wrap}.strat-lang-btn{font-size:12px;font-weight:600;color:var(--strat-muted);background:transparent;border:1px solid transparent;padding:4px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:inherit}.strat-lang-btn:hover{color:var(--strat-text);background:#ffffff0a}.strat-lang-btn--active{color:#fff;background:#8b8cf629;border-color:#8b8cf666}.strat-code-body{margin:0;padding:16px 18px;overflow-x:auto;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13px;line-height:1.65;tab-size:4}.strat-code-line{display:block;white-space:pre}.strat-code-filename{font-size:11px;color:var(--strat-faint);font-family:SF Mono,ui-monospace,Menlo,monospace}.strat-lang-select{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--strat-text);background:#8b8cf624;border:1px solid rgba(139,140,246,.4);padding:5px 26px 5px 12px;border-radius:8px;cursor:pointer}.strat-lang-select:after{content:"▾";position:absolute;right:10px;color:var(--strat-accent);pointer-events:none;font-size:11px}.strat-lang-select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-family:inherit}.strat-spotlight-tag{font-size:11px;font-weight:700;color:var(--strat-accent);font-family:SF Mono,ui-monospace,Menlo,monospace;background:#8b8cf624;padding:3px 9px;border-radius:6px}.strat-line-on{background:#8b8cf624;box-shadow:inset 2px 0 0 var(--strat-accent)}.strat-line-off{opacity:.32}.strat-line-mark{color:var(--strat-accent);font-weight:700}.tk-com{color:#6b7280;font-style:italic}.tk-str{color:#9ece6a}.tk-num{color:#ff9e64}.tk-kw{color:#bb9af7}.tk-type{color:#7dcfff}.tk-fn{color:#7aa2f7}.strat-branch-stack{display:flex;flex-direction:column;gap:8px;margin:8px 0 4px}.strat-branch{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--strat-panel-2);border:1px solid var(--strat-border);font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13px;color:var(--strat-muted)}.strat-branch b{color:var(--strat-amber)}.strat-add-btn{align-self:flex-start;margin-top:6px;font-size:13px;font-weight:600;color:var(--strat-accent);background:#8b8cf61a;border:1px dashed rgba(139,140,246,.4);padding:8px 14px;border-radius:10px;cursor:pointer;font-family:inherit}.strat-add-btn:disabled{opacity:.4;cursor:not-allowed}.strat-meter{height:8px;border-radius:8px;background:var(--strat-panel-2);overflow:hidden;margin:14px 0 6px}.strat-meter-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--strat-green),var(--strat-amber),var(--strat-red))}.strat-meter-label{font-size:12px;color:var(--strat-faint)}.strat-diagram{display:grid;grid-template-columns:1fr;gap:22px;background:var(--strat-panel);border:1px solid var(--strat-border);border-radius:20px;padding:28px;margin:24px 0}.strat-node{border-radius:14px;padding:14px 16px;border:1px solid var(--strat-border);background:var(--strat-panel-2)}.strat-node-title{font-weight:700;font-size:.95rem}.strat-node-sub{font-size:12px;color:var(--strat-faint);font-family:SF Mono,ui-monospace,Menlo,monospace;margin-top:4px}.strat-node--context{border-color:#6366f180;background:#6366f114}.strat-node--iface{border-color:#fbbf2480;background:#fbbf2412}.strat-arrow{text-align:center;color:var(--strat-faint);font-size:20px;line-height:1}.strat-strats-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.strat-strat-chip{flex:1 1 150px;min-width:140px;border-radius:12px;padding:12px 14px;border:1px solid rgba(52,211,153,.35);background:#34d39912;font-size:.9rem;font-weight:600}.strat-strat-chip span{display:block;font-size:11px;color:var(--strat-faint);font-weight:400;font-family:SF Mono,ui-monospace,Menlo,monospace;margin-top:4px}.strat-play{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin:24px 0}@media(max-width:760px){.strat-play{grid-template-columns:1fr}}.strat-play-panel{background:var(--strat-panel);border:1px solid var(--strat-border);border-radius:18px;padding:20px}.strat-play-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--strat-faint);font-weight:700;margin-bottom:10px}.strat-strat-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.strat-pick{text-align:left;border-radius:12px;padding:12px 14px;border:1px solid var(--strat-border);background:var(--strat-panel-2);cursor:pointer;transition:all .15s ease;color:var(--strat-text);font-family:inherit}.strat-pick:hover{border-color:var(--strat-border-bright)}.strat-pick--active{border-color:var(--strat-accent);background:#8b8cf61f;box-shadow:0 0 0 1px var(--strat-accent) inset}.strat-pick-name{font-weight:700;font-size:.92rem}.strat-pick-meta{font-size:11px;color:var(--strat-faint);margin-top:3px;font-family:SF Mono,ui-monospace,Menlo,monospace}.strat-amount-row{display:flex;align-items:center;gap:10px;margin-top:18px}.strat-amount-row input{flex:1;background:var(--strat-bg);border:1px solid var(--strat-border);border-radius:10px;padding:10px 12px;color:var(--strat-text);font-size:1rem;font-family:inherit}.strat-amount-row input:focus{outline:none;border-color:var(--strat-accent)}.strat-receipt{background:var(--strat-bg);border:1px solid var(--strat-border);border-radius:14px;padding:18px;font-family:SF Mono,ui-monospace,Menlo,monospace}.strat-receipt-row{display:flex;justify-content:space-between;padding:7px 0;font-size:.9rem;color:var(--strat-muted)}.strat-receipt-row b{color:var(--strat-text)}.strat-receipt-total{border-top:1px dashed var(--strat-border);margin-top:8px;padding-top:12px}.strat-receipt-total .v{font-size:1.5rem;font-weight:800;color:var(--strat-green)}.strat-receipt-tag{display:inline-block;font-size:11px;padding:3px 8px;border-radius:6px;background:#8b8cf624;color:var(--strat-accent);margin-bottom:10px}.strat-callstack{margin-top:14px;font-size:12px;color:var(--strat-faint)}.strat-callstack code{color:var(--strat-cyan)}.strat-checklist{list-style:none;padding:0;margin:12px 0}.strat-checklist li{display:flex;gap:10px;padding:7px 0;color:var(--strat-muted);font-size:.96rem}.strat-checklist li b{color:var(--strat-text);font-weight:600}.strat-check-yes{color:var(--strat-green);flex-shrink:0}.strat-check-no{color:var(--strat-red);flex-shrink:0}.strat-takeaway{text-align:center;background:linear-gradient(135deg,#6366f124,#8b8cf60d);border:1px solid rgba(139,140,246,.3);border-radius:20px;padding:36px 28px;margin-top:40px}.strat-takeaway-quote{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;letter-spacing:-.01em;margin:0 0 10px}.strat-takeaway p{color:var(--strat-muted);margin:0;max-width:560px;margin-inline:auto}@media(max-width:640px){.strat-root{padding:0 16px 72px;line-height:1.6}.strat-hero{padding:36px 0 28px}.strat-lede{font-size:1.02rem}.strat-pills{gap:8px;margin-top:18px}.strat-pill{font-size:12px;padding:6px 11px}.strat-section{margin-top:56px}.strat-p{font-size:.98rem}.strat-grid-2{gap:12px;margin:18px 0}.strat-card{padding:16px;border-radius:14px}.strat-callout{padding:16px;gap:12px;border-radius:14px}.strat-code{margin:14px 0}.strat-code-body{padding:14px;font-size:12px}.strat-build-steps{gap:6px}.strat-build-step{flex:1 1 calc(50% - 6px);justify-content:flex-start;padding:8px 10px;font-size:12.5px}.strat-build-stage .pk-uml{padding:18px 12px}.strat-diagram{padding:18px;gap:16px;border-radius:16px}.strat-play{gap:14px;margin:18px 0}.strat-play-panel{padding:16px;border-radius:14px}.strat-receipt{padding:16px}.strat-receipt-total .v{font-size:1.3rem}.strat-takeaway{padding:28px 20px;margin-top:32px}}@media(max-width:430px){.strat-strat-buttons{grid-template-columns:1fr}.strat-build-step{flex:1 1 100%}}