/* Layout: one working column. Status first, problems second, full ledger third, reference last. */
:root {
  --bg:#F2F5F4; --surface:#FFFFFF; --ink:#16201D; --muted:#586661; --line:#D7DEDB; --accent:#0E5E6F;
  --good:#1B7448; --good-bg:#E1F1E8; --warn:#8F5400; --warn-bg:#FBEED6; --bad:#AE2A22; --bad-bg:#FAE5E3; --idle:#586661; --idle-bg:#E6EBE9;
  --display:"Archivo","Helvetica Neue",Arial,sans-serif; --body:"Public Sans",-apple-system,"Segoe UI",Arial,sans-serif; --data:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}


body { background:var(--bg); color:var(--ink); font-family:var(--body); font-size:15px; line-height:1.5; }
.wrap { max-width:1120px; margin:0 auto; padding-inline:20px; padding-block:28px 56px; display:flex; flex-direction:column; gap:32px; }
h1,h2,h3 { font-family:var(--display); margin:0; text-wrap:balance; letter-spacing:-0.01em; }
h1 { font-size:clamp(28px,5vw,40px); font-weight:700; line-height:1.05; }
h2 { font-size:20px; font-weight:600; }
h3 { font-size:16px; font-weight:600; }
p { margin:0; }
.soft { color:var(--muted); }
.eyebrow { font-family:var(--data); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); }
header { display:flex; flex-direction:column; gap:10px; }
.test { border:1.5px dashed var(--warn); background:var(--warn-bg); color:var(--ink); border-radius:6px; padding:12px 14px; max-width:78ch; }
.test strong { color:var(--warn); font-family:var(--data); font-size:12px; letter-spacing:.08em; text-transform:uppercase; display:block; }
.facts { display:grid; grid-template-columns:auto 1fr; gap:4px 16px; font-size:14px; }
.facts dt { color:var(--muted); } .facts dd { margin:0; min-width:0; }
.tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); background:var(--surface); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.tile { padding:14px 16px; display:flex; flex-direction:column; gap:2px; box-shadow:0 0 0 .5px var(--line); }
.tile .num { font-family:var(--display); font-weight:700; font-size:32px; line-height:1.1; font-variant-numeric:tabular-nums; }
.tile .lab { font-size:13px; color:var(--muted); }
.tile.t-ok .num { color:var(--good); } .tile.t-rerun .num { color:var(--bad); } .tile.t-warn .num { color:var(--warn); }
.volume { display:flex; flex-wrap:wrap; gap:6px 28px; font-size:14px; color:var(--muted); }
.volume b { color:var(--ink); font-family:var(--data); font-weight:500; font-variant-numeric:tabular-nums; }
section { display:flex; flex-direction:column; gap:12px; }
.lede { color:var(--muted); max-width:72ch; font-size:14px; }
.chip { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; padding:2px 9px 2px 8px; border-radius:999px; white-space:nowrap; }
.chip::before { content:""; width:8px; height:8px; flex:none; }
.chip.ok { background:var(--good-bg); color:var(--good); } .chip.ok::before { background:var(--good); border-radius:50%; }
.chip.rerun { background:var(--bad-bg); color:var(--bad); } .chip.rerun::before { background:var(--bad); transform:rotate(45deg); }
.chip.idle { background:var(--idle-bg); color:var(--idle); } .chip.idle::before { border:1.5px solid var(--idle); border-radius:50%; box-sizing:border-box; }
.attn { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.attn > div { padding:14px 16px; display:flex; flex-direction:column; gap:8px; }
.attn > div + div { border-top:1px solid var(--line); }
.attn .top { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 12px; }
.attn .why { font-size:14px; }
.attn ul { margin:0; padding-left:18px; font-size:14px; display:flex; flex-direction:column; gap:2px; }
details { font-size:14px; }
summary { cursor:pointer; color:var(--accent); font-weight:600; width:fit-content; }
summary:focus-visible, button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.citylist { margin-top:8px; display:flex; flex-direction:column; gap:10px; }
.citylist h4 { margin:0 0 2px; font-size:13px; font-family:var(--body); font-weight:600; }
.citylist p { color:var(--muted); font-size:13.5px; max-width:95ch; }
.filters { display:flex; flex-wrap:wrap; gap:8px; }
.filters button { font:inherit; font-size:13.5px; font-weight:600; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:5px 12px; cursor:pointer; }
.filters button[aria-pressed="true"] { background:var(--ink); color:var(--bg); border-color:var(--ink); }
.filters .ct { font-family:var(--data); font-weight:400; opacity:.75; margin-left:4px; }
.scroll { overflow-x:auto; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
table { border-collapse:collapse; width:100%; min-width:900px; font-size:14px; }
th,td { padding:9px 12px; text-align:right; border-bottom:1px solid var(--line); white-space:nowrap; }
th { font-size:12px; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; vertical-align:bottom; white-space:normal; line-height:1.25; }
th:first-child,td:first-child,th:nth-child(2),td:nth-child(2) { text-align:left; }
td.num { font-family:var(--data); font-variant-numeric:tabular-nums; }
td.st b { font-family:var(--display); font-weight:600; } td.st span { color:var(--muted); font-size:13px; margin-left:6px; }
tbody tr:last-child td { border-bottom:0; }
tr.r-not_run td { color:var(--muted); }
td.hot { color:var(--bad); font-weight:600; } td.lim { color:var(--warn); font-weight:500; } td.zero { color:var(--muted); }
.d { font-family:var(--data); font-size:13px; font-variant-numeric:tabular-nums; }
.d.flat,.d.none { color:var(--muted); font-family:var(--body); }
.d.flag { color:var(--bad); font-weight:600; }
.chk { font-family:var(--body); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; background:var(--bad-bg); color:var(--bad); border-radius:4px; padding:1px 5px; margin-left:6px; }
.limgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px 24px; }
.limgrid h4 { margin:0 0 4px; font-family:var(--display); font-size:14px; font-weight:600; }
.limgrid ul { margin:0; padding:0; list-style:none; font-size:13.5px; color:var(--muted); }
.limgrid li span { font-family:var(--data); font-size:12.5px; }
.key { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px 28px; font-size:14px; }
.key dt { font-weight:600; } .key dd { margin:0; color:var(--muted); }
.key > div { min-width:0; }
footer { border-top:1px solid var(--line); padding-top:14px; font-size:13px; color:var(--muted); }
@media (max-width:520px) { .facts { grid-template-columns:1fr; gap:0; } .facts dd { margin-bottom:6px; } }

/* ── site chrome ── */
.wrap { max-width:1180px; }
.top { background:var(--surface); border-bottom:1px solid var(--line); position:sticky; top:env(safe-area-inset-top, 0px); z-index:5; }
.top .in { max-width:1180px; margin:0 auto; padding-inline:20px; display:flex; flex-wrap:wrap; align-items:center; gap:6px 22px; min-height:52px; }
.brand { font-family:var(--display); font-weight:700; font-size:17px; color:var(--ink); text-decoration:none; letter-spacing:-0.01em; }
.top nav { display:flex; gap:4px; flex:1; }
.top nav a { color:var(--muted); text-decoration:none; font-weight:600; font-size:14.5px; padding:15px 10px 13px; border-bottom:2px solid transparent; }
.top nav a:hover { color:var(--ink); }
.top nav a[aria-current="page"] { color:var(--ink); border-bottom-color:var(--accent); }
.who { display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--muted); }
.who form { margin:0; }
.testbar { background:var(--warn-bg); color:var(--ink); font-size:13px; padding:6px 20px; text-align:center; border-bottom:1px dashed var(--warn); }
.flash { background:var(--good-bg); color:var(--good); border-radius:6px; padding:10px 14px; font-weight:600; font-size:14px; }
.flash.bad { background:var(--bad-bg); color:var(--bad); }
.pagehead { display:flex; flex-direction:column; gap:6px; }
.rhead { display:flex; flex-direction:column; gap:10px; }
.foot { font-size:13px; color:var(--muted); border-top:1px solid var(--line); padding-top:14px; }
a { color:var(--accent); }
/* buttons and forms */
.btn { font:inherit; font-size:14px; font-weight:600; border-radius:6px; padding:8px 14px; cursor:pointer; border:1px solid var(--line); background:var(--surface); color:var(--ink); text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.btn:hover { border-color:var(--muted); }
.btn.primary { background:var(--accent); border-color:var(--accent); color:var(--surface); }
.btn.primary:hover { filter:brightness(1.08); }
.btn.small { padding:4px 10px; font-size:13px; }
.btn[disabled] { opacity:.5; cursor:default; }
.btn:focus-visible, input:focus-visible, select:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.panel { background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:18px; display:flex; flex-direction:column; gap:16px; }
.formgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px 20px; }
.field { display:flex; flex-direction:column; gap:5px; min-width:0; }
.field label, .field .lbl { font-size:13px; font-weight:600; }
.field .hint { font-size:12.5px; color:var(--muted); }
input[type=text], input[type=email], input[type=password], input[type=search], select { font:inherit; font-size:14.5px; color:var(--ink); background:var(--bg); border:1px solid var(--line); border-radius:6px; padding:8px 10px; width:100%; box-sizing:border-box; }
.unit { display:flex; align-items:center; gap:8px; } .unit span { color:var(--muted); font-size:13px; white-space:nowrap; }
.statepick { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:4px 14px; }
.statepick label { display:flex; align-items:center; gap:7px; font-size:14px; padding:3px 0; cursor:pointer; }
.statepick b { font-family:var(--display); font-weight:600; min-width:24px; }
.row { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; }
.spread { justify-content:space-between; }
.boxnote { font-size:13.5px; color:var(--muted); background:var(--bg); border-radius:6px; padding:8px 12px; }
.boxnote b { color:var(--ink); font-weight:600; }
/* plain tables */
table.list { min-width:720px; }
table.list td, table.list th { text-align:left; }
table.list td.num, table.list th.num { text-align:right; }
table.list td a.main { font-family:var(--display); font-weight:600; text-decoration:none; }
table.list td a.main:hover { text-decoration:underline; }
.chip.run { background:var(--warn-bg); color:var(--warn); } .chip.run::before { background:var(--warn); border-radius:2px; }
.sig { font-family:var(--data); font-size:12.5px; font-weight:500; padding:1px 7px; border-radius:4px; display:inline-block; min-width:24px; text-align:center; }
.sig.A1, .sig.A2 { background:var(--good-bg); color:var(--good); }
.sig.B1, .sig.B2 { background:var(--warn-bg); color:var(--warn); }
.sig.C1, .sig.C2, .sig.C3 { background:var(--idle-bg); color:var(--idle); }
/* progress */
.bar { height:10px; background:var(--idle-bg); border-radius:999px; overflow:hidden; max-width:520px; }
.bar > i { display:block; height:100%; background:var(--accent); border-radius:999px; transition:width .4s; }
/* markets results */
.tabs { display:flex; gap:4px; border-bottom:1px solid var(--line); }
.tabs button { font:inherit; font-weight:600; font-size:14.5px; background:none; border:0; border-bottom:2px solid transparent; padding:9px 12px; color:var(--muted); cursor:pointer; }
.tabs button[aria-selected="true"] { color:var(--ink); border-bottom-color:var(--accent); }
.tools { display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; }
.tools select, .tools input[type=search] { width:auto; min-width:150px; }
.sigpick { display:flex; gap:4px; }
.sigpick button { font-family:var(--data); font-size:12.5px; border:1px solid var(--line); background:var(--surface); color:var(--muted); border-radius:4px; padding:4px 8px; cursor:pointer; }
.sigpick button[aria-pressed="true"] { background:var(--ink); color:var(--bg); border-color:var(--ink); }
.check { display:flex; align-items:center; gap:7px; font-size:14px; cursor:pointer; }
table.grid { min-width:980px; }
table.grid th { cursor:pointer; user-select:none; white-space:nowrap; }
table.grid th[data-sort]::after { content:" ↕"; opacity:.35; }
table.grid th[aria-sort="ascending"]::after { content:" ↑"; opacity:1; }
table.grid th[aria-sort="descending"]::after { content:" ↓"; opacity:1; }
table.grid td.l, table.grid th.l { text-align:left; }
table.grid td.skip { color:var(--muted); font-size:13px; text-align:left; white-space:normal; min-width:160px; }
table.grid tr.picked td { background:color-mix(in srgb, var(--accent) 9%, transparent); }
table.grid tr.dim td { color:var(--muted); }
.pager { display:flex; align-items:center; gap:12px; font-size:13.5px; color:var(--muted); }
.selbar { position:sticky; bottom:0; background:var(--surface); border:1px solid var(--line); border-radius:8px 8px 0 0; padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; box-shadow:0 -6px 18px -12px var(--ink); }
.selbar .count { font-family:var(--display); font-weight:600; font-size:15px; }
.selbar .grow { flex:1; min-width:120px; font-size:13px; color:var(--muted); }
.reasons { margin:8px 0 0; padding:0; list-style:none; font-size:13.5px; display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2px 24px; }
.reasons b { font-family:var(--data); font-weight:500; display:inline-block; min-width:70px; text-align:right; margin-right:8px; }
.logincard { max-width:380px; margin:8vh auto 0; }

