:root{--ink:#252b41;--muted:#7b8094;--accent:#7770ce;--line:#e9eaf1;--bg:#f8f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #aaa0ef;outline-offset:5px}.header{height:92px;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:28px;font-weight:800;letter-spacing:-1px}.brand img{width:42px;height:42px;object-fit:cover;border-radius:50%}.brand-dot,.footer-brand>span{color:var(--accent)}.bot-label{font-size:9px;font-weight:600;letter-spacing:1.4px;border-left:1px solid #dadce7;padding-left:18px;margin-left:7px;color:var(--muted)}.header nav{display:flex;gap:33px;align-items:center;font-size:13px}.nav-link{color:var(--muted)}.nav-link.active{color:var(--accent)}.support-link{border:1px solid #e1e1ec;border-radius:8px;padding:8px 17px}.support-link span{margin-left:18px}.hero{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;min-height:408px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#9292ad;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#9692d7}h1{font-size:48px;letter-spacing:-1.8px;line-height:1.3;margin:20px 0 17px;font-weight:750}h1>span{color:var(--accent)}.hero-copy>p{color:var(--muted);font-size:14px;line-height:1.9}.hero-meta{display:flex;align-items:center;gap:15px;font-size:11px;color:#83899d;margin-top:26px}.hero-meta i{font-style:normal;color:#c6c9d6}.hero-art{height:340px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e6e4f780,transparent 68%)}.hero-art>img{width:235px;height:235px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply;z-index:1;transform:rotate(-6deg)}.speech{z-index:2;position:absolute;bottom:43px;right:23px;background:white;border:1px solid #eceaf5;box-shadow:0 8px 25px #51438408;padding:9px 19px;border-radius:12px;font-size:12px;transform:rotate(-5deg);color:#6c649d}.speech span{color:#b8a1da;margin-left:10px}.art-caption{position:absolute;bottom:2px;font-size:8px;letter-spacing:3px;color:#a7a7bd}.page-layout{max-width:1160px;margin:20px auto 70px;display:grid;grid-template-columns:238px minmax(0,1fr);gap:42px;align-items:start}aside{position:sticky;top:30px;padding-top:8px}.side-label,.toc-label{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#989caf;margin:0 0 19px 13px}.tabs{display:flex;flex-direction:column;gap:7px}.tab{width:100%;background:none;border:1px solid transparent;padding:12px 13px;display:flex;gap:11px;align-items:center;color:#777e92;border-radius:8px;text-align:left;font-size:12px}.tab.active{background:#eeecf8;border-color:#e4e0f2;color:#7567bb;font-weight:600}.tab>span:first-child{font-size:19px;line-height:1}.arrow{margin-left:auto}.tab:not(.active) .arrow{visibility:hidden}.toc-label{margin-top:34px;margin-bottom:12px}#toc{display:flex;flex-direction:column;gap:1px}#toc a{padding:8px 14px;font-size:11px;color:#8b8fa1;border-left:1px solid #e2e4ee;margin-left:14px}#toc a:hover{color:var(--accent);border-left-color:var(--accent)}.side-note{margin:31px 14px;padding-top:24px;border-top:1px solid var(--line);color:#9ba0b2;display:flex;gap:13px;align-items:start}.side-note>span{font-size:23px;color:#ada5ce}.side-note p{font-size:10px;margin:0}.document-wrap{background:white;border:1px solid #e6e8f1;border-radius:16px;padding:34px 40px 0;box-shadow:0 7px 25px #2c355403}.draft-note{font-size:10px;color:#8b819f;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:25px;display:flex;gap:8px}.document-head{display:flex;align-items:center;gap:15px}.small{font-size:8px;letter-spacing:1.5px}h2{font-size:25px;line-height:1.4;margin:4px 0 0;letter-spacing:-.6px}.version{margin-left:auto;font-size:9px;white-space:nowrap;color:#9398aa;border:1px solid var(--line);border-radius:5px;padding:3px 8px}.intro{margin:23px 0;color:#7f8597;font-size:12px;line-height:1.95}.key-note{display:flex;gap:16px;align-items:center;padding:15px 20px;background:#f5f5fc;border:1px solid #eeedf8;border-radius:9px;color:#89829e}.key-note>span{font-size:26px;color:#998aca}.key-note p{font-size:11px;margin:0;line-height:1.9}.key-note strong{font-weight:600;color:#746b94}article section{padding:27px 0 24px;border-bottom:1px solid #f0f0f5;scroll-margin-top:25px}article section:last-child{border:0}h3{font-size:16px;letter-spacing:-.2px;margin:0 0 12px;display:flex;align-items:center;gap:12px}h3>span{font-size:10px;font-weight:600;color:#a39abd;background:#f5f3fa;border-radius:5px;padding:2px 6px;letter-spacing:0}section p{color:#858b9b;font-size:12px;margin:10px 0 0;line-height:1.95}.data-list{margin-top:20px;display:flex;flex-direction:column;gap:18px}.data-list>div{display:flex;gap:14px;align-items:start}h4{font-size:12px;font-weight:600;margin:0;color:#62697f}.data-list p{margin:3px 0 0;font-size:11px}.help-card{display:flex;align-items:center;gap:18px;background:#f8f8fc;border:1px solid #eeeeF5;border-radius:10px;padding:19px;margin:12px 0 24px}.help-card img{width:65px;height:65px;object-fit:contain;mix-blend-mode:multiply}.help-card h3{font-size:13px;margin:0}.help-card p{font-size:10px;color:#8a8fa2;line-height:1.8;margin:5px 0 0}.help-card #contact-button{margin-left:auto;white-space:nowrap;border:1px solid #e3deef;border-radius:7px;background:white;color:#80729f;font-size:10px;padding:9px 12px}.help-card #contact-button span{margin-left:12px}.document-bottom{border-top:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#9b9eb0}footer{border-top:1px solid var(--line);max-width:1160px;margin:auto;padding:30px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#9b9eb0}footer p{font-size:9px;line-height:1.9;margin:4px 0;font-weight:400;letter-spacing:0}.footer-brand{font-size:21px;font-weight:750;letter-spacing:-1px;color:#697087}footer>span{font-size:8px;letter-spacing:1.4px}dialog{border:1px solid #e6e1ef;border-radius:18px;max-width:430px;width:calc(100% - 40px);padding:32px;color:var(--ink);box-shadow:0 20px 100px #252b4126}dialog::backdrop{background:#252b4155;backdrop-filter:blur(4px)}dialog h2{font-size:23px;margin-top:20px}dialog p{font-size:13px;color:#777f91}.muted{font-size:11px!important}.close-dialog{position:absolute;right:15px;top:10px;border:0;background:none;font-size:24px;color:#9590a5}.dialog-done{border:0;background:var(--accent);color:white;border-radius:8px;padding:9px 18px;margin-top:10px}.skip{position:fixed;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:0}[hidden]{display:none!important}@media(min-width:1450px){.hero{min-height:440px}.page-layout{margin-top:30px}}@media(max-width:1220px){.header,.hero,.page-layout,footer{margin-left:5%;margin-right:5%}.page-layout{gap:27px;grid-template-columns:210px minmax(0,1fr)}.document-wrap{padding:27px 27px 0}h1{font-size:42px}}@media(max-width:850px){.hero{grid-template-columns:1.2fr 1fr}.hero-art>img{width:180px;height:180px}.hero-art{height:290px}h1{font-size:35px}.hero-copy>p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.2px}.speech{right:0;bottom:40px;font-size:10px}.page-layout{grid-template-columns:1fr;gap:20px}aside{position:static;padding:0}.side-label,.toc-label,#toc,.side-note{display:none}.tabs{flex-direction:row}.tab{width:auto;min-width:190px}.document-wrap{padding:30px 30px 0}.hero{min-height:350px}.bot-label{display:none}footer>span{display:none}}@media(max-width:540px){.header{height:76px}.brand{font-size:24px;gap:7px}.brand img{width:34px;height:34px}.header nav{gap:16px;font-size:11px}.support-link{border:0;padding:0}.support-link span{margin-left:2px}.hero{display:flex;flex-direction:column;text-align:center;padding-top:33px;min-height:0}.hero-copy .eyebrow,.hero-meta{justify-content:center}h1{font-size:36px;margin-top:15px}.hero-copy>p{font-size:12px}.desktop-break{display:none}.hero-meta{margin-top:17px}.hero-art{height:238px;width:280px;margin-top:10px}.hero-art>img{width:170px;height:170px}.speech{bottom:23px;right:0}.art-caption{bottom:0}.page-layout{margin-top:30px;margin-bottom:40px}.tabs{gap:7px}.tab{min-width:0;width:50%;font-size:11px;padding:10px}.tab .arrow{display:none}.document-wrap{padding:22px 20px 0;border-radius:12px}.document-head{gap:11px;flex-wrap:wrap}h2{font-size:21px}.small{font-size:7px}.version{margin-left:49px;margin-top:-4px}.key-note{padding:12px;gap:10px}.key-note p{font-size:10px}.help-card{padding:15px;flex-wrap:wrap;gap:12px}.help-card img{width:48px;height:48px}.help-card>div{flex:1}.help-card #contact-button{margin-left:60px}.document-bottom{font-size:8px;align-items:center}.document-bottom>a{white-space:nowrap}footer{align-items:start;flex-direction:column;gap:12px;padding-top:20px}footer p{font-size:9px}h3{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Language and appearance preferences */
.header{gap:20px}.header nav{margin-left:auto}.preferences{display:flex;align-items:center;gap:7px}.preferences button{height:34px;min-width:35px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#665d99;font-size:11px;font-weight:650}.preferences #theme-toggle{font-size:19px}.preferences button:hover{background:#eeecf8}.fan-notice{margin-top:24px;padding:17px 19px;border-left:3px solid #b2a0d6;background:#faf8fd;border-radius:0 8px 8px 0}.fan-notice strong{font-size:12px;color:#77668f}.fan-notice p{font-size:11px;line-height:1.9;color:#7c758c;margin:6px 0 0}footer>p{max-width:440px}html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark;--bg:#151723;--ink:#e7e8f3;--muted:#a9aec5;--accent:#b4a7f1;--line:#34364a}html[data-theme="dark"] .document-wrap,html[data-theme="dark"] dialog{background:#1d2030;border-color:#34364a}html[data-theme="dark"] .preferences button,html[data-theme="dark"] .help-card #contact-button,html[data-theme="dark"] .speech,html[data-theme="dark"] .skip{background:#282b40;border-color:#404058;color:#c7b9ef}html[data-theme="dark"] .tab.active,html[data-theme="dark"] .key-note{background:#2a2841;border-color:#403858;color:#c5b8ee}html[data-theme="dark"] .fan-notice{background:#282538}html[data-theme="dark"] .help-card,html[data-theme="dark"] h3>span{background:#26293b;border-color:#36384f;color:#bfb2e1}html[data-theme="dark"] article section{border-color:#303346}html[data-theme="dark"] .hero-art>img,html[data-theme="dark"] .help-card img{mix-blend-mode:normal}html[data-theme="dark"] .help-card img{border-radius:10px}html[data-theme="dark"] section p,html[data-theme="dark"] .intro,html[data-theme="dark"] .help-card p,html[data-theme="dark"] dialog p,html[data-theme="dark"] #toc a,html[data-theme="dark"] .tab,html[data-theme="dark"] .fan-notice p{color:#b1b6cc}html[data-theme="dark"] h4,html[data-theme="dark"] .key-note strong,html[data-theme="dark"] .fan-notice strong{color:#d1c6ef}html[data-theme="dark"] .key-note p{color:#bfb6d3}html[data-theme="dark"] .draft-note,html[data-theme="dark"] .document-bottom,html[data-theme="dark"] footer,html[data-theme="dark"] .side-label,html[data-theme="dark"] .toc-label,html[data-theme="dark"] .version,html[data-theme="dark"] .hero-meta{color:#a9aec5}html[data-theme="dark"] .support-link,html[data-theme="dark"] #toc a{border-color:#44435a}html[data-theme="dark"] .dialog-done{color:#201c30}html[data-theme="dark"] .preferences button:hover{background:#38324d}@media(max-width:640px){.header{height:auto;min-height:76px;flex-wrap:wrap;padding:15px 0;gap:12px}.header nav{order:3;width:100%;justify-content:center;gap:32px;margin:0}.preferences{margin-left:auto}.hero{padding-top:28px}.fan-notice{padding:14px}.help-card{flex-wrap:wrap}}@media(min-width:641px) and (max-width:850px){.header nav{gap:20px}.header{gap:15px}}

/* Keep the illustration and document layout free of decorative symbols. */
.hero-art{background:none}.tab .arrow{font-size:14px;line-height:inherit}.document-head{gap:0}.document-head .version{margin-left:auto}.side-note{display:block}.key-note{display:block}@media(max-width:540px){.document-head{gap:10px}.document-head .version{margin-left:0;margin-top:0}}
