:root{
  --bg:#EFEBF5; --ink:#1D1A33; --muted:#6B6688; --line:rgba(29,26,51,.13); --glass:rgba(255,255,255,.55);
  --halo:#A86A1F; --blob1:#D6C8F4; --blob2:#C9DDF6; --blob3:#F8D8C8;
  --serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;
  --sans:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0A0B18; --ink:#ECE8F5; --muted:#9C98B8; --line:rgba(236,232,245,.12); --glass:rgba(255,255,255,.045);
    --halo:#F2D3A0; --blob1:#3C2A78; --blob2:#16295E; --blob3:#5A2350;
  }
}
:root[data-theme="dark"]{
  --bg:#0A0B18; --ink:#ECE8F5; --muted:#9C98B8; --line:rgba(236,232,245,.12); --glass:rgba(255,255,255,.045);
  --halo:#F2D3A0; --blob1:#3C2A78; --blob2:#16295E; --blob3:#5A2350;
}
*,*::before,*::after{box-sizing:inherit}
html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--halo);outline-offset:3px}
.aura{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.aura i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}
.aura i:nth-child(1){width:70vmax;height:70vmax;background:var(--blob1);left:-30vmax;top:-30vmax}
.aura i:nth-child(2){width:60vmax;height:60vmax;background:var(--blob2);right:-35vmax;top:30vh}
.aura i:nth-child(3){width:50vmax;height:50vmax;background:var(--blob3);left:-15vmax;bottom:-35vmax;opacity:.4}
.page{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:22px 22px 60px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:40px}
.brand{font-family:var(--serif);font-size:1.5rem;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}
.brand img{width:28px;height:28px;border-radius:8px}
.cta{background:var(--ink);color:var(--bg);text-decoration:none;font-weight:700;font-size:.9rem;border-radius:999px;padding:10px 18px;white-space:nowrap}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,8vw,3.4rem);line-height:1.05;margin:0 0 14px}
.lead{font-size:1.15rem;color:var(--muted);margin:0 0 34px;max-width:52ch}
h2{font-family:var(--serif);font-weight:400;font-size:1.9rem;line-height:1.15;margin:48px 0 12px}
h3{font-family:var(--serif);font-weight:400;font-size:1.35rem;margin:28px 0 6px}
p,li{max-width:64ch}
a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--halo)}
blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:2px solid var(--halo);font-family:var(--serif);font-style:italic;font-size:1.35rem;line-height:1.35}
.qgroup{list-style:none;padding:0;margin:0}
.qgroup li{padding:16px 0;border-top:1px solid var(--line)}
.qgroup li:first-child{border-top:0}
.qgroup q{display:block;font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.3;quotes:none}
.qgroup span{display:block;color:var(--muted);font-size:.95rem;margin-top:4px}
.box{background:var(--glass);border:1px solid var(--line);border-radius:22px;padding:22px;margin:30px 0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.box p{margin:0 0 14px}
.meta{font-size:.85rem;color:var(--muted)}
.ad{margin:40px 0;min-height:280px}
.ad small{display:block;font-size:.7rem;color:var(--muted);text-align:center;margin-bottom:6px}
footer{margin-top:64px;padding-top:20px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 18px}
[hidden]{display:none !important}