.page-foot a{color:inherit;text-decoration:none}
.page-foot a:hover{color:var(--accent)}

body[data-theme="ocean"]{--accent:#47789a;--accent-soft:#eaf2f7}
.doc-item:hover,.doc-item.active{background:var(--accent-soft);color:var(--accent)}
.doc-item.active{font-weight:600}
.welcome h1 span,.welcome-meta>span:first-child,.welcome-note code,.markdown-body a,.markdown-body li::marker{color:var(--accent)}
.note-icon,.article-tag{background:var(--accent-soft);color:var(--accent)}
.markdown-body blockquote{border-color:var(--accent)}
.markdown-body code{color:var(--accent)}
.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.doc-item:focus-visible,.browse-documents:focus-visible,.menu-toggle:focus-visible,.theme-swatch:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}
.sidebar-label strong{color:#48524b;font-size:12px;letter-spacing:.02em}
.doc-item{min-height:44px}
.theme-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px 14px;border-top:1px solid #e4e8e3;color:#89928b;font-size:10px}
.theme-swatches{display:flex;align-items:center;gap:8px}
.theme-swatch{width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}
.theme-swatch[aria-pressed="true"]{border-color:#b6c0b8}
.theme-swatch span{width:17px;height:17px;border-radius:50%;background:#37765d;box-shadow:inset 0 0 0 2px #ffffffb0}
.theme-swatch[data-theme-choice="ocean"] span{background:#47789a}
.sidebar-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sidebar-foot>a{color:var(--accent);text-decoration:none;white-space:nowrap}
.sidebar-foot>a:hover{text-decoration:underline;text-underline-offset:3px}
.topbar{position:sticky;top:0;z-index:6;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.mode-toggle{min-width:72px;height:36px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--muted);font:11px var(--sans);cursor:pointer}
.mode-toggle:hover{border-color:var(--accent);color:var(--accent)}
.mode-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mode-toggle .sun-icon{display:none}
body[data-mode="night"] .mode-toggle .moon-icon{display:none}
body[data-mode="night"] .mode-toggle .sun-icon{display:block}
.page-links{display:flex;align-items:center;gap:16px}
.page-links a{color:inherit;text-decoration:none}
.page-links a:hover{color:var(--accent)}

body[data-mode="night"]{color-scheme:dark;--paper:#151a18;--white:#202824;--ink:#e6ece7;--muted:#a1ada4;--line:#303a34;--accent-soft:#26372e}
body[data-mode="night"] .sidebar{background:#1b221e;border-color:var(--line)}
body[data-mode="night"] .sidebar-label strong,body[data-mode="night"] .breadcrumb strong{color:#e0e8e2}
body[data-mode="night"] .sidebar-label span,body[data-mode="night"] .doc-date,body[data-mode="night"] .empty-list{color:#9ba79e}
body[data-mode="night"] .search-box{background:#202824;border-color:#37423b;color:#aab5ad}
body[data-mode="night"] .search-box input{color:var(--ink)}
body[data-mode="night"] .search-box input::placeholder{color:#89968d}
body[data-mode="night"] .search-box kbd{border-color:#3a453e;color:#9ba79e}
body[data-mode="night"] .doc-item{color:#b8c2ba}
body[data-mode="night"] .doc-item:hover,body[data-mode="night"] .doc-item.active{background:color-mix(in srgb,var(--accent) 20%,#202824);color:#dcebe0}
body[data-mode="night"] .doc-group-title{color:#9aa69d}
body[data-mode="night"] .sidebar-foot{border-color:var(--line);color:#9ba79e}
body[data-mode="night"] .topbar{border-color:var(--line);background:color-mix(in srgb,#151a18 92%,transparent)}
body[data-mode="night"] .top-link,body[data-mode="night"] .breadcrumb{color:#a1ada4}
body[data-mode="night"] .crumb-sep{color:#667269}
body[data-mode="night"] .welcome>p,body[data-mode="night"] .toc-panel a{color:#a1ada4}
body[data-mode="night"] .welcome-note{background:#202824;border-color:var(--line);color:#d0d9d2}
body[data-mode="night"] .welcome-note small,body[data-mode="night"] .welcome-kicker,body[data-mode="night"] .welcome-meta{color:#9ba79e}
body[data-mode="night"] .toc-panel{border-color:var(--line)}
body[data-mode="night"] .toc-title{color:#cad4cc}
body[data-mode="night"] .page-foot{border-color:var(--line);color:#9ba79e}
body[data-mode="night"] .article-meta,body[data-mode="night"] .article-footer{color:#9ba79e}
body[data-mode="night"] .markdown-body{color:#c4cec6}
body[data-mode="night"] .markdown-body h1,body[data-mode="night"] .markdown-body h2,body[data-mode="night"] .markdown-body h3,body[data-mode="night"] .markdown-body h4{color:#e2e9e3}
body[data-mode="night"] .markdown-body strong{color:#e3ebe4}
body[data-mode="night"] .markdown-body blockquote{background:#202824;color:#b4c0b7}
body[data-mode="night"] .markdown-body code{background:#26312a;color:#bbd8c4}
body[data-mode="night"] .markdown-body pre{background:#0f1411;color:#e5eee7}
body[data-mode="night"] .markdown-body th,body[data-mode="night"] .markdown-body td{border-color:var(--line)}
body[data-mode="night"] .markdown-body th{background:#242d27;color:#d8e1da}
body[data-mode="night"] .error-state{background:#2b211e;border-color:#61483e;color:#e0aa95}
body[data-mode="night"] .browse-documents{background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 18%,#202824),#202824 78%);border-color:color-mix(in srgb,var(--accent) 36%,var(--line));color:var(--ink)}
body[data-mode="night"] .browse-copy strong{color:#e2e9e3}
body[data-mode="night"] .browse-copy small{color:#a4b0a7}
body[data-mode="night"] .theme-picker{border-color:var(--line);color:#a1ada4}
body[data-mode="night"] .theme-swatch[aria-pressed="true"]{border-color:#819087}
body[data-mode="night"] .mode-toggle{background:#202824;border-color:#37423b;color:#c0cbc2}

.guide-body{min-height:100vh;min-height:100svh}
.guide-topbar{padding:0 max(28px,calc((100vw - 1120px)/2));gap:26px}
.guide-brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;white-space:nowrap}
.guide-brand .brand-mark{width:31px;height:31px;border-radius:9px;font-size:15px}
.guide-brand strong{font-size:13px;letter-spacing:.04em}
.guide-nav{display:flex;align-items:center;gap:19px;margin-left:auto}
.guide-nav a{color:var(--muted);font-size:11px;text-decoration:none}
.guide-nav a:hover,.guide-nav a.selected{color:var(--accent)}
.guide-main{width:min(100% - 48px,960px);margin:0 auto}
.guide-hero{position:relative;overflow:hidden;margin:42px 0 67px;padding:clamp(32px,7vw,74px);border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 90% 5%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 36%),linear-gradient(135deg,var(--accent-soft),var(--paper) 70%)}
.guide-eyebrow{font:9px var(--mono);letter-spacing:.14em;color:var(--muted)}
.guide-hero h1{margin:25px 0 17px;font:400 clamp(37px,6vw,64px)/1.28 var(--serif);letter-spacing:-.04em;color:var(--ink)}
.guide-hero h1 span{color:var(--accent)}
.guide-hero>p{max-width:590px;color:var(--muted);font-size:14px;line-height:1.9;margin:0}
.guide-actions{display:flex;align-items:center;gap:12px;margin-top:28px}
.guide-primary,.guide-secondary{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;text-decoration:none;font-size:11px}
.guide-primary{background:var(--accent);color:#fff;font-weight:600}
.guide-primary:hover{filter:brightness(1.06)}
.guide-secondary{border:1px solid var(--line);background:var(--white);color:var(--ink)}
.guide-secondary:hover{border-color:var(--accent);color:var(--accent)}
.guide-url{display:flex;align-items:center;gap:11px;margin-top:28px;color:var(--muted);font:10px var(--mono)}
.guide-url a{color:var(--accent);text-decoration:none}
.guide-section{margin:0 0 67px}
.guide-section-heading{display:flex;align-items:baseline;gap:15px;margin-bottom:20px}
.guide-section-heading>span{color:var(--accent);font:9px var(--mono);letter-spacing:.08em;white-space:nowrap}
.guide-section-heading h2{margin:0;color:var(--ink);font-size:22px;letter-spacing:-.02em}
.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guide-card{min-height:162px;padding:21px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.guide-card-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:17px}
.guide-card h3,.promo-panel h3{margin:16px 0 7px;color:var(--ink);font-size:13px}
.guide-card p,.promo-panel p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}
.guide-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.guide-steps li{display:flex;align-items:flex-start;gap:11px;padding:17px 14px;border:1px solid var(--line);border-radius:10px;background:var(--white)}
.guide-steps li>span{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:11px var(--mono)}
.guide-steps strong{font-size:11px;color:var(--ink)}
.guide-steps p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.8}
.guide-steps code{font:10px var(--mono);color:var(--accent)}
.guide-code{margin:14px 0 0;padding:16px 19px;border-radius:10px;background:#202923;color:#e5eee7;overflow:auto;font:11px/1.8 var(--mono)}
.promo-panel{padding:24px;border-radius:13px;background:var(--accent-soft);display:flex;align-items:center;justify-content:space-between;gap:24px}
.promo-panel h3{margin:0 0 9px}
.promo-panel p{max-width:590px;color:var(--ink)}
.share-address{flex:none;padding:11px 13px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:8px;color:var(--accent);background:var(--white);font:10px var(--mono);text-decoration:none}
.share-address:hover{border-color:var(--accent)}
.contribute-note{display:flex;gap:14px;margin-top:14px;padding:14px 17px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:10px;line-height:1.8}
.contribute-note strong{flex:none;color:var(--ink)}
.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 0 25px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.guide-footer a{color:inherit;text-decoration:none}
.guide-footer a:hover{color:var(--accent)}
body[data-mode="night"] .guide-hero{background:radial-gradient(ellipse at 90% 5%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--paper)),var(--paper) 76%)}
body[data-mode="night"] .guide-card,body[data-mode="night"] .guide-steps li,body[data-mode="night"] .guide-secondary{background:var(--white)}
body[data-mode="night"] .promo-panel{background:color-mix(in srgb,var(--accent) 18%,#202824)}
body[data-mode="night"] .promo-panel p{color:#d4ddd6}
body[data-mode="night"] .share-address{background:#202824}

@media(max-width:880px){
  .guide-topbar{padding-left:24px;padding-right:24px}
  .guide-main{width:min(100% - 42px,760px)}
  .guide-hero{margin-top:28px;padding:clamp(30px,7vw,55px)}
  .guide-card-grid,.guide-steps{grid-template-columns:1fr}
  .guide-card{min-height:0}
  .guide-card p{max-width:520px}
}
@media(max-width:560px){
  .mode-toggle{min-width:38px;width:38px;padding:0}
  .mode-toggle span{display:none}
  .guide-topbar{height:58px;min-height:58px;padding-left:16px;padding-right:16px;gap:12px}
  .guide-brand{gap:7px}
  .guide-nav{gap:11px}
  .guide-nav a{font-size:10px}
  .guide-main{width:calc(100% - 34px)}
  .guide-hero{margin:18px 0 43px;padding:28px 21px;border-radius:15px}
  .guide-hero h1{font-size:clamp(34px,9vw,43px);margin-top:20px}
  .guide-hero>p{font-size:13px}
  .guide-actions{align-items:stretch;flex-direction:column;max-width:240px}
  .guide-url{align-items:flex-start;flex-direction:column;gap:5px;font-size:9px}
  .guide-section{margin-bottom:46px}
  .guide-section-heading{align-items:flex-start;flex-direction:column;gap:7px}
  .guide-section-heading h2{font-size:20px}
  .guide-card-grid{gap:10px}
  .guide-card{padding:17px}
  .guide-steps li{padding:14px 12px}
  .promo-panel{align-items:flex-start;flex-direction:column;padding:19px;gap:17px}
  .contribute-note{flex-direction:column;gap:4px}
  .guide-footer{flex-wrap:wrap;font-size:9px}
}
.browse-documents{width:min(100%,430px);min-height:72px;margin:28px 0 0;padding:12px 16px;display:flex;align-items:center;gap:13px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:11px;background:linear-gradient(105deg,var(--accent-soft),#fff 72%);color:var(--ink);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.browse-documents:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 12%,transparent)}
.browse-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:white;font-size:22px}
.browse-copy{min-width:0;display:grid;gap:4px}
.browse-copy strong{font-size:13px;color:#334039}
.browse-copy small{font-size:10px;color:#879189}
.browse-copy small span{font-weight:700;color:var(--accent)}
.browse-arrow{margin-left:auto;color:var(--accent);font-size:20px}

@media(max-width:880px){
  .sidebar{z-index:8;width:min(86vw,330px);padding:calc(22px + env(safe-area-inset-top)) 19px calc(16px + env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .22s ease;box-shadow:12px 0 40px #20252218}
  .sidebar.open{transform:translateX(0)}
  .sidebar-backdrop.show{display:block;position:fixed;inset:0;background:#1c241f55;z-index:7;touch-action:none}
  .main-area{margin-left:0;min-height:100vh;min-height:100svh}
  .topbar{height:64px;min-height:64px;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));gap:11px}
  .menu-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:9px;background:var(--accent-soft);color:var(--accent);font:600 12px var(--sans);cursor:pointer}
  .menu-toggle svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
  .reader-layout{grid-template-columns:minmax(0,760px);padding:0 clamp(22px,5.3vw,48px)}
  .reader{width:100%;max-width:760px;padding-top:clamp(38px,7vh,64px)}
  .toc-panel{display:none!important}
  .welcome h1{font-size:clamp(38px,6vw,50px)}
  .welcome-meta{margin-top:55px}
  .page-foot{padding-left:clamp(22px,5.3vw,48px);padding-right:clamp(22px,5.3vw,48px)}
}
@media(max-width:560px){
  .topbar{height:58px;min-height:58px;padding-left:14px;padding-right:14px;gap:8px}
  .menu-toggle{min-width:74px;padding:0 10px}
  .mobile-brand{display:none}
  .breadcrumb{margin-left:2px;gap:6px;flex:1;font-size:10px}
  .top-link{font-size:0;white-space:nowrap}
  .top-link span{font-size:17px}
  .reader-layout{padding:0 21px}
  .reader{padding-top:31px;padding-bottom:45px}
  .welcome{padding:22px 0 0}
  .welcome h1{font-size:clamp(34px,9vw,42px);line-height:1.3;margin:22px 0 14px}
  .welcome-kicker{font-size:8px}
  .welcome>p{font-size:13px;line-height:1.8}
  .browse-documents{margin-top:22px;min-height:68px;padding:10px 12px}
  .welcome-note{margin-top:18px;padding:12px;gap:10px;font-size:11px}
  .welcome-note small{font-size:10px}
  .welcome-meta{margin-top:34px}
  .markdown-body{font-size:15px;line-height:1.85}
  .markdown-body h1{font-size:27px}
  .markdown-body h2{font-size:20px;margin:38px 0 14px}
  .markdown-body pre{margin-left:-5px;margin-right:-5px;padding:14px;font-size:11px}
  .markdown-body table{max-width:calc(100vw - 42px)}
  .page-foot{padding:13px 21px;gap:12px;font-size:8px}
}
@media(max-width:360px){
  .reader-layout{padding:0 16px}
  .welcome h1{font-size:33px}
  .browse-copy small{font-size:9px}
  .page-foot{padding-left:16px;padding-right:16px}
}
@media(prefers-reduced-motion:reduce){.browse-documents{transition:none}}

/* Full surface palettes: each choice changes the page, navigation, cards and text. */
body[data-theme="warm"]{--paper:#f7f2e9;--sidebar-bg:#eee7db;--white:#fffdf8;--surface:#f1e9dd;--ink:#332f2a;--muted:#80776d;--line:#e3d9cb;--accent:#a65f46;--accent-soft:#f2e3d9}
body[data-theme="forest"]{--paper:#f3f6f2;--sidebar-bg:#e9efe9;--white:#fbfdfb;--surface:#e7eee8;--ink:#29352e;--muted:#758179;--line:#d9e2da;--accent:#37765d;--accent-soft:#e1eee5}
body[data-theme="ocean"]{--paper:#edf3f7;--sidebar-bg:#e1ebf1;--white:#f9fcfe;--surface:#e5eef4;--ink:#293943;--muted:#71818a;--line:#d4e0e7;--accent:#47789a;--accent-soft:#dceaf2}
body[data-theme="apricot"]{--paper:#fbf0e9;--sidebar-bg:#f3e3d8;--white:#fffaf6;--surface:#f7e8dd;--ink:#40332e;--muted:#8b756a;--line:#ead8cc;--accent:#b9674d;--accent-soft:#f6e0d5}
body[data-theme="lavender"]{--paper:#f2eff7;--sidebar-bg:#e8e2f0;--white:#fcfaff;--surface:#ebe5f2;--ink:#373241;--muted:#80798e;--line:#ddd5e8;--accent:#8064a8;--accent-soft:#e9e0f3}
body[data-theme="white"]{--paper:#fff;--sidebar-bg:#fff;--white:#fff;--surface:#f7f7f7;--ink:#272727;--muted:#777;--line:#e8e8e8;--accent:#555;--accent-soft:#f1f1f1}
body[data-theme="glass"]{--paper:#e9edf0;--sidebar-bg:rgb(255 255 255 / 58%);--white:rgb(255 255 255 / 66%);--surface:rgb(255 255 255 / 45%);--ink:#2c3439;--muted:#69777f;--line:rgb(95 111 121 / 20%);--accent:#55788d;--accent-soft:rgb(255 255 255 / 56%)}

body[data-mode="night"]{color-scheme:dark}
body[data-mode="night"][data-theme="warm"]{--paper:#211e1b;--sidebar-bg:#29241f;--white:#302a24;--surface:#383027;--ink:#eee5d9;--muted:#b5a99b;--line:#494036;--accent:#d18a6d;--accent-soft:#49352d}
body[data-mode="night"][data-theme="forest"]{--paper:#171d19;--sidebar-bg:#202923;--white:#28342c;--surface:#313e34;--ink:#e6eee8;--muted:#a7b4aa;--line:#39463c;--accent:#83b695;--accent-soft:#2d4435}
body[data-mode="night"][data-theme="ocean"]{--paper:#192127;--sidebar-bg:#202b33;--white:#27343d;--surface:#303f49;--ink:#e3edf2;--muted:#a6b7c0;--line:#3b4b55;--accent:#83b2d0;--accent-soft:#2d4655}
body[data-mode="night"][data-theme="apricot"]{--paper:#241d1a;--sidebar-bg:#30231e;--white:#392923;--surface:#443129;--ink:#f0e3dc;--muted:#bea79c;--line:#514039;--accent:#e39472;--accent-soft:#503329}
body[data-mode="night"][data-theme="lavender"]{--paper:#201d27;--sidebar-bg:#292432;--white:#322c3d;--surface:#3b3448;--ink:#eee8f5;--muted:#b3a9c2;--line:#494157;--accent:#b69ad8;--accent-soft:#423651}
body[data-mode="night"][data-theme="white"]{--paper:#171717;--sidebar-bg:#202020;--white:#292929;--surface:#333;--ink:#f1f1f1;--muted:#b8b8b8;--line:#414141;--accent:#d0d0d0;--accent-soft:#343434}
body[data-mode="night"][data-theme="glass"]{--paper:#171d22;--sidebar-bg:rgb(42 52 60 / 68%);--white:rgb(49 61 70 / 72%);--surface:rgb(67 81 90 / 58%);--ink:#edf3f6;--muted:#adbbc3;--line:rgb(180 198 209 / 22%);--accent:#a0c4d6;--accent-soft:rgb(96 124 140 / 48%)}

body{background:var(--paper);color:var(--ink)}
.sidebar{background:var(--sidebar-bg);border-color:var(--line)}
.sidebar-label,.sidebar-label strong,.breadcrumb strong,.toc-title{color:var(--ink)}
.sidebar-label span,.sidebar-label strong,.sidebar-foot,.theme-picker,.doc-group-title,.doc-date,.empty-list,.search-box,.search-box kbd,.search-box input::placeholder,.breadcrumb,.top-link,.welcome-kicker,.welcome>p,.welcome-meta,.toc-panel a,.page-foot,.article-meta,.article-footer{color:var(--muted)}
.search-box,.welcome-note,.mode-toggle,.guide-secondary,.guide-card,.guide-steps li,.share-address{background:var(--white);color:var(--ink);border-color:var(--line)}
.search-box input,.markdown-body{color:var(--ink)}
.doc-item{color:var(--muted)}
.doc-item:hover,.doc-item.active{background:var(--accent-soft);color:var(--accent)}
.welcome-note{color:var(--ink)}
.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body strong,.guide-hero h1,.guide-section-heading h2,.guide-card h3,.promo-panel h3,.guide-steps strong{color:var(--ink)}
.markdown-body blockquote,.markdown-body th{background:var(--surface);color:var(--muted)}
.markdown-body code{background:var(--surface);color:var(--accent)}
.markdown-body pre,.guide-code{background:color-mix(in srgb,var(--ink) 90%,var(--paper));color:var(--white)}
.markdown-body th,.markdown-body td{border-color:var(--line)}
.sidebar-foot,.theme-picker,.topbar,.page-foot,.toc-panel,.article-footer{border-color:var(--line)}
.theme-picker{border-top-color:var(--line)}
.theme-swatch[data-theme-choice="warm"] span{background:#a65f46}
.theme-swatch[data-theme-choice="forest"] span{background:#37765d}
.theme-swatch[data-theme-choice="ocean"] span{background:#47789a}
.theme-swatch[data-theme-choice="apricot"] span{background:#b9674d}
.theme-swatch[data-theme-choice="lavender"] span{background:#8064a8}
.theme-swatch[data-theme-choice="white"] span{background:#fff;box-shadow:inset 0 0 0 1px #bbc0c3}
.theme-swatch[data-theme-choice="glass"] span{background:linear-gradient(135deg,#c9d8df 0 46%,#fff 47% 54%,#9bb2bd 55%)}
.theme-swatch[aria-pressed="true"]{border-color:var(--accent)}
.topbar{background:color-mix(in srgb,var(--paper) 92%,transparent)}
.welcome-note,.browse-documents,.guide-card,.guide-steps li,.guide-secondary,.share-address,.mode-toggle{border-color:var(--line)}
.browse-documents{background:linear-gradient(105deg,var(--accent-soft),var(--white) 78%);color:var(--ink)}
.browse-copy strong,.guide-card h3,.guide-steps strong{color:var(--ink)}
.browse-copy small{color:var(--muted)}
.guide-hero{background:radial-gradient(ellipse at 90% 5%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 36%),linear-gradient(135deg,var(--accent-soft),var(--paper) 70%)}
.guide-card p,.promo-panel p,.guide-steps p{color:var(--muted)}
.promo-panel{background:var(--accent-soft)}
.promo-panel p{color:var(--ink)}
.error-state{background:color-mix(in srgb,#c46c4f 10%,var(--white));border-color:color-mix(in srgb,#c46c4f 25%,var(--line));color:var(--accent)}
body[data-mode="night"] .topbar{background:color-mix(in srgb,var(--paper) 92%,transparent)}
body[data-mode="night"] .doc-item,body[data-mode="night"] .toc-panel a,body[data-mode="night"] .markdown-body{color:var(--muted)}
body[data-mode="night"] .doc-item:hover,body[data-mode="night"] .doc-item.active{background:var(--accent-soft);color:var(--ink)}
body[data-mode="night"] .markdown-body h1,body[data-mode="night"] .markdown-body h2,body[data-mode="night"] .markdown-body h3,body[data-mode="night"] .markdown-body h4,body[data-mode="night"] .markdown-body strong{color:var(--ink)}
body[data-mode="night"] .markdown-body blockquote,body[data-mode="night"] .markdown-body th{background:var(--surface);color:var(--muted)}
body[data-mode="night"] .markdown-body code{background:var(--surface);color:var(--accent)}
body[data-mode="night"] .browse-documents{background:linear-gradient(105deg,var(--accent-soft),var(--white) 78%);color:var(--ink)}
body[data-mode="night"] .browse-copy strong,body[data-mode="night"] .guide-card h3,body[data-mode="night"] .guide-steps strong{color:var(--ink)}
body[data-mode="night"] .browse-copy small,body[data-mode="night"] .guide-card p,body[data-mode="night"] .guide-steps p{color:var(--muted)}
body[data-mode="night"] .guide-hero{background:radial-gradient(ellipse at 90% 5%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 36%),linear-gradient(135deg,var(--accent-soft),var(--paper) 76%)}
body[data-mode="night"] .promo-panel{background:var(--accent-soft)}
body[data-mode="night"] .promo-panel p{color:var(--ink)}
body[data-mode="night"] .share-address,body[data-mode="night"] .mode-toggle{background:var(--white);color:var(--ink)}
body[data-mode="night"] .sidebar{background:var(--sidebar-bg);border-color:var(--line)}
body[data-mode="night"] .search-box,body[data-mode="night"] .welcome-note,body[data-mode="night"] .mode-toggle,body[data-mode="night"] .guide-secondary,body[data-mode="night"] .share-address{background:var(--white);border-color:var(--line);color:var(--ink)}
body[data-mode="night"] .search-box input{color:var(--ink)}
body[data-mode="night"] .search-box input::placeholder,body[data-mode="night"] .search-box kbd{color:var(--muted)}
body[data-mode="night"] .welcome-note small,body[data-mode="night"] .welcome-kicker,body[data-mode="night"] .welcome-meta,body[data-mode="night"] .sidebar-label span,body[data-mode="night"] .sidebar-label strong,body[data-mode="night"] .doc-date,body[data-mode="night"] .empty-list,body[data-mode="night"] .toc-panel a,body[data-mode="night"] .page-foot,body[data-mode="night"] .article-meta,body[data-mode="night"] .article-footer{color:var(--muted)}
body[data-mode="night"] .sidebar-label strong,body[data-mode="night"] .breadcrumb strong,body[data-mode="night"] .toc-title{color:var(--ink)}
body[data-mode="night"] .markdown-body pre,body[data-mode="night"] .guide-code{background:color-mix(in srgb,var(--ink) 90%,var(--paper));color:var(--white)}
.theme-swatches{gap:3px}
.theme-swatch{width:22px;height:27px}
.theme-swatch span{width:15px;height:15px}
body[data-theme="glass"] .sidebar,body[data-theme="glass"] .topbar,body[data-theme="glass"] .search-box,body[data-theme="glass"] .welcome-note,body[data-theme="glass"] .browse-documents,body[data-theme="glass"] .toc-panel,body[data-theme="glass"] .guide-card,body[data-theme="glass"] .guide-steps li,body[data-theme="glass"] .guide-secondary,body[data-theme="glass"] .share-address{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body[data-theme="glass"] .sidebar{box-shadow:8px 0 32px rgb(52 69 79 / 7%)}