:root{--ink:#261c3b;--muted:#685f78;--purple:#6d42a8;--deep:#452477;--lav:#f2ebfa;--line:#e6dcef;--white:#fff;--bg:#fbf9fd;--accent:#a982d2}
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 Arial,Helvetica,sans-serif}
    a{color:var(--deep);text-underline-offset:3px}
    .wrap{max-width:1050px;margin:auto;padding:32px 22px 70px}
    .hero{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(135deg,#f4effa 0%,#fff 56%,#eee5f7 100%);padding:clamp(28px,6vw,64px);box-shadow:0 18px 50px #32185d12}
    .hero:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #b99bd533;border-radius:50%;right:-105px;top:-120px;box-shadow:0 0 0 30px #b99bd510,0 0 0 60px #b99bd508}
    .eyebrow{margin:0 0 14px;color:var(--purple);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
    h1,h2,h3{line-height:1.25;letter-spacing:-.02em}
    h1{position:relative;z-index:1;max-width:800px;margin:0 0 20px;font-size:clamp(34px,5.2vw,56px);color:var(--deep)}
    .dek{max-width:760px;margin:0;color:#514764;font-size:19px}
    .hero img{display:block;width:min(100%,640px);height:auto;max-height:430px;object-fit:contain;margin:28px auto 0;border-radius:18px;mix-blend-mode:multiply}
    .meta{margin-top:18px;color:var(--muted);font-size:14px}
    .layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:34px;margin-top:34px;align-items:start}
    article{min-width:0}
    .toc,.quick,.note,.cta{border:1px solid var(--line);border-radius:18px;background:var(--white);padding:22px 24px;margin:24px 0}
    .toc{background:var(--lav)}
    .toc h2,.quick h2{margin:0 0 10px;font-size:20px;color:var(--deep)}
    .toc ul{margin:0;padding-left:22px}
    .toc li{margin:5px 0}
    .quick{border-left:5px solid var(--purple)}
    .quick p:last-child,.note p:last-child{margin-bottom:0}
    h2{margin:42px 0 14px;font-size:30px;color:var(--deep)}
    h3{margin:24px 0 8px;font-size:21px;color:#49336b}
    p{margin:0 0 16px}
    ul,ol{padding-left:24px}
    li{margin:8px 0}
    .table-wrap{overflow-x:auto;margin:20px 0}
    table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
    th,td{text-align:left;vertical-align:top;padding:13px 15px;border-bottom:1px solid var(--line)}
    th{background:var(--lav);color:var(--deep)}
    tr:last-child td{border-bottom:0}
    .note{background:#f7f3fb;color:#4e4560}
    .cta{padding:26px;background:linear-gradient(135deg,#5b348b,#7953a7);border:0;color:#fff}
    .cta h2{margin:0 0 10px;color:#fff;font-size:26px}
    .cta a{display:inline-block;margin-top:8px;padding:12px 18px;border-radius:999px;background:#fff;color:var(--deep);font-weight:700;text-decoration:none}
    .sidebar{position:sticky;top:20px;border-radius:18px;background:#fff;border:1px solid var(--line);padding:20px}
    .sidebar h2{margin:0 0 12px;font-size:19px}
    .sidebar a{font-weight:700}
    .sources{font-size:15px;color:var(--muted)}
    .sources li{overflow-wrap:anywhere}
    .small{font-size:14px;color:var(--muted)}
    @media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{position:static;order:-1}.hero img{max-height:330px}}
    @media(max-width:520px){body{font-size:16px}.wrap{padding:16px 14px 46px}.hero{border-radius:20px;padding:25px 20px}h2{font-size:25px}.toc,.quick,.note,.cta{padding:18px}}