/* SortedUK theme (SITE-2). Brings every page onto the homepage palette and type.
   It retunes the site's own colour settings and page defaults only; it never overrides a component's own colours,
   and it switches to dark exactly when the site itself does. */
@media (prefers-color-scheme: light) {
:root:not(.dark):not(.dark-mode):not([data-theme="dark"]):not([data-mode="dark"]) {
  --bg:#faf8f3;
  --bg-2:#f2eee5;
  --surface:#ffffff;
  --page-bg:#faf8f3;
  --ink:#0f1b33;
  --ink-2:#5d6881;
  --text:#0f1b33;
  --text-2:#5d6881;
  --text-muted:#5d6881;
  --line:#e4dfd3;
  --border:#e4dfd3;
  --primary:#0c6653;
  --primary-soft:#e2f0eb;
  --accent:#0c6653;
  --accent-deep:#0a5445;
  --accent-soft:#e2f0eb;
  --green:#0c6653;
  accent-color:#0c6653;
}
body:where(html:not(.dark):not(.dark-mode):not([data-theme="dark"]):not([data-mode="dark"]) > body:not(.dark):not(.dark-mode):not([data-theme="dark"]):not([data-mode="dark"])) { background-color:#faf8f3; color:#0f1b33; }
a:where(html:not(.dark):not(.dark-mode):not([data-theme="dark"]):not([data-mode="dark"]) > body:not(.dark):not(.dark-mode):not([data-theme="dark"]):not([data-mode="dark"]) main a:not([class])) { color:#0c6653; text-underline-offset:3px; }
html:not(.dark):not(.dark-mode):not([data-theme="dark"]):not([data-mode="dark"]) ::selection { background:#e2f0eb; color:#0f1b33; }
}
h1:where(main h1), h2:where(main h2) { font-family:"Iowan Old Style","Charter","Sitka Text",Cambria,Georgia,"Times New Roman",serif; letter-spacing:-.015em; }
h1:where(main h1) { line-height:1.12; }
.skt-bar { display:flex; flex-wrap:wrap; gap:8px 10px; align-items:center; box-sizing:border-box; width:calc(100% - 32px); max-width:1100px; margin:40px auto 24px; padding:14px 16px; border:1px solid #e4dfd3; border-radius:18px; background:#f2eee5; font-size:.95rem; line-height:1.2; }
.skt-bar a { display:inline-flex; align-items:center; min-height:44px; padding:0 14px; border-radius:999px; border:1px solid #d6cfbf; background:#ffffff; color:#0f1b33; text-decoration:none; font-weight:600; }
.skt-bar a:hover { border-color:#0c6653; color:#0a5445; }
.skt-bar a.skt-home { background:#0c6653; border-color:#0c6653; color:#ffffff; }
.skt-bar a:focus-visible { outline:3px solid #0c6653; outline-offset:3px; }
.skt-999 { margin:12px 0 20px; padding:12px 16px; border-left:4px solid #b42318; border-radius:8px; background:#fdecea; color:#5a1410; font-size:1.05rem; line-height:1.4; }
@media print { .skt-bar { display:none; } }
@media (prefers-color-scheme: dark) {
:root:not(.light):not([data-theme="light"]):not([data-mode="light"]) {
  --bg:#0e1422;
  --bg-2:#131b2c;
  --surface:#161f32;
  --page-bg:#0e1422;
  --ink:#eef1f7;
  --ink-2:#a1abbf;
  --text:#eef1f7;
  --text-2:#a1abbf;
  --text-muted:#a1abbf;
  --line:#27324a;
  --border:#27324a;
  --primary-soft:#13302a;
  --accent-deep:#7fd6c0;
  --accent-soft:#13302a;
  --green:#63c9b0;
}
:root:not(.light):not([data-theme="light"]):not([data-mode="light"]) .skt-bar { background:#131b2c; border-color:#27324a; }
:root:not(.light):not([data-theme="light"]):not([data-mode="light"]) .skt-bar a { background:#161f32; border-color:#34405b; color:#eef1f7; }
:root:not(.light):not([data-theme="light"]):not([data-mode="light"]) .skt-bar a:hover { border-color:#63c9b0; color:#7fd6c0; }
:root:not(.light):not([data-theme="light"]):not([data-mode="light"]) .skt-bar a.skt-home { background:#63c9b0; border-color:#63c9b0; color:#08201a; }
:root:not(.light):not([data-theme="light"]):not([data-mode="light"]) .skt-bar a:focus-visible { outline-color:#63c9b0; }
:root:not(.light):not([data-theme="light"]):not([data-mode="light"]) .skt-999 { background:#3a1714; color:#ffd9d4; border-left-color:#ff9d93; }
}
html[data-theme="dark"], body[data-theme="dark"] {
  --bg:#0e1422;
  --bg-2:#131b2c;
  --surface:#161f32;
  --page-bg:#0e1422;
  --ink:#eef1f7;
  --ink-2:#a1abbf;
  --text:#eef1f7;
  --text-2:#a1abbf;
  --text-muted:#a1abbf;
  --line:#27324a;
  --border:#27324a;
  --primary-soft:#13302a;
  --accent-deep:#7fd6c0;
  --accent-soft:#13302a;
  --green:#63c9b0;
}
html[data-theme="dark"] .skt-bar { background:#131b2c; border-color:#27324a; }
body[data-theme="dark"] .skt-bar { background:#131b2c; border-color:#27324a; }
html[data-theme="dark"] .skt-bar a { background:#161f32; border-color:#34405b; color:#eef1f7; }
body[data-theme="dark"] .skt-bar a { background:#161f32; border-color:#34405b; color:#eef1f7; }
html[data-theme="dark"] .skt-bar a:hover { border-color:#63c9b0; color:#7fd6c0; }
body[data-theme="dark"] .skt-bar a:hover { border-color:#63c9b0; color:#7fd6c0; }
html[data-theme="dark"] .skt-bar a.skt-home { background:#63c9b0; border-color:#63c9b0; color:#08201a; }
body[data-theme="dark"] .skt-bar a.skt-home { background:#63c9b0; border-color:#63c9b0; color:#08201a; }
html[data-theme="dark"] .skt-bar a:focus-visible { outline-color:#63c9b0; }
body[data-theme="dark"] .skt-bar a:focus-visible { outline-color:#63c9b0; }
html[data-theme="dark"] .skt-999 { background:#3a1714; color:#ffd9d4; border-left-color:#ff9d93; }
body[data-theme="dark"] .skt-999 { background:#3a1714; color:#ffd9d4; border-left-color:#ff9d93; }
html.dark, body.dark {
  --bg:#0e1422;
  --bg-2:#131b2c;
  --surface:#161f32;
  --page-bg:#0e1422;
  --ink:#eef1f7;
  --ink-2:#a1abbf;
  --text:#eef1f7;
  --text-2:#a1abbf;
  --text-muted:#a1abbf;
  --line:#27324a;
  --border:#27324a;
  --primary-soft:#13302a;
  --accent-deep:#7fd6c0;
  --accent-soft:#13302a;
  --green:#63c9b0;
}
html.dark .skt-bar { background:#131b2c; border-color:#27324a; }
body.dark .skt-bar { background:#131b2c; border-color:#27324a; }
html.dark .skt-bar a { background:#161f32; border-color:#34405b; color:#eef1f7; }
body.dark .skt-bar a { background:#161f32; border-color:#34405b; color:#eef1f7; }
html.dark .skt-bar a:hover { border-color:#63c9b0; color:#7fd6c0; }
body.dark .skt-bar a:hover { border-color:#63c9b0; color:#7fd6c0; }
html.dark .skt-bar a.skt-home { background:#63c9b0; border-color:#63c9b0; color:#08201a; }
body.dark .skt-bar a.skt-home { background:#63c9b0; border-color:#63c9b0; color:#08201a; }
html.dark .skt-bar a:focus-visible { outline-color:#63c9b0; }
body.dark .skt-bar a:focus-visible { outline-color:#63c9b0; }
html.dark .skt-999 { background:#3a1714; color:#ffd9d4; border-left-color:#ff9d93; }
body.dark .skt-999 { background:#3a1714; color:#ffd9d4; border-left-color:#ff9d93; }