:root { color-scheme: light; }
.header-actions { display:flex; align-items:center; justify-content:flex-end; gap:16px; }
.theme-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 12px; border:1px solid #b9cbd5; border-radius:4px; background:#f4f8fa; color:#183347; font-size:14px; white-space:nowrap; }
.theme-toggle[hidden] { display:none; }
.theme-toggle:hover { background:#e3eff3; }
.theme-icon { font-size:20px; line-height:1; }
html[data-theme="dark"] { color-scheme:dark; }
html[data-theme="dark"] body { background:#0d1926; color:#e0eaf2; }
html[data-theme="dark"] .header,
html[data-theme="dark"] .admin table,
html[data-theme="dark"] .editor,
html[data-theme="dark"] .inquiry,
html[data-theme="dark"] .empty-state { background:#142536; color:#e0eaf2; }
html[data-theme="dark"] .focus-strip,
html[data-theme="dark"] .about,
html[data-theme="dark"] .contact-section,
html[data-theme="dark"] .admin { background:#101f2e; }
html[data-theme="dark"] .service:first-child { background:#172c3c; }
html[data-theme="dark"] .service:hover { background:#1a3244; }
html[data-theme="dark"] .services,
html[data-theme="dark"] .service,
html[data-theme="dark"] .focus-strip,
html[data-theme="dark"] .steps>div,
html[data-theme="dark"] .editor,
html[data-theme="dark"] .inquiry,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .page-link,
html[data-theme="dark"] .admin-tabs,
html[data-theme="dark"] td,
html[data-theme="dark"] th { border-color:#354d60; }
html[data-theme="dark"] .divider { background:#354d60; }
html[data-theme="dark"] .brand-icon { border-color:#46647a; }
html[data-theme="dark"] .section-heading>p,
html[data-theme="dark"] .service p,
html[data-theme="dark"] .steps p,
html[data-theme="dark"] .about>div>p:not(.eyebrow),
html[data-theme="dark"] .contact-section>div>p:not(.eyebrow),
html[data-theme="dark"] .contact-note,
html[data-theme="dark"] .detail .lead,
html[data-theme="dark"] .admin-intro,
html[data-theme="dark"] .record-slug,
html[data-theme="dark"] .editor>p,
html[data-theme="dark"] .signed-in,
html[data-theme="dark"] .inquiry small,
html[data-theme="dark"] .field-note,
html[data-theme="dark"] .focus-strip>span:first-child,
html[data-theme="dark"] .service-top span,
html[data-theme="dark"] .empty-state { color:#b4c6d5; }
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .service-top,
html[data-theme="dark"] .steps span,
html[data-theme="dark"] .edit-button,
html[data-theme="dark"] .inquiry a,
html[data-theme="dark"] .feedback,
html[data-theme="dark"] .header nav a:hover { color:#76d6e5; }
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] label input,
html[data-theme="dark"] label textarea { background:#0b1926; color:#edf4f9; border-color:#516d82; }
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color:#a1b5c5; opacity:1; }
html[data-theme="dark"] input:read-only { color:#b4c6d5; background:#152739; }
html[data-theme="dark"] .button.secondary,
html[data-theme="dark"] .badge { background:#254354; color:#d3edf4; }
html[data-theme="dark"] .theme-toggle { background:#1c3448; color:#e5f1f7; border-color:#516d82; }
html[data-theme="dark"] .theme-toggle:hover { background:#294b61; }
html[data-theme="dark"] .notice { background:#133e46; color:#a9edf1; border-color:#40838d; }
html[data-theme="dark"] .error { background:#45232a; color:#ffccd0; border-color:#a45f69; }
@media(max-width:1200px) {
  .header { height:auto; min-height:100px; flex-wrap:wrap; padding-top:20px; padding-bottom:20px; }
  .header nav { order:3; flex-basis:100%; justify-content:center; flex-wrap:wrap; }
}
@media(max-width:700px) {
  .header-actions { flex-wrap:wrap; gap:12px; }
  .header nav { justify-content:space-between; row-gap:12px; }
}
@media(max-width:420px) {
  .header-actions { width:100%; justify-content:space-between; }
}

.check-row {display:flex;align-items:center;gap:10px}.check-row input[type="checkbox"]{width:20px;height:20px;margin:0;flex-shrink:0}.admin-tabs{flex-wrap:wrap;row-gap:15px}.editor+.editor{margin-top:28px}.setup input[readonly]{font-family:monospace;font-size:16px}.setup pre{overflow-wrap:anywhere;white-space:pre-wrap}
