:root{
  --blue:#1842EF; --lavender:#6B7FFF; --blue-light:rgba(24,66,239,.08);
  --dark:#0A0E1A; --dark-card:#111525;
  --g100:#F4F5F7; --g200:#E2E4EA; --g300:#B0B5C3; --g500:#6B7280; --g700:#374151;
  --font:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --max:1100px;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--g700);background:#fff;line-height:1.6}
.layout{display:flex;min-height:100vh}
.sidebar{width:300px;flex-shrink:0;background:var(--dark);color:var(--g300);padding:24px 20px;position:sticky;top:0;height:100vh;overflow-y:auto}
.sidebar .logo{width:150px;margin-bottom:6px}
.tagline{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--g500);margin-bottom:18px}
.search{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #2a3142;background:var(--dark-card);color:#fff;font:inherit;font-size:13px;margin-bottom:18px}
.nav-group{margin-bottom:10px}
.nav-toggle{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--lavender);margin:0;padding:6px 0;cursor:pointer;display:flex;align-items:center;gap:6px;user-select:none}
.nav-toggle::before{content:'\25B6';font-size:7px;transition:transform .15s}
.nav-group.open .nav-toggle::before{transform:rotate(90deg)}
.nav-links{display:none;padding-bottom:6px}
.nav-group.open .nav-links{display:block}
.nav-link{display:block;padding:5px 10px;border-radius:6px;color:var(--g300);text-decoration:none;font-size:13px;line-height:1.35}
.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-link.active{background:var(--blue);color:#fff}
.content{flex:1;max-width:var(--max);margin:0 auto;padding:44px 48px 90px}
.tabs{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:24px;border-bottom:1px solid var(--g200)}
.tab{padding:9px 15px;font-size:13px;font-weight:600;color:var(--g500);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tab:hover{color:var(--blue)}
.tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.content h1{font-size:30px;font-weight:800;color:var(--dark);margin:0 0 8px}
.content h2{font-size:21px;font-weight:700;color:var(--dark);margin:38px 0 4px;border-bottom:1px solid var(--g200);padding-bottom:6px}
.content h3{font-size:16px;font-weight:700;color:var(--dark);margin:24px 0 4px}
.content a{color:var(--blue);text-decoration:none}
.content a:hover{text-decoration:underline}
.content blockquote{border-left:3px solid var(--lavender);margin:16px 0;padding:6px 16px;background:var(--blue-light);border-radius:0 8px 8px 0;color:var(--g700)}
.content table{border-collapse:collapse;width:100%;margin:16px 0;font-size:13.5px}
.content th,.content td{border:1px solid var(--g200);padding:8px 10px;text-align:left;vertical-align:top}
.content th{background:var(--g100);font-weight:700;color:var(--dark)}
.content code{background:var(--g100);padding:2px 5px;border-radius:4px;font-size:13px}
.content pre{background:var(--dark);color:#e7ebf3;padding:16px;border-radius:8px;overflow-x:auto}
.content pre code{background:none;color:inherit;padding:0}
.banner{background:var(--blue-light);border:1px solid var(--g200);border-radius:8px;padding:10px 14px;font-size:12px;margin-bottom:28px}
.banner b{color:var(--blue)}
/* Outreach play components */
.lede{color:var(--g500);font-size:15px;margin:0 0 16px}
.play-meta{display:grid;grid-template-columns:max-content 1fr;gap:7px 16px;margin:0 0 24px;font-size:14px;align-items:start}
.play-meta dt{font-weight:700;color:var(--dark)}
.play-meta dd{margin:0;color:var(--g700)}
.chip{display:inline-block;background:var(--blue-light);color:var(--blue);border:1px solid var(--lavender);border-radius:999px;padding:1px 10px;font-size:12px;font-weight:700;margin-right:6px}
.argument{border-left:3px solid var(--lavender);background:var(--blue-light);border-radius:0 8px 8px 0;padding:12px 16px;margin:0 0 8px;font-size:15px;line-height:1.6}
.seq{list-style:none;padding:0;margin:18px 0 0;counter-reset:step}
.seq>li{position:relative;padding:0 0 26px 44px;margin-left:14px;border-left:2px solid var(--g200)}
.seq>li:last-child{border-left-color:transparent;padding-bottom:0}
.seq>li::before{counter-increment:step;content:counter(step);position:absolute;left:-15px;top:-4px;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.step-head{font-weight:700;color:var(--dark);margin-bottom:4px;padding-top:2px}
.step-channel{display:inline-block;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:var(--blue);border-radius:5px;padding:2px 7px;font-weight:700;margin-right:8px}
.email{border:1px solid var(--g200);border-radius:10px;overflow:hidden;margin-top:10px;max-width:600px;box-shadow:0 1px 3px rgba(10,14,26,.07)}
.email .subject{background:var(--g100);padding:9px 14px;border-bottom:1px solid var(--g200);font-size:13px;color:var(--g700)}
.email .subject b{color:var(--dark)}
.email .body{padding:14px 16px;font-size:14px;line-height:1.7;white-space:pre-line;color:var(--g700)}
.aud-search-box{position:relative;margin-bottom:14px}
.aud-search{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #2a3142;background:var(--dark-card);color:#fff;font:inherit;font-size:13px}
.aud-search::placeholder{color:var(--g500)}
.aud-results{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--dark-card);border:1px solid #2a3142;border-radius:8px;margin-top:4px;max-height:240px;overflow-y:auto;display:none}
.aud-results.show{display:block}
.aud-result{display:block;padding:8px 12px;font-size:13px;color:var(--g300);text-decoration:none;border-bottom:1px solid #1e2538;cursor:pointer}
.aud-result:hover{background:rgba(255,255,255,.07);color:#fff}
.aud-result .aud-rsub{font-size:10.5px;color:var(--g500);margin-top:2px}
@media(max-width:780px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.content{padding:28px 22px 60px}}