/* Reuse the homepage palette without changing the document's reading layout. */
html[data-document][data-appearance] {
  --bg:var(--paper); --surface:var(--panel); --text:var(--ink);
  --body:var(--muted); --accent:var(--accent-text);
  background:var(--paper);
}
[data-document] body {background:var(--paper);color:var(--ink);letter-spacing:0}
[data-document] .shell {width:min(1180px,calc(100% - 64px))}
[data-document] .site-header {
  top:0;width:100%;min-height:88px;margin:0;
  padding:16px max(32px,calc((100% - 1180px)/2));
  border:0;border-bottom:1px solid var(--line);border-radius:0;
  background:var(--header-surface);color:var(--ink);
}
[data-document] .brand {color:var(--ink);font-size:20px;font-weight:700;white-space:nowrap}
[data-document] .brand img {box-shadow:none;border:1px solid var(--line);border-radius:10px}
[data-document] .header-nav {width:auto;gap:14px;flex-wrap:nowrap}
[data-document] .header-nav>a {color:var(--muted);font-size:13px}
[data-document] .header-nav>a:hover {color:var(--ink)}
[data-document] .appearance {flex:0 0 auto}
[data-document] .appearance summary {cursor:pointer}
[data-document] .appearance fieldset {z-index:101;max-width:calc(100vw - 32px)}
[data-document] .language-menu {position:relative;margin:0}
[data-document] .language-menu summary {color:var(--ink);border-radius:6px}
[data-document] .language-menu summary::before {display:none}
[data-document] .language-menu nav {
  left:auto;right:0;top:48px;width:176px;min-width:0;
  background:var(--menu-surface);border-color:var(--line);box-shadow:0 12px 30px #0003;
}
[data-document] .language-menu nav a {color:var(--ink)}
[data-document] .language-menu nav a:hover,
[data-document] .language-menu nav a:focus-visible {background:var(--deep)}
[data-document] .language-menu nav a[aria-current] {color:var(--accent-text)}
[data-document] .language-menu summary:focus-visible {outline-color:var(--accent-text)}
[data-document] .document-intro {padding:60px 0 36px}
[data-document] h1 {font-weight:700;max-width:22ch}
[data-document] .breadcrumb {color:var(--accent-text)}
[data-document] .contact-link {color:var(--accent-text)}
[data-document] .document-toc {border-left:2px solid var(--line);padding-left:20px}
[data-document] .document-body .notice {border-color:var(--accent-text)}
[data-document] .site-footer {background:var(--panel);border-color:var(--line)}
[data-document] .footer-column a:hover {color:var(--ink)}
[data-document] .skip-link {background:var(--ink);color:var(--paper)}
@media(max-width:700px) {
  [data-document] .shell {width:calc(100% - 40px)}
  [data-document] .site-header {min-height:72px;padding:12px 20px;gap:12px}
  [data-document] .brand {font-size:17px;gap:8px}
  [data-document] .brand img {width:32px;height:32px}
  [data-document] .header-nav {gap:10px}
  [data-document] .document-intro {padding:36px 0 28px}
  [data-document] .document-toc {border-left:0;padding-left:0}
}
@media(max-width:360px) {
  [data-document] .site-header {padding-inline:16px;gap:8px}
  [data-document] .shell {width:calc(100% - 32px)}
  [data-document] .brand {font-size:16px;gap:6px}
  [data-document] .brand img {width:28px;height:28px}
  [data-document] .header-nav {gap:8px}
  [data-document] .language-menu summary {padding-inline:7px;gap:6px}
}
@media print {
  html[data-document][data-appearance] {--paper:white;--ink:#111;--muted:#333;--line:#ccc;--accent-text:#222}
  [data-document] .shell {width:100%}
}