@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap");
:root{--ink:#342353;--violet:#7c3aed;--pink:#ec4899;--gold:#ffe849;--paper:#fffaf4;--muted:#655579}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Nunito",sans-serif;line-height:1.72}
a{color:inherit}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:12px;z-index:20}.skip-link:focus{left:12px;top:12px}
.topbar,.article-header{min-height:74px;padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(255,250,244,.96);border-bottom:1px solid #eadff1}
.publisher{text-decoration:none;font-weight:900;letter-spacing:.1em}.publisher small{display:block;font-size:.52rem;letter-spacing:.25em;margin-left:22px;color:var(--violet)}
.topbar nav,.article-header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.topbar nav a,.article-header nav a{font-size:.8rem;font-weight:900;text-decoration:none}
.nav-play{padding:10px 15px;border-radius:14px;background:var(--ink);color:#fff}
.article-shell{max-width:1040px;margin:auto;padding:clamp(54px,8vw,100px) 5vw 90px}
.article-hero{text-align:center;max-width:880px;margin:0 auto 42px}.eyebrow,.section-kicker{font-size:.72rem;letter-spacing:.17em;font-weight:900;color:var(--violet)}
.article-hero h1{font-family:"Baloo 2",cursive;font-size:clamp(2.7rem,6vw,5rem);line-height:1;margin:12px 0 22px;letter-spacing:-.035em}
.standfirst,.article-deck,.article-lede{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted);max-width:760px;margin:0 auto}
.article-meta{font-size:.8rem;color:var(--muted);font-weight:800}
.article-image,.article-figure{max-width:520px;margin:0 auto 52px;padding:12px;background:#fff;border:4px solid var(--ink);border-radius:28px;box-shadow:10px 12px 0 #dfcdf8;transform:rotate(-1deg)}
.article-image img,.article-figure img{display:block;width:100%;max-height:610px;object-fit:cover;object-position:top;border-radius:16px}
figcaption{font-size:.78rem;padding:11px 8px 2px;color:var(--muted);text-align:center}
.article-content,.article-shell>section{max-width:760px;margin-left:auto;margin-right:auto}.article-content section{margin:0 0 40px}
.article-shell h2{font-family:"Baloo 2",cursive;font-size:clamp(1.8rem,3.5vw,2.55rem);line-height:1.12;margin:45px 0 12px}
.article-shell h3{font-family:"Baloo 2",cursive;font-size:1.35rem;line-height:1.25;margin:28px 0 6px}
.article-shell p,.article-shell li{color:#514466}.article-shell a:not(.button){color:var(--violet);font-weight:800}
.article-cta{max-width:760px;margin:60px auto 0!important;padding:34px;border-radius:28px;background:linear-gradient(135deg,#eadcff,#ffddef);text-align:center;border:2px solid #dac4f6}
.article-cta h2{margin:8px 0 10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;margin-top:12px;padding:14px 20px;border-radius:15px;text-decoration:none;font-weight:900;box-shadow:0 7px 0 rgba(52,35,83,.2)}.button.primary{background:linear-gradient(110deg,#ffe849,#ff8ab7);color:#432354}
.related-guides{margin-top:54px!important;padding:26px;border:1px solid #e1d5e8;border-radius:22px;background:#fff}
.follow-strip{max-width:900px;margin:0 auto 70px;padding:30px 5vw;text-align:center;background:#ffefa8;border-radius:24px}
footer{background:#251b3b;color:#ddd2e9;padding:42px 5vw}.footer-inner{max-width:1140px;margin:auto;display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:30px;align-items:start}.footer-inner p{font-size:.76rem;line-height:1.7;margin:0}.footer-links{display:grid;gap:14px}.footer-links nav{display:flex;flex-wrap:wrap;gap:9px 16px}.footer-links a{font-size:.73rem;font-weight:800}
@media(max-width:760px){.topbar,.article-header{align-items:flex-start}.topbar nav,.article-header nav{justify-content:flex-end;gap:11px}.topbar nav a,.article-header nav a{font-size:.7rem}.article-shell{padding-left:7vw;padding-right:7vw}.article-figure,.article-image{transform:none}.footer-inner{grid-template-columns:1fr}.article-hero h1{font-size:2.65rem}}