:root{color-scheme:dark;--bg:#18191c;--panel:#242529;--text:#f4efe6;--muted:#c4c1bb;--accent:#ffd293;--line:#515158}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.65 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.draft{padding:10px 24px;text-align:center;background:#33302b;color:var(--accent);font-size:14px}header,main,footer{max-width:1120px;margin:auto;padding:28px 40px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:700;text-decoration:none;color:var(--text)}.brand span{color:var(--accent);font-size:16px;margin-right:8px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:var(--muted);font-size:16px;padding:8px 0}nav a[aria-current]{color:var(--accent);text-decoration-thickness:3px}main{padding-top:64px;padding-bottom:64px}h1{font:normal clamp(2.2rem,5vw,4.4rem)/1.12 Georgia,serif;letter-spacing:-.025em;margin:12px 0 24px;max-width:900px}h2{font-size:27px;line-height:1.3}h3{font-size:21px;line-height:1.4}p{max-width:780px}.eyebrow{color:var(--accent);font-size:15px;letter-spacing:.08em}.lead{font-size:22px;color:var(--muted);max-width:760px}.button{display:inline-block;background:linear-gradient(#ffe5bc,#efb869);color:#292016;padding:15px 23px;border:1px solid #ffdfac;border-radius:12px;text-decoration:none;font-weight:650;margin-top:12px;box-shadow:inset 0 1px 0 #fff8}.button span{margin-left:12px}section{margin-top:56px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article,.panel,aside{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.number{color:var(--accent);font-weight:700}.cards p{color:var(--muted);font-size:17px}.panel{padding:30px}figure{margin:48px 0}figure img{width:100%;height:auto;border-radius:16px;background:#fff}figcaption{font-size:15px;color:var(--muted);margin-top:12px}.steps{padding-left:28px}.steps li{padding-left:12px;margin:30px 0}.steps li::marker{color:var(--accent);font-weight:700}aside{font-size:16px;border-left:4px solid var(--accent)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650;padding:6px 0}details p{color:var(--muted)}footer{border-top:1px solid var(--line);font-size:14px;color:var(--muted);padding-bottom:40px}.skip{position:absolute;top:-100px;left:20px;background:var(--bg);padding:12px;z-index:2}.skip:focus{top:10px}@media(max-width:700px){header,main,footer{padding-left:22px;padding-right:22px}header{align-items:flex-start;flex-direction:column;gap:10px}main{padding-top:36px}.cards{grid-template-columns:1fr}.lead{font-size:20px}section{margin-top:38px}.panel{padding:22px}}@media(prefers-contrast:more){:root{--bg:#000;--panel:#000;--muted:#fff;--line:#fff}.button{background:#ffd293;box-shadow:none}}

.analytics-panel{max-width:1120px;margin:0 auto 48px;padding:24px 40px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.analytics-panel[hidden],[data-analytics-settings][hidden]{display:none}
.analytics-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.analytics-actions button,[data-analytics-settings]{font:inherit;cursor:pointer;padding:10px 16px;border:1px solid var(--accent);border-radius:9px;background:var(--bg);color:var(--text)}
.analytics-actions button:focus-visible,[data-analytics-settings]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.analytics-actions [data-analytics-choice="denied"]:is(:hover,:focus-visible){background:#8b3137;color:#fff}
.analytics-actions [data-analytics-choice="granted"]:is(:hover,:focus-visible){background:#286c49;color:#fff}
@media(max-width:700px){.analytics-panel{margin:0 22px 38px;padding:22px}}