:root{font-family:Arial,Helvetica,sans-serif;color:#f8f3ef;background:#0b0b0d;color-scheme:dark;--accent:#f16376;--muted:#c3b7bd;--line:#352c32}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}header{padding:20px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}.logo{font-size:17px;font-weight:900;letter-spacing:.2em;text-decoration:none}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}nav a{min-height:44px;display:flex;align-items:center;text-decoration:none}.skip{position:absolute;top:-100px;left:10px;background:#111;padding:14px;z-index:10}.skip:focus{top:5px}.hero{max-width:1300px;margin:auto;padding:64px 5% 36px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:#f99eaa}h1{font:400 clamp(38px,5.5vw,68px)/1.13 Georgia,serif;letter-spacing:-.035em;margin:20px 0}h1 em{color:#f38b9a}.lead{color:#d2c3ca;font-size:18px;line-height:1.8;max-width:780px}.meta{color:#b4a4ae;font-size:12px;line-height:1.8}.breadcrumbs{font-size:12px;color:#c2abb5;display:flex;gap:10px;flex-wrap:wrap}.content{max-width:1300px;margin:auto;padding:0 5% 50px}.article{max-width:800px}.article h2{font-size:27px;letter-spacing:-.02em;margin:38px 0 16px}.article h3{font-size:18px;margin-top:28px}.article p,.article li{color:#c8bcc3;font-size:16px;line-height:1.9}.article li{margin:10px 0}.article ul,.article ol{padding-left:24px}.article strong{color:#fff1f3}.callout{border-left:3px solid var(--accent);background:#21151e;padding:23px 25px;margin:30px 0}.callout h2,.callout h3{margin-top:0}.callout p:last-child{margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:1px solid #a34a5e;background:#a92d45;border-radius:5px;text-decoration:none;font-size:13px;font-weight:700}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:28px 0}.card{padding:25px;background:linear-gradient(145deg,#25151d,#141115);border:1px solid #52333f;border-radius:10px;display:flex;flex-direction:column}.card .number{color:#e58797;font:12px monospace;letter-spacing:.1em}.card h2{font:400 26px/1.3 Georgia,serif;margin:28px 0 17px}.card h2 a{text-decoration:none}.card p{font-size:14px;line-height:1.8;color:#c4b4be;flex:1}.card>a{font-size:13px;color:#f9adbb;margin-top:18px;min-height:44px;display:flex;align-items:center}.section-title{font-size:30px;letter-spacing:-.025em;margin-top:55px}.people{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.person{padding:28px;background:#181317;border:1px solid #49313d;border-radius:10px}.person h2{font:400 30px Georgia,serif;margin:12px 0 15px}.person p{font-size:15px;color:#c6b7bf;line-height:1.85}.credit{color:#f2a0af;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.toc{padding:22px;background:#191319;border:1px solid #50343f;border-radius:8px;margin-top:25px;max-width:800px}.toc p{font-size:12px;color:#e4b9c5;letter-spacing:.1em;text-transform:uppercase}.toc a{display:block;font-size:13px;line-height:1.7;padding:6px 0}footer{padding:28px 5%;border-top:1px solid var(--line);font-size:12px;color:#baaab3;line-height:1.9;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{margin:0}:focus-visible{outline:3px solid white;outline-offset:3px}table{border-collapse:collapse;width:100%;margin:25px 0;font-size:14px}th,td{padding:13px;border:1px solid #4a3540;text-align:left;line-height:1.8}th{background:#2d1924;color:#f8c4d0}td{color:#c8b9c1}@media(max-width:800px){header{align-items:flex-start;gap:15px;padding:13px 5%}.logo{font-size:14px;padding-top:14px}nav{gap:4px 13px;justify-content:flex-end;font-size:12px}.hero{padding-top:35px}.cards{grid-template-columns:1fr}.card h2{margin-top:18px}.people{grid-template-columns:1fr}.lead{font-size:16px}.article p,.article li{font-size:15px}.hero h1{font-size:42px}.card{padding:23px}.p-share{margin-left:0;margin-right:0}.content{padding-bottom:25px}}@media(max-width:400px){.hero h1{font-size:36px}.logo{letter-spacing:.12em;font-size:13px}nav{font-size:11px;gap:2px 9px}}