.bar > i.busy { animation:slide 1.4s ease-in-out infinite alternate; }
@keyframes slide { from { margin-left:0 } to { margin-left:65% } }
@media (prefers-reduced-motion: reduce) { .bar > i.busy { animation:none } }

[hidden] { display:none !important; }
img { max-width:100%; }

/* ── list steps ── */
.steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--surface); }
.steps > * { display:flex; gap:12px; align-items:center; padding:12px 16px; text-decoration:none; color:var(--ink); box-shadow:0 0 0 .5px var(--line); min-width:0; }
.steps .n { flex:none; width:28px; height:28px; border-radius:50%; border:1.5px solid var(--line); display:grid; place-items:center; font-family:var(--display); font-weight:600; font-size:14px; color:var(--muted); }
.steps b { display:block; font-family:var(--display); font-weight:600; font-size:15px; }
.steps small { display:block; color:var(--muted); font-size:13px; }
.steps .on { background:color-mix(in srgb, var(--accent) 8%, var(--surface)); }
.steps .on .n { border-color:var(--accent); color:var(--accent); }
.steps .done .n { background:var(--good); border-color:var(--good); color:var(--surface); }
.steps .off { color:var(--muted); } .steps .off b { color:var(--muted); }
.steps a:hover b { text-decoration:underline; }
.twocol { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:16px; align-items:start; }
.todo { margin:0; padding:0; list-style:none; font-size:14px; display:flex; flex-direction:column; gap:6px; }
.todo li::before { content:"○"; margin-right:8px; color:var(--muted); }
.todo li.yes::before { content:"●"; color:var(--good); }
input[type=file] { font:inherit; font-size:14px; }

.tplgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px; align-items:start; }
.rules { display:grid; grid-template-columns:auto 1fr; gap:3px 14px; margin:0; font-size:13.5px; }
.rules dt { color:var(--muted); } .rules dd { margin:0; min-width:0; }

/* ── searchable multi-select (states) ── */
.msel { position:relative; max-width:420px; }
.msel-btn { width:100%; display:flex; justify-content:space-between; align-items:center; gap:10px; font:inherit; font-size:14.5px; color:var(--ink); background:var(--bg); border:1px solid var(--line); border-radius:6px; padding:8px 10px; cursor:pointer; text-align:left; }
.msel-btn:hover { border-color:var(--muted); }
.msel-btn[aria-expanded="true"] { border-color:var(--accent); }
.msel-caret { color:var(--muted); font-size:12px; }
.msel-panel { position:absolute; z-index:20; top:calc(100% + 4px); left:0; right:0; background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:0 12px 30px -12px rgba(0,0,0,.35); padding:10px; display:flex; flex-direction:column; gap:8px; }
.msel-actions { gap:8px; }
.msel-list { max-height:260px; overflow-y:auto; display:flex; flex-direction:column; }
.msel-opt { display:flex; align-items:center; gap:8px; padding:5px 6px; border-radius:4px; font-size:14px; cursor:pointer; }
.msel-opt:hover { background:var(--bg); }
.msel-opt b { font-family:var(--display); font-weight:600; min-width:26px; }
.msel-none { margin:6px; font-size:13.5px; }
.chips { display:flex; flex-wrap:wrap; gap:6px; }
.chipbtn { font:inherit; font-size:12.5px; font-weight:600; border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:999px; padding:2px 10px; cursor:pointer; }
.chipbtn:hover { border-color:var(--bad); color:var(--bad); }

