/* Hourly-style masthead (2026-10-12, owner: "i want to see it like hourly").
   Scope: the header caption band and the section tabs only. Loaded last so it
   wins over the skin layers; the :root chain beats their !important rules. */
:root:root:root:root:root:root:root:root:root:root body header.top { border-bottom: 1px solid #1a1410 !important; }
:root:root:root:root:root:root:root:root:root:root body header.top .tag {
  background: repeating-linear-gradient(0deg, rgba(26,20,16,.06) 0 1px, transparent 1px 3px), #fffaf3 !important;
  color: #8a7f74 !important;
  font-family: "Geist Mono", ui-monospace, monospace !important; font-size: 10px !important; font-weight: 400 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(26,20,16,.18) !important;
}
:root:root:root:root:root:root:root:root:root:root body nav.rail .rl-n { display: none !important; }
:root:root:root:root:root:root:root:root:root:root body nav.rail .rl-l {
  font-family: "Geist Mono", ui-monospace, monospace !important; font-size: 11.5px !important; font-weight: 500 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* HOME section (the landing, inside the app shell). Hero in the Hourly
   grammar: big statement, two actions. The shell pins font and size with
   !important, so these carry ten :root repeats. */
:root:root:root:root:root:root:root:root:root:root body .hm{padding:clamp(40px,8vw,96px) clamp(16px,4vw,48px) clamp(48px,8vw,96px) !important}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-h{margin:0 !important;font:600 clamp(32px,5vw,64px)/1.04 Inter,system-ui,sans-serif !important;letter-spacing:-.02em !important;color:#1a1410 !important;text-transform:none !important}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-h span{display:block !important;font:inherit !important;letter-spacing:inherit !important;color:inherit !important}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-h span.o{color:#fe6102 !important}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-cta{display:flex !important;gap:10px;flex-wrap:wrap;margin-top:clamp(36px,4vw,56px)}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-b{display:inline-flex !important;align-items:center;height:40px;padding:0 18px;border:1.5px solid #1a1410 !important;border-radius:0 !important;
  font:500 12px/1 "Geist Mono",ui-monospace,monospace !important;letter-spacing:.08em !important;text-transform:uppercase !important;text-decoration:none !important;color:#1a1410 !important;background:transparent !important}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-b.p{background:#fe6102 !important;border-color:#fe6102 !important;color:#fff !important}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-b:not(.p):hover{background:#1a1410 !important;color:#fffaf3 !important}
@media(max-width:520px){:root:root:root:root:root:root:root:root:root:root body .hm .hm-b{flex:1 1 100%;justify-content:center}}

/* The static orange separators framing the first tab (tva-light.css) read as a
   selection in the Hourly header; the active tab is marked by ink instead. */
:root:root:root:root:root:root:root:root:root:root body nav.rail .rl-item[data-sec="today"]::after{display:none !important}
:root:root:root:root:root:root:root:root:root:root body nav.rail{border-left:0 !important}
:root:root:root:root:root:root:root:root:root:root body nav.rail .rl-item[data-sec="today"]{margin:0 !important}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-n{display:flex !important;align-items:baseline;gap:14px;flex-wrap:wrap;margin:22px 0 0 !important;font:400 14px/1.3 Inter,system-ui,sans-serif !important;color:#6b5f55 !important}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-n b{font:500 clamp(36px,6vw,68px)/1 "JetBrains Mono",ui-monospace,monospace !important;font-variant-numeric:tabular-nums;color:#1a1410 !important;min-width:9ch}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-n i,:root:root:root:root:root:root:root:root:root:root body .hm .hm-n i b{font-style:normal !important}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-n i b{font:inherit !important;color:inherit !important;min-width:0}

/* footer record count: bigger figure beside "surface rows recorded" */
@media (min-width:900px){
:root:root:root:root:root:root:root:root:root:root body .foot-bar #tr-rows,
:root:root:root:root:root:root:root:root:root:root body > footer .foot-bar .tr-count > b,
:root:root:root:root:root:root:root:root:root:root body > footer .foot-bar .tr-count > b .odo-c{font-size:30px !important;line-height:1 !important}
}

/* Home: team members from, logos in grey, colour on hover (from the old /get landing) */
:root:root:root:root:root:root:root:root:root:root body .hm .hm-team{display:flex !important;align-items:center;gap:20px;flex-wrap:wrap;margin-top:clamp(36px,4vw,56px)}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-th{font:400 11px/1 "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.06em;text-transform:uppercase;color:#6b5f55 !important}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-tl{display:flex;align-items:center;gap:26px}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-tl a{display:block;transition:transform .18s ease}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-tl a:hover{transform:translateY(-2px)}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-tl img{display:block;height:34px;width:auto;filter:grayscale(1);opacity:.7;transition:filter .18s ease,opacity .18s ease}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-tl a:hover img{filter:none;opacity:1}
@media(max-width:520px){:root:root:root:root:root:root:root:root:root:root body .hm .hm-tl{gap:22px}:root:root:root:root:root:root:root:root:root:root body .hm .hm-team{gap:12px}}