/* ─── Acquisition.com: shared article stylesheet ──────────────────────────
   One file styles every Playbook answer page. Replication note: this file +
   the :root palette here are per-brand; swap the palette values and every
   article re-skins at once. reader.js/search.js read the same vars. */
:root{--ink:#F4F4F9;--ink-soft:#9A9AB2;--bg:#0A0A0F;--canvas:#0A0A0F;--paper:#12121C;--tan:#1A1A28;--notice:#7C4DFF;--accent:#7C4DFF;--berry:#B26BFF;--hairline:rgba(244,244,249,.12)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:"Inter",sans-serif;line-height:1.65}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(58% 52% at 84% 0%, rgba(124,77,255,.12), transparent 66%),radial-gradient(46% 60% at 8% 100%, rgba(178,107,255,.06), transparent 70%)}
.wrap{position:relative;max-width:720px;margin:0 auto;padding:48px 24px 96px}
header.top{position:sticky;top:0;z-index:50;background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 12px;border-bottom:1px solid var(--hairline)}
header.top a{text-decoration:none}
.logo{display:flex;align-items:baseline;gap:9px}
.logo .lt{font-family:"Space Grotesk",sans-serif;font-size:1.12rem;font-weight:700;color:var(--ink)}
.logo .ls{font-family:"JetBrains Mono",monospace;font-size:.64rem;font-weight:600;letter-spacing:.14em;color:var(--notice);text-transform:uppercase}
.topnav{display:flex;gap:16px;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.topnav::-webkit-scrollbar{display:none}
.topnav a{font-size:.88rem;color:var(--ink-soft);white-space:nowrap}
.topnav a:hover{color:var(--ink)}
.topact{display:flex;gap:10px;align-items:center;flex-shrink:0}
.searchbtn{width:34px;height:34px;border-radius:999px;border:1px solid var(--hairline);background:transparent;color:var(--ink);font-size:15px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.searchbtn:hover{background:var(--tan)}
header.top .begin{background:var(--notice);color:#fff;padding:8px 18px;border-radius:10px;font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:.85rem;white-space:nowrap}
header.top .begin:hover{background:var(--berry)}
.artmeta{margin:56px 0 0;font-family:"JetBrains Mono",monospace;font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.artmeta b{background:linear-gradient(transparent 10%,var(--notice) 10%,var(--notice) 90%,transparent 90%);color:#fff;padding:0 .3em;border-radius:3px;font-weight:600}
h1{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:clamp(2rem,6vw,3.1rem);line-height:1.08;letter-spacing:-0.03em;margin:14px 0 0}
h1 em{font-style:normal;background:linear-gradient(transparent 8%,var(--notice) 8%,var(--notice) 92%,transparent 92%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sub{font-style:italic;color:var(--ink-soft);margin:20px 0 0;font-size:1.1rem}
h2{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:1.35rem;letter-spacing:-0.01em;margin:52px 0 12px}
p{margin:14px 0;color:var(--ink)}
.soft{color:var(--ink-soft)}
a{color:var(--ink)}
blockquote{margin:30px 0;padding:4px 0 4px 22px;border-left:3px solid var(--notice);font-family:"Space Grotesk",sans-serif;font-size:1.15rem;line-height:1.45}
.figures{background:var(--tan);border:1px solid var(--hairline);border-radius:12px;padding:20px 24px;margin:26px 0}
.figures p{margin:8px 0;font-size:.95rem}
.figures b{background:linear-gradient(transparent 10%,var(--notice) 10%,var(--notice) 90%,transparent 90%);padding:0 .18em;color:#fff}
ol.check{margin:18px 0;padding-left:22px}
ol.check li{margin:10px 0}
.cta{margin-top:64px;text-align:center}
.btn{display:inline-block;padding:14px 34px;border-radius:10px;background:var(--notice);color:#fff;font-weight:600;text-decoration:none;font-family:"Space Grotesk",sans-serif}
.btn:hover{background:var(--berry)}
.ai-note{margin-top:56px;background:var(--tan);border:1px solid var(--hairline);border-radius:12px;padding:16px 20px}
.ai-note p{font-size:.9rem;margin:0;line-height:1.6}
.ai-note .ain-k{font-family:"JetBrains Mono",monospace;font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px}
footer{margin-top:72px;padding-top:24px;border-top:1px solid var(--hairline);font-size:.85rem;color:var(--ink-soft)}
footer a{color:var(--ink-soft)}
.foot-cloud{margin-top:10px;font-family:"JetBrains Mono",monospace;font-size:.78rem;color:var(--notice)}
html.lib-framing .wrap{opacity:0}
html.lib-framing.tk-ready .wrap{opacity:1;transition:opacity .28s ease}
@keyframes tkReveal{to{opacity:1}}
html.lib-framing .wrap{animation:tkReveal 0s linear 1.4s forwards}
