/* Appearance changes variables, not the accepted layout. */
html[data-appearance="dark"] body {--canvas:#231e26;--surface:#2b252e;--cream:#332a34;--pink-soft:#49313f;--pink-art:#b57998;--action:#f0a4c1;--ink:#f4edf2;--muted:#c7b9c3;--line:#594853;--control-line:#a48a9c;--error:#ffb0b8;--paper-rgb:35 30 38;--paper-ui:.98;--paper-header:.99;--paper-journal:.65;--paper-footer:.97;--button-ink:#30212a;color-scheme:dark;}
html[data-appearance="dark"] .palette-lilac {--action:#d5b6f1;--pink-soft:#3e304b;}
html[data-appearance="dark"] .palette-tea {--action:#e5c38b;--pink-soft:#413728;}
html[data-appearance="dark"] .skip-link {background:var(--surface);}
html[data-appearance="dark"] .token.comment {color:#c1b0bf;}
html[data-appearance="dark"] :is(.token.string,.token.attr-value) {color:#a5d4be;}
html[data-appearance="dark"] :is(.token.keyword,.token.tag,.token.boolean) {color:#f0a4c1;}
html[data-appearance="dark"] :is(.token.number,.token.function,.token.class-name) {color:#cbbaf5;}
html[data-appearance="dark"] :is(.token.operator,.token.punctuation) {color:#d3c6d1;}
@media(prefers-color-scheme:dark){
html[data-appearance="system"] body {--canvas:#231e26;--surface:#2b252e;--cream:#332a34;--pink-soft:#49313f;--pink-art:#b57998;--action:#f0a4c1;--ink:#f4edf2;--muted:#c7b9c3;--line:#594853;--control-line:#a48a9c;--error:#ffb0b8;--paper-rgb:35 30 38;--paper-ui:.98;--paper-header:.99;--paper-journal:.65;--paper-footer:.97;--button-ink:#30212a;color-scheme:dark;}
html[data-appearance="system"] .palette-lilac {--action:#d5b6f1;--pink-soft:#3e304b;}
html[data-appearance="system"] .palette-tea {--action:#e5c38b;--pink-soft:#413728;}
html[data-appearance="system"] .skip-link {background:var(--surface);}
html[data-appearance="system"] .token.comment {color:#c1b0bf;}
html[data-appearance="system"] :is(.token.string,.token.attr-value) {color:#a5d4be;}
html[data-appearance="system"] :is(.token.keyword,.token.tag,.token.boolean) {color:#f0a4c1;}
html[data-appearance="system"] :is(.token.number,.token.function,.token.class-name) {color:#cbbaf5;}
html[data-appearance="system"] :is(.token.operator,.token.punctuation) {color:#d3c6d1;}
}

:is(.button,input[type=submit],.page-numbers.current) { color: var(--button-ink,white); }
.appearance-control { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin: 24px auto; }
.appearance-control select { padding: 8px 12px; min-height: 44px; }
.appearance-control [role=status] { flex-basis: 100%; }
.back-to-top { display: inline-block; min-height: 44px; padding: 8px; }
.reading-progress { position: fixed; inset: 0 0 auto; z-index: 12; width: 100%; height: 3px; border: 0; appearance: none; color: var(--action); background: transparent; pointer-events: none; }
.reading-progress::-webkit-progress-bar { background: transparent; }.reading-progress::-webkit-progress-value { background: var(--action); }.reading-progress::-moz-progress-bar { background: var(--action); }
.admin-bar .reading-progress { top: 32px; }@media(max-width:782px){.admin-bar .reading-progress { top:46px; }}