/* column filters (colfilter.js) */
.cf { gap: 8px; flex-wrap: wrap; align-items: center; }
.cf-form { display: inline-flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.cf-form select, .cf-form input { width: auto; padding: 5px 8px; font-size: 13.5px; }
.cf-chips { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.cf-chip { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; padding: 3px 4px 3px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg); }
.cf-chip button { border: 0; background: none; cursor: pointer; font-size: 15px; line-height: 1; padding: 0 6px; color: inherit; }


/* ════════════════════════════════════════════════════════════════════════════
   Zeres theme (2026-10-09): matches zeresland.com — Manrope headings, Cabin text,
   fern green #658753, deep green-black #12251D, light green #DDF0C2, rounder corners.
   The earlier look is kept in site.css.bak_before_zeres_theme_20261009.
   ════════════════════════════════════════════════════════════════════════════ */
:root {
  --bg:#FAFAF7; --surface:#FFFFFF; --ink:#12251D; --muted:#5D6B62; --line:#E2EADA; --accent:#658753;
  --accent-dark:#577748; --accent-soft:#DDF0C2; --accent-tint:#F2F8EA;
  --good:#4F7A3D; --good-bg:#E6F3D6; --idle:#5D6B62; --idle-bg:#EEF2EA;
  --display:"Manrope",Arial,sans-serif; --body:"Cabin",Arial,sans-serif; --data:"Manrope",Arial,sans-serif;
  --r-sm:10px; --r-md:14px; --r-lg:20px;
}



body { font-size:15.5px; }
h1 { font-weight:800; letter-spacing:-0.01em; }
h2 { font-weight:700; font-size:21px; }
h3 { font-weight:700; }
.eyebrow { font-family:var(--display); font-weight:700; letter-spacing:.1em; color:var(--accent); }

/* header like the company site: logo, green active link, green pill buttons */
.top { box-shadow:0 1px 0 var(--line); border-bottom:0; }
.top .in { min-height:64px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; }
.brand img { height:22px; width:auto; display:block; }
.brand span { padding-left:10px; border-left:1.5px solid var(--line); color:var(--ink); font-size:16px; }
.top nav a { font-family:var(--body); font-weight:500; font-size:15.5px; color:var(--ink); padding:21px 12px 19px; }
.top nav a:hover { color:var(--accent); }
.top nav a[aria-current="page"] { color:var(--accent); font-weight:700; border-bottom-color:var(--accent); }

/* buttons */
.btn { font-family:var(--body); font-weight:600; border-radius:var(--r-sm); padding:9px 16px; border-color:var(--line); }
.btn:hover { border-color:var(--accent); color:var(--accent); }
.btn.primary { background:var(--accent); border-color:var(--accent); color:#FFFDFD; font-weight:700; }
.btn.primary:hover { background:var(--accent-dark); border-color:var(--accent-dark); color:#FFFDFD; filter:none; }
.btn.small { border-radius:8px; padding:5px 11px; }

/* surfaces */
.panel, .tiles, .steps, .scroll, .attn { border-radius:var(--r-md); border-color:var(--line); }
.panel { box-shadow:0 1px 2px rgba(18,37,29,.04); }
.tile .num { font-weight:800; }
.tile.t-ok .num { color:var(--accent); }
.flash { border-radius:var(--r-sm); }
.boxnote { border-radius:var(--r-sm); background:var(--accent-tint); }
.selbar { border-radius:var(--r-md) var(--r-md) 0 0; }
input[type=text], input[type=email], input[type=password], input[type=search], select, .msel-btn { border-radius:var(--r-sm); background:var(--surface); }
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, select:focus { border-color:var(--accent); }
.btn:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible, button:focus-visible { outline-color:var(--accent); }

/* step tracker, tabs, toggles */
.steps .on { background:var(--accent-tint); }
.steps .on .n { border-color:var(--accent); color:var(--accent); }
.steps .done .n { background:var(--accent); border-color:var(--accent); }
.tabs button[aria-selected="true"] { color:var(--accent); border-bottom-color:var(--accent); }
.sigpick button[aria-pressed="true"], .filters button[aria-pressed="true"] { background:var(--accent); border-color:var(--accent); color:#FFFDFD; }
.chip.ok { background:var(--good-bg); color:var(--good); }
.bar > i { background:var(--accent); }
summary { color:var(--accent); }
a { color:var(--accent); }
a:hover { color:var(--accent-dark); }
.cf-chip { border-color:var(--accent-soft); background:var(--accent-tint); }
th { font-family:var(--display); }
.steps .done .n, .steps .on.done .n { background:var(--accent); border-color:var(--accent); color:#FFFDFD; }



/* Light-green panels like zeresland.com (2026-10-09): green sections, white cards and inputs inside. */
:root { --panel:#DDF0C2; --panel-line:#C6E0A3; }


.panel { background:var(--panel); border-color:transparent; border-radius:var(--r-lg); box-shadow:none; }
.panel .scroll, .panel .tiles, .panel .boxnote, .panel .attn { background:var(--surface); border-color:var(--panel-line); }
.panel input[type=text], .panel input[type=email], .panel input[type=password], .panel input[type=search], .panel select, .panel .msel-btn { background:var(--surface); border-color:var(--panel-line); }
.panel .btn:not(.primary) { background:var(--surface); border-color:var(--panel-line); }
.panel .btn:not(.primary):hover { border-color:var(--accent); }
.panel .soft, .panel .hint { color:#4E5D54; }
.panel .chip.ok { background:var(--surface); }
.panel .cf-chip { background:var(--surface); }
.panel table.list th, .panel table.list td { border-color:var(--panel-line); }


.tiles { border-color:var(--panel-line); }


/* Always light for everyone (Ela, 2026-10-09), whatever the computer's dark-mode setting. */
:root { color-scheme: light; }
.logincard .brandhead { text-align:center; padding:10px 0 8px; }
.logincard .brandlogo { height:46px; width:auto; display:block; margin:0 auto 26px; }
.logincard .brandhead h1 { font-size:30px; margin:0; }