/* Utility Tracker hub */
.ut-hero h1 { max-width: 7.2em; }
.ut-hero .lede { max-width: 560px; }
.ut-note { margin-top: 18px; font-size: 14px; color: var(--muted); max-width: 420px; }

.ut-strip { margin-bottom: 32px; padding: 16px 22px; border-radius: var(--radius-sm); background: rgba(240, 90, 40, .07);
  border: 1px solid rgba(240, 90, 40, .22); font-size: 15px; line-height: 1.6; color: var(--ink); }
.ut-strip a { margin-right: 14px; font-weight: 700; border-bottom: 2px solid var(--accent); }
.ut-strip small { display: block; margin-top: 4px; font-size: 13px; color: var(--muted); }

.ut-card { display: flex; flex-direction: column; align-items: flex-start; }
.ut-type { margin-bottom: 22px; }
.ut-area { margin-top: 8px; font-size: 15px; color: var(--muted); }
.ut-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }
.ut-stats b { display: block; font-family: 'Outfit', sans-serif; font-weight: 800; font-size: 34px; line-height: 1; letter-spacing: -0.03em; color: var(--ink); }
.ut-stats b.is-on { color: var(--accent); }
.ut-stats span { display: block; margin-top: 6px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.ut-status { margin-top: 20px; font-size: 14.5px; line-height: 1.55; color: var(--muted); }
.ut-status b { color: var(--ink); }
.ut-status .is-red { color: #b91c1c; }
.ut-status .is-amber { color: #b45309; }
.ut-card .link-arrow { margin-top: auto; padding-top: 24px; }

.ut-updates { border-top: 1px solid var(--line); }
.ut-empty { padding: 28px 0; color: var(--muted); }
.ut-row { display: flex; gap: 22px; align-items: baseline; padding: 22px 0; border-bottom: 1px solid var(--line); transition: color .25s; }
.ut-row:hover .ut-row__title { color: var(--accent); }
.ut-row__tag { flex: none; min-width: 96px; justify-content: center; }
.ut-row__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ut-row__title { font-weight: 700; font-size: 17px; color: var(--ink); transition: color .25s; }
.ut-row__meta { font-size: 14px; color: var(--muted); overflow-wrap: anywhere; }

.ut-feats { list-style: none; }
.ut-feats .num { display: block; margin-bottom: 18px; }
[data-theme="dark"] .ut-feats .copy { color: rgba(255, 255, 255, .78); }

.ut-next { display: grid; grid-template-columns: 1.3fr 1fr; gap: clamp(40px, 6vw, 110px); align-items: end; }
.ut-next .copy { margin-top: 20px; }
.ut-next .tags { margin-top: 26px; }
.ut-disclaimer { font-size: 14px; line-height: 1.65; color: var(--muted); padding-left: 20px; border-left: 2px solid var(--accent); }

@media (max-width: 1100px) {
  .ut-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .ut-hero { padding-bottom: 210px; }   /* empty band below the lede for the pole and wire */
  .ut-grid { grid-template-columns: 1fr; }
  .ut-row { flex-direction: column; gap: 10px; }
  .ut-next { grid-template-columns: 1fr; }
}
#pwaInstallBtn[hidden], #pwaNote[hidden], .ut-strip[hidden] { display: none !important; }