/* Home for a leader — redesigned 6 Oct 2026 (owner: "elegant, professional, Athena's orange theme, hover effects, easy to
   understand"). One warm canvas, white cards with a gold hairline, gold icon tiles that title every section, one type
   scale, data colours (positive / negative) kept apart from the gold accent. Tokens only, so dark mode follows.
   Scoped under .lx.hm because leaderboard.css (shared card base) and polish.css / alignment.css load around it. */

.lx.hm {
  --hm-gold: var(--accent);
  --hm-gold-2: var(--accent-strong);
  --hm-ink: var(--accent-ink);
  --hm-on-gold: #2a1c05;
  --hm-line: color-mix(in srgb, var(--accent) 15%, var(--line));
  --hm-tint: color-mix(in srgb, var(--accent) 7%, var(--surface));
  --hm-shadow: 0 1px 2px rgba(70, 45, 8, .05), 0 10px 26px -18px rgba(90, 60, 10, .28);
  --hm-shadow-h: 0 2px 6px rgba(70, 45, 8, .06), 0 24px 46px -24px rgba(160, 100, 15, .42);
  --hm-ease: cubic-bezier(.2, .7, .2, 1);
  gap: 22px; padding: 30px 30px 28px; border-radius: 28px;
  border: 1px solid var(--hm-line);
  background:
    radial-gradient(900px 340px at 92% -8%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 70%),
    radial-gradient(700px 300px at -5% 0%, color-mix(in srgb, var(--accent-soft) 90%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 80%, var(--surface)), color-mix(in srgb, var(--accent-soft) 30%, var(--bg)) 520px, var(--bg));
  box-shadow: 0 30px 70px -50px rgba(110, 70, 10, .45);
}
.lx.hm.is-loading, .hm .is-loading { opacity: .55; pointer-events: none; transition: opacity .2s; }
.hm-wait { display: flex; gap: 10px; align-items: center; justify-content: center; padding: 60px; color: var(--text-2); font-size: 14px; }
.hm-wait svg { color: var(--hm-gold, var(--accent)); animation: hm-pulse 1.4s ease-in-out infinite; }
@keyframes hm-pulse { 50% { opacity: .35; transform: scale(.9); } }

/* ---------- shared pieces ---------- */
.lx.hm .hm-pos { color: var(--pos-ink); }
.lx.hm .hm-neg { color: var(--neg-ink); }
.lx.hm .hm-note { margin: 0; color: var(--text-3); font-size: 12px; line-height: 1.5; }
.lx.hm .hm-arrow { display: inline-flex; transition: transform .25s var(--hm-ease); }
.lx.hm a:hover .hm-arrow, .lx.hm button:hover .hm-arrow { transform: translateX(3px); }
.lx.hm .hm-empty { display: flex; gap: 10px; align-items: center; padding: 14px 16px; border-radius: 14px; border: 1px dashed var(--hm-line); background: color-mix(in srgb, var(--surface) 60%, transparent); color: var(--text-3); font-size: 13px; }
.lx.hm .hm-empty svg { color: var(--hm-gold); flex: none; }
.lx.hm .hm-tag, .hm-pop .hm-tag { display: inline-block; padding: 2px 9px; border-radius: 999px; background: var(--surface-2); color: var(--text-2); font: normal 650 10.5px/1.5 var(--font); }
.lx.hm .hm-tag.f, .hm-pop .hm-tag.f { background: color-mix(in srgb, var(--pos) 13%, var(--surface)); color: var(--pos-ink); }
.lx.hm .hm-tag.a, .hm-pop .hm-tag.a { background: color-mix(in srgb, var(--neg) 12%, var(--surface)); color: var(--neg-ink); }
.lx.hm .hm-all { align-self: flex-start; display: inline-flex; gap: 6px; align-items: center; margin-top: 2px; padding: 7px 14px; border-radius: 999px;
  font: 650 12.5px var(--font); color: var(--hm-ink); text-decoration: none; background: color-mix(in srgb, var(--accent) 12%, var(--surface)); border: 1px solid color-mix(in srgb, var(--accent) 26%, transparent);
  transition: background .2s, border-color .2s, box-shadow .2s; }
.lx.hm .hm-all:hover { background: color-mix(in srgb, var(--accent) 22%, var(--surface)); border-color: var(--hm-gold); box-shadow: 0 6px 16px -10px rgba(160, 100, 15, .6); }

/* ---------- cards ---------- */
.lx.hm .lx-card { position: relative; background: var(--surface); backdrop-filter: none; border: 1px solid var(--hm-line); border-radius: 22px; padding: 20px 22px;
  gap: 16px; box-shadow: var(--hm-shadow); transition: transform .3s var(--hm-ease), box-shadow .3s var(--hm-ease), border-color .3s; }
.lx.hm .lx-card::before { content: ''; position: absolute; left: 24px; right: 24px; top: -1px; height: 2px; border-radius: 2px; z-index: 3; pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--hm-gold), transparent); transform: scaleX(0); transition: transform .45s var(--hm-ease); }
.lx.hm .lx-card:hover { transform: translateY(-3px); box-shadow: var(--hm-shadow-h); border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
.lx.hm .lx-card:hover::before { transform: scaleX(1); }

/* Section heading: gold icon tile · title · what it tells you · optional control on the right */
.lx.hm .hm-h { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.lx.hm .hm-h-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px; flex: none; color: var(--hm-ink);
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 26%, var(--surface)), color-mix(in srgb, var(--accent) 10%, var(--surface)));
  border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent); transition: transform .35s var(--hm-ease), background .3s, color .3s; }
.lx.hm .hm-h-ic .hm-hash { font: 800 17px var(--font); }
.lx.hm .lx-card:hover .hm-h-ic { background: linear-gradient(145deg, var(--hm-gold), var(--hm-gold-2)); color: var(--hm-on-gold); transform: rotate(-6deg) scale(1.06); }
.lx.hm .hm-h-t h3 { margin: 0; font: 650 17px/1.25 var(--font); letter-spacing: -.012em; color: var(--text); }
.lx.hm .hm-h-t p { margin: 3px 0 0; font-size: 13px; line-height: 1.45; color: var(--text-2); }
.lx.hm .hm-h-t a { color: var(--hm-ink); }
.lx.hm .hm-h-x { justify-self: end; }

/* ---------- headline ---------- */
.lx.hm .hm-head { display: flex; flex-direction: column; gap: 10px; max-width: 980px; }
.lx.hm .hm-kick { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 5px 13px; border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 14%, var(--surface)); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); color: var(--hm-ink); font: 600 12px var(--font); }
.lx.hm .hm-kick i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .55; }
.lx.hm .hm-head h1 { margin: 4px 0 0; font: 380 clamp(28px, 2.7vw, 42px)/1.12 var(--font); letter-spacing: -.028em; color: var(--text); text-wrap: balance; }
.lx.hm .hm-head h1 b { font-weight: 700; color: var(--hm-ink); }
.lx.hm .hm-lede { margin: 0; max-width: 78ch; font-size: 15px; line-height: 1.6; color: var(--text-2); }

/* Leader switch */
.lx.hm .hm-switch { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.lx.hm .hm-who { display: inline-flex; align-items: center; gap: 10px; padding: 4px 16px 4px 4px; border-radius: 999px; cursor: pointer; font: inherit; text-align: left; color: var(--text);
  background: var(--surface); border: 1px solid var(--hm-line); box-shadow: 0 1px 2px rgba(70, 45, 8, .05); transition: transform .25s var(--hm-ease), box-shadow .25s, border-color .25s, background .25s; }
.lx.hm .hm-who > span:last-child { display: flex; flex-direction: column; line-height: 1.2; }
.lx.hm .hm-who b { font: 650 13px var(--font); }
.lx.hm .hm-who small { font-size: 11px; color: var(--text-3); }
.lx.hm .hm-who:hover:not(:disabled) { transform: translateY(-2px); border-color: var(--hm-gold); box-shadow: 0 10px 22px -14px rgba(160, 100, 15, .55); }
.lx.hm .hm-who.on { background: linear-gradient(135deg, var(--hm-gold), var(--hm-gold-2)); border-color: var(--hm-gold-2); color: var(--hm-on-gold); box-shadow: 0 10px 24px -14px rgba(160, 100, 15, .7); }
.lx.hm .hm-who.on small { color: color-mix(in srgb, var(--hm-on-gold) 72%, transparent); }
.lx.hm .hm-who.on .vz-face { box-shadow: 0 0 0 2px var(--surface); }
.lx.hm .hm-who:disabled { opacity: .5; cursor: default; background: transparent; box-shadow: none; }

/* ---------- four key figures ---------- */
.lx.hm .hm-kpis4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 1100px) { .lx.hm .hm-kpis4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .lx.hm .hm-kpis4 { grid-template-columns: 1fr; } }
.lx.hm .hm-kpi { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto auto; column-gap: 12px; row-gap: 2px; align-content: start;
  padding: 18px 20px; border-radius: 20px; background: var(--surface); border: 1px solid var(--hm-line); box-shadow: var(--hm-shadow); overflow: hidden;
  transition: transform .3s var(--hm-ease), box-shadow .3s var(--hm-ease), border-color .3s; }
.lx.hm .hm-kpi::after { content: ''; position: absolute; inset: auto -30% -60% auto; width: 140px; height: 140px; border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%); opacity: 0; transition: opacity .35s; pointer-events: none; }
.lx.hm .hm-kpi:hover { transform: translateY(-3px); box-shadow: var(--hm-shadow-h); border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
.lx.hm .hm-kpi:hover::after { opacity: 1; }
.lx.hm .hm-kpi-ic { grid-row: 1 / span 2; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: var(--hm-ink);
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 26%, var(--surface)), color-mix(in srgb, var(--accent) 10%, var(--surface))); transition: transform .35s var(--hm-ease); }
.lx.hm .hm-kpi:hover .hm-kpi-ic { transform: scale(1.08) rotate(-5deg); }
.lx.hm .hm-kpi-l { font: 600 13px var(--font); color: var(--text-2); align-self: end; }
.lx.hm .hm-kpi-v { font: 300 38px/1.05 var(--font); letter-spacing: -.035em; font-variant-numeric: tabular-nums; color: var(--text); align-self: start; }
.lx.hm .hm-kpi-v em { font-style: normal; font-size: .55em; margin-left: 2px; color: var(--text-3); }
.lx.hm .hm-kpi.is-pos .hm-kpi-v { color: var(--pos-ink); } .lx.hm .hm-kpi.is-neg .hm-kpi-v { color: var(--neg-ink); }
.lx.hm .hm-kpi > small { grid-column: 1 / -1; margin-top: 6px; font-size: 12.5px; color: var(--text-3); }
.lx.hm .hm-kpi-bar { grid-column: 1 / -1; margin-top: 10px; }
.lx.hm .hm-kpi-bar .hm-bar { height: 10px; font-size: 0; }
.lx.hm .hm-kpi-bar .hm-bar i { padding: 0; }

/* ---------- bars ---------- */
.lx.hm .hm-bar { display: flex; height: 14px; gap: 2px; border-radius: 999px; overflow: hidden; background: var(--surface-2); font: 650 10.5px/14px var(--font); font-variant-numeric: tabular-nums; min-width: 80px; }
.lx.hm .hm-bar.big { height: 26px; line-height: 26px; font-size: 12.5px; }
.lx.hm .hm-bar i { font-style: normal; color: #fff; padding: 0 6px; overflow: hidden; white-space: nowrap; min-width: 3px; transition: filter .2s, transform .2s; }
.lx.hm .hm-bar i[data-drill] { cursor: pointer; }
.lx.hm .hm-bar i[data-drill]:hover { filter: brightness(1.12) saturate(1.1); }
.lx.hm .hm-bar i.p { background: var(--pos); }
.lx.hm .hm-bar i.z { background: color-mix(in srgb, var(--text-3) 38%, var(--surface)); color: var(--text); text-align: center; }
.lx.hm .hm-bar i.n { background: var(--neg); text-align: right; }
.lx.hm .hm-bar.na { background: transparent; height: auto; }
.lx.hm .hm-bar.na i { color: var(--text-3); font: 500 12px var(--font); padding: 0; }
.lx.hm .hm-tug { display: flex; gap: 2px; height: 24px; border-radius: 999px; overflow: hidden; font: 600 11px/24px var(--font); background: var(--surface-2); }
.lx.hm .hm-tug i { font-style: normal; color: #fff; padding: 0 9px; white-space: nowrap; overflow: hidden; flex-shrink: 0 !important; flex-basis: auto !important; min-width: 0; }
.lx.hm .hm-tug i.p { background: var(--pos); color: color-mix(in srgb, var(--pos-ink) 85%, #000); } .lx.hm .hm-tug i.n { background: var(--neg); color: color-mix(in srgb, var(--neg-ink) 85%, #000); text-align: right; }
.lx.hm .hm-tug b { font-weight: 750; }
.lx.hm .hm-tug.na { color: var(--text-3); padding: 0 10px; font-weight: 500; }

/* ---------- portrait + own accounts ---------- */
.lx.hm .hm-hero { display: grid; grid-template-columns: minmax(250px, 300px) minmax(0, 1fr); gap: 16px; align-items: stretch; }
@media (max-width: 860px) { .lx.hm .hm-hero { grid-template-columns: 1fr; } }
.lx.hm .hm-hero > * { grid-area: auto; grid-row: auto; grid-column: auto; }
.lx.hm .hm-face { padding: 0; min-height: 380px; contain: none; border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
  background: linear-gradient(165deg, color-mix(in srgb, var(--accent) 30%, var(--surface-2)), color-mix(in srgb, var(--pc) 22%, var(--surface-3))); }
.lx.hm .hm-face > img.lx-fg { object-fit: cover; object-position: 50% var(--fp, 20%); transition: transform .8s var(--hm-ease); }
.lx.hm .hm-face:hover > img.lx-fg { transform: scale(1.05); }
.lx.hm .hm-face .lx-portrait-f b { font-size: 18px; }

.lx.hm .hm-prof { min-width: 0; }
.lx.hm .hm-pts { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 12px; flex: 1; }
.lx.hm .hm-pt { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 18px; text-align: left; font: inherit; color: var(--text); cursor: pointer;
  background: linear-gradient(160deg, color-mix(in srgb, var(--nc, var(--accent)) 8%, var(--surface)), var(--surface) 65%); border: 1px solid color-mix(in srgb, var(--nc, var(--accent)) 18%, var(--line));
  transition: transform .3s var(--hm-ease), box-shadow .3s var(--hm-ease), border-color .3s; }
.lx.hm button.hm-pt:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--nc) 60%, var(--line)); box-shadow: 0 18px 32px -22px color-mix(in srgb, var(--nc) 70%, transparent); }
.lx.hm .hm-pt-h { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.lx.hm .hm-pt-h > span:nth-child(2) { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.lx.hm .hm-pt-h b { font: 650 14px var(--font); }
.lx.hm .hm-pt-h small { color: var(--text-3); font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lx.hm .hm-pt-h .hm-arrow { color: var(--text-3); }
.lx.hm .hm-pt:hover .hm-pt-h .hm-arrow { color: var(--nc); transform: translateX(3px); }
.lx.hm .hm-pt-ic { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--surface); box-shadow: 0 0 0 1px color-mix(in srgb, var(--nc, var(--accent)) 30%, transparent), 0 4px 10px -6px rgba(0, 0, 0, .25); }
.lx.hm .hm-pt-f { display: flex; align-items: baseline; gap: 6px; }
.lx.hm .hm-pt-f b { font: 300 34px/1 var(--font); letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.lx.hm .hm-pt-f small { color: var(--text-3); font-size: 12.5px; }
.lx.hm .hm-pt-m { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 10px 0; border-top: 1px solid var(--hm-line); border-bottom: 1px solid var(--hm-line); }
.lx.hm .hm-pt-m > span { display: flex; flex-direction: column; font-size: 11.5px; color: var(--text-3); }
.lx.hm .hm-pt-m b { font: 650 15px var(--font); color: var(--text); font-variant-numeric: tabular-nums; }
.lx.hm .hm-pt-r { display: flex; flex-direction: column; gap: 6px; }
.lx.hm .hm-pt-r .hm-bar { height: 10px; font-size: 0; } .lx.hm .hm-pt-r .hm-bar i { padding: 0; }
.lx.hm .hm-pt-rl { font-size: 12.5px; color: var(--text-2); }
.lx.hm .hm-pt-rl b { font-variant-numeric: tabular-nums; }
.lx.hm .hm-pt-q { margin-top: auto; padding: 10px 12px; border-radius: 12px; background: color-mix(in srgb, var(--surface-2) 80%, transparent); color: var(--text-3); font-size: 12.5px; }
.lx.hm .hm-pt.is-quiet .hm-pt-f b { color: var(--text-2); }
.lx.hm .hm-pt-all { cursor: default; background: linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), var(--surface) 70%); border-color: color-mix(in srgb, var(--accent) 32%, var(--line)); }
.lx.hm .hm-pt-all .hm-pt-ic { color: var(--hm-ink); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent); }
.lx.hm .hm-allmood { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.lx.hm .hm-allmood .vz-donut-v { font-size: 22px; }

/* Legend rows (mood, reporters): colour · label · figure; clickable ones tint gold */
.lx.hm .hm-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 130px; font-size: 13px; }
.lx.hm .hm-legend li { display: grid; grid-template-columns: 10px 1fr auto; gap: 10px; align-items: center; padding: 4px 6px; border-radius: 8px; transition: background .2s; }
.lx.hm .hm-legend li i { width: 10px; height: 10px; border-radius: 3px; background: var(--c); }
.lx.hm .hm-legend li b { font: 650 14px var(--font); font-variant-numeric: tabular-nums; }
.lx.hm .hm-legend li[data-drill] { cursor: pointer; }
.lx.hm .hm-legend li[data-drill]:hover { background: color-mix(in srgb, var(--accent) 12%, transparent); }

/* ---------- top post each day ---------- */

/* ---------- comments each way ---------- */
.lx.hm .hm-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 900px) { .lx.hm .hm-two { grid-template-columns: 1fr; } }
.lx.hm .hm-row { display: grid; gap: 16px; }
.lx.hm .hm-voice-h { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.lx.hm .hm-voice-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px; transition: transform .35s var(--hm-ease); }
.lx.hm .is-f .hm-voice-ic { background: color-mix(in srgb, var(--pos) 14%, var(--surface)); color: var(--pos-ink); }
.lx.hm .is-a .hm-voice-ic { background: color-mix(in srgb, var(--neg) 13%, var(--surface)); color: var(--neg-ink); }
.lx.hm .hm-voice:hover .hm-voice-ic { transform: scale(1.08) rotate(-6deg); }
.lx.hm .hm-voice-t { display: flex; flex-direction: column; line-height: 1.3; }
.lx.hm .hm-voice-t b { font: 650 17px var(--font); }
.lx.hm .hm-voice-t small { color: var(--text-2); font-size: 13px; }
.lx.hm .hm-voice-n { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.1; }
.lx.hm .hm-voice-n b { font: 300 36px/1 var(--font); letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.lx.hm .hm-voice-n small { font-size: 11.5px; color: var(--text-3); margin-top: 3px; }
.lx.hm .is-f .hm-voice-n b { color: var(--pos-ink); } .lx.hm .is-a .hm-voice-n b { color: var(--neg-ink); }
.lx.hm .hm-quotes { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.lx.hm .hm-q { padding: 12px 14px 10px 16px; border-radius: 14px; background: var(--hm-tint); border: 1px solid transparent; border-left: 3px solid; transition: background .2s, transform .25s var(--hm-ease), border-color .2s; }
.lx.hm .is-f .hm-q { border-left-color: var(--pos); } .lx.hm .is-a .hm-q { border-left-color: var(--neg); }
.lx.hm .hm-q:hover { transform: translateX(3px); background: var(--surface); border-color: var(--hm-line); }
.lx.hm .hm-q p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.lx.hm .hm-q-f { display: flex; gap: 10px; align-items: center; margin-top: 8px; font-size: 11.5px; color: var(--text-3); }
.lx.hm .hm-q-f a { margin-left: auto; display: inline-flex; gap: 4px; align-items: center; color: var(--hm-ink); text-decoration: none; font-weight: 600; }
.lx.hm .hm-like { display: inline-flex; gap: 4px; align-items: center; padding: 1px 9px; border-radius: 999px; background: var(--surface); border: 1px solid var(--hm-line); font-weight: 650; color: var(--text-2); }
.lx.hm .hm-voice.is-f, .lx.hm .hm-voice.is-a { background: var(--surface); }

/* ---------- insights (dark warm card) and top news ---------- */
.lx.hm .hm-insrow { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); align-items: start; }
.lx.hm .hm-ins { position: sticky; top: 12px; }
@media (max-width: 1000px) { .lx.hm .hm-insrow { grid-template-columns: 1fr; } }
.lx.hm .hm-ins { color: #fff; border-color: color-mix(in srgb, var(--accent) 40%, #1b150c);
  background: radial-gradient(420px 220px at 100% 0%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 70%), linear-gradient(160deg, #241b10, #17120b); }
.lx.hm .hm-ins .hm-h-t h3 { color: #fff; } .lx.hm .hm-ins .hm-h-t p { color: rgba(255, 255, 255, .66); }
.lx.hm .hm-ins .hm-h-ic { background: linear-gradient(145deg, var(--hm-gold), var(--hm-gold-2)); color: var(--hm-on-gold); border-color: transparent; }
.lx.hm .hm-ins .hm-empty { color: rgba(255, 255, 255, .7); border-color: rgba(255, 255, 255, .2); background: transparent; }
.lx.hm .hm-ins .lx-deck { flex: 1; }
.lx.hm .hm-ins .lx-deck .vz-ss-k { color: var(--hm-gold); }
.lx.hm .hm-hours { display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--hm-tint); border: 1px solid var(--hm-line); }
.lx.hm .hm-hours button { border: 0; background: transparent; font: 650 11.5px var(--font); color: var(--text-2); padding: 5px 10px; border-radius: 999px; cursor: pointer; transition: background .2s, color .2s; }
.lx.hm .hm-hours button:hover { background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--text); }
.lx.hm .hm-hours button.on { background: linear-gradient(135deg, var(--hm-gold), var(--hm-gold-2)); color: var(--hm-on-gold); }
@media (max-width: 640px) { .lx.hm .hm-h { grid-template-columns: auto minmax(0, 1fr); } .lx.hm .hm-h-x { grid-column: 1 / -1; justify-self: start; } }

.lx.hm .hm-stories { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.lx.hm .hm-story { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 8px 10px 8px 8px; border-radius: 16px; border: 1px solid transparent; transition: background .2s, border-color .2s, transform .25s var(--hm-ease); }
.lx.hm .hm-story:hover { background: var(--hm-tint); border-color: var(--hm-line); transform: translateX(2px); }
.lx.hm .hm-story-pic { position: relative; width: 64px; height: 64px; border-radius: 12px; overflow: hidden; background: linear-gradient(140deg, color-mix(in srgb, var(--accent) 30%, var(--surface)), var(--surface-2)); }
.lx.hm .hm-story-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; transition: transform .6s var(--hm-ease); }
.lx.hm .hm-story:hover .hm-story-pic img { transform: scale(1.08); }
.lx.hm .hm-story-ph { position: absolute; inset: 0; display: grid; place-items: center; font: 750 16px var(--font); color: var(--hm-ink); }
.lx.hm .hm-story.lead { grid-template-columns: 112px minmax(0, 1fr) auto; padding: 10px; background: var(--hm-tint); border-color: var(--hm-line); }
.lx.hm .hm-story.lead .hm-story-pic { width: 112px; height: 80px; }
.lx.hm .hm-story-t { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.lx.hm .hm-story-t a { color: var(--text); text-decoration: none; font: 600 13.5px/1.45 var(--font); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  background: linear-gradient(var(--hm-gold), var(--hm-gold)) 0 100% / 0 1.5px no-repeat; transition: background-size .35s var(--hm-ease); }
.lx.hm .hm-story:hover .hm-story-t a { background-size: 100% 1.5px; }
.lx.hm .hm-story.lead .hm-story-t a { font-size: 15px; }
.lx.hm .hm-story-t small { color: var(--text-3); font-size: 11.5px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.lx.hm .hm-bub { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px; color: var(--hm-ink);
  background: color-mix(in srgb, var(--accent) 16%, var(--surface)); border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent); transition: transform .3s var(--hm-ease); }
.lx.hm .hm-story:hover .hm-bub { transform: scale(1.06); }
.lx.hm .hm-bub b { font: 700 18px/1 var(--font); font-variant-numeric: tabular-nums; }
.lx.hm .hm-bub small { font-size: 9.5px; color: var(--text-2); }
.lx.hm .hm-voice.is-f .hm-bub { color: var(--pos-ink); background: color-mix(in srgb, var(--pos) 12%, var(--surface)); border-color: color-mix(in srgb, var(--pos) 24%, transparent); }
.lx.hm .hm-voice.is-a .hm-bub { color: var(--neg-ink); background: color-mix(in srgb, var(--neg) 11%, var(--surface)); border-color: color-mix(in srgb, var(--neg) 22%, transparent); }

/* ---------- news media / hashtags & keywords ---------- */
.lx.hm .hm-bkpis { display: grid; grid-template-columns: minmax(150px, auto) minmax(150px, auto) minmax(0, 1fr); gap: 12px; }
@media (max-width: 900px) { .lx.hm .hm-bkpis { grid-template-columns: 1fr 1fr; } .lx.hm .hm-bkpi-tug { grid-column: 1 / -1; } }
.lx.hm .hm-bkpis > div { display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 14px 18px; border-radius: 16px; background: var(--hm-tint); border: 1px solid var(--hm-line); transition: border-color .25s, background .25s; }
.lx.hm .hm-bkpis > div:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); background: color-mix(in srgb, var(--accent) 11%, var(--surface)); }
.lx.hm .hm-bkpis > div > b { font: 300 32px/1 var(--font); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.lx.hm .hm-bkpis > div > small { color: var(--text-2); font-size: 12.5px; }
.lx.hm .hm-bkpi-tug .hm-tug { height: 30px; line-height: 30px; font-size: 12px; width: 100%; }
.lx.hm .hm-cloud { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.lx.hm .hm-cl { font: 600 var(--sz) / 1.2 var(--font); padding: 5px 13px; border-radius: 999px; background: var(--bg); color: var(--text); cursor: pointer; border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
  transition: transform .25s var(--hm-ease), box-shadow .25s; }
.lx.hm .hm-cl:hover { transform: translateY(-2px); box-shadow: 0 8px 16px -10px rgba(0, 0, 0, .4); border-color: var(--hm-gold); }
.lx.hm .hm-split { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 22px; }
@media (max-width: 1100px) { .lx.hm .hm-split { grid-template-columns: 1fr; } }
.lx.hm .hm-drives { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.lx.hm .hm-sub { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.lx.hm .hm-sub > b { font: 650 14px var(--font); }
.lx.hm .hm-dv-key { font-size: 11.5px; color: var(--text-3); display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.lx.hm .hm-dv-key i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.lx.hm .hm-dv-key i.p, .lx.hm .hm-mapkey i.p { background: var(--pos); } .lx.hm .hm-dv-key i.n, .lx.hm .hm-mapkey i.n { background: var(--neg); }
.lx.hm .hm-dvs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.lx.hm .hm-dv { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, .9fr); gap: 12px; align-items: center; padding: 7px 10px; border-radius: 12px; cursor: pointer; transition: background .2s, transform .25s var(--hm-ease); }
.lx.hm .hm-dv:hover { background: color-mix(in srgb, var(--accent) 11%, transparent); transform: translateX(2px); }
.lx.hm .hm-dv-n { display: flex; align-items: center; gap: 9px; min-width: 0; font-size: 13px; }
.lx.hm .hm-dv-n b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lx.hm .hm-dv-ic { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: color-mix(in srgb, var(--nc, var(--accent)) 14%, var(--surface)); }
.lx.hm .hm-dv-ic.hash { font: 750 11px var(--font); color: var(--hm-ink); background: color-mix(in srgb, var(--accent) 16%, var(--surface)); }
.lx.hm .hm-dv-b { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; height: 14px; }
.lx.hm .hm-dv-b .l, .lx.hm .hm-dv-b .r { display: flex; align-items: center; gap: 4px; }
.lx.hm .hm-dv-b .l { justify-content: flex-end; }
.lx.hm .hm-dv-b i { display: block; height: 100%; border-radius: 4px; transition: filter .2s; }
.lx.hm .hm-dv:hover .hm-dv-b i { filter: brightness(1.1); }
.lx.hm .hm-dv-b .l i { background: var(--neg); } .lx.hm .hm-dv-b .r i { background: var(--pos); }
.lx.hm .hm-dv-b em { font: normal 650 11px var(--font); color: var(--text-2); font-variant-numeric: tabular-nums; }
.lx.hm .hm-few { font-size: 11.5px; color: var(--text-3); }
.lx.hm .hm-more { align-self: flex-start; display: inline-flex; gap: 6px; align-items: center; padding: 7px 14px; border-radius: 999px; cursor: pointer;
  font: 650 12.5px var(--font); color: var(--text); background: var(--surface); border: 1px solid var(--hm-line); transition: border-color .2s, box-shadow .2s; }
.lx.hm .hm-more:hover { border-color: var(--hm-gold); box-shadow: 0 6px 16px -10px rgba(160, 100, 15, .55); }
.lx.hm .hm-sides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 560px) { .lx.hm .hm-sides { grid-template-columns: 1fr; } }
.lx.hm .hm-sides > div { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.lx.hm .hm-sides h4 { margin: 0 0 2px; font: 650 13px var(--font); display: inline-flex; gap: 6px; align-items: center; }
.lx.hm .hm-mp { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 10px; align-items: center; padding: 6px; border-radius: 14px; color: var(--text); text-decoration: none;
  background: var(--surface); border: 1px solid var(--hm-line); transition: transform .25s var(--hm-ease), box-shadow .25s, border-color .25s; }
.lx.hm .hm-mp:hover { transform: translateY(-2px); box-shadow: 0 12px 22px -16px rgba(0, 0, 0, .45); }
.lx.hm .hm-mp.is-f:hover { border-color: color-mix(in srgb, var(--pos) 50%, var(--line)); } .lx.hm .hm-mp.is-a:hover { border-color: color-mix(in srgb, var(--neg) 50%, var(--line)); }
.lx.hm .hm-mp-pic { position: relative; width: 52px; height: 52px; border-radius: 10px; overflow: hidden; }
.lx.hm .hm-mp-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; transition: transform .6s var(--hm-ease); }
.lx.hm .hm-mp:hover .hm-mp-pic img { transform: scale(1.1); }
.lx.hm .hm-mp-ph { position: absolute; inset: 0; display: grid; place-items: center; background: color-mix(in srgb, var(--nc, var(--accent)) 14%, var(--surface)); }
.lx.hm .hm-mp > span:last-child { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.lx.hm .hm-mp b { font-size: 12.5px; line-height: 1.4; font-weight: 550; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lx.hm .hm-mp small { color: var(--text-3); font-size: 11px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lx.hm .hm-mp small svg { vertical-align: -2px; margin-right: 3px; }
.lx.hm .hm-chipq { margin: 0; padding: 9px 12px; border-radius: 12px; font-size: 12.5px; line-height: 1.45; border-left: 3px solid; }
.lx.hm .hm-chipq.is-f { background: color-mix(in srgb, var(--pos) 7%, var(--surface)); border-left-color: var(--pos); }
.lx.hm .hm-chipq.is-a { background: color-mix(in srgb, var(--neg) 7%, var(--surface)); border-left-color: var(--neg); }
.lx.hm .hm-chipq p { margin: 0 0 4px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.lx.hm .hm-chipq small { color: var(--text-3); font-size: 11px; display: inline-flex; gap: 4px; align-items: center; }
.lx.hm .hm-list { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.lx.hm .hm-list-h { display: flex; justify-content: flex-end; }
.lx.hm .hm-list-h label { color: var(--text-3); font-size: 12.5px; display: inline-flex; gap: 6px; align-items: center; }
.lx.hm .hm-list-h select { font: inherit; color: var(--text); background: var(--surface); border: 1px solid var(--hm-line); border-radius: 10px; padding: 4px 8px; }
.lx.hm .hm-pager { display: flex; gap: 8px; align-items: center; justify-content: flex-end; font-size: 12.5px; color: var(--text-3); }
.lx.hm .hm-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.lx.hm .hm-table th { text-align: left; font: 600 11.5px/1.2 var(--font); color: var(--text-3); padding: 8px 10px; border-bottom: 1px solid var(--hm-line); vertical-align: bottom; }
.lx.hm .hm-table td { padding: 9px 10px; border-bottom: 1px solid color-mix(in srgb, var(--line) 55%, transparent); }
.lx.hm .hm-table td.num, .lx.hm .hm-table th:not(:nth-child(2)) { text-align: right; font-variant-numeric: tabular-nums; }
.lx.hm .hm-click { cursor: pointer; } .lx.hm .hm-click td { transition: background .15s; }
.lx.hm .hm-click:hover td { background: color-mix(in srgb, var(--accent) 9%, transparent); }
.hm .ath-table-scroll.ath-table-wide > table.hm-table { min-width: 0; }

/* ---------- news across the state ---------- */
.lx.hm .hm-rss { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
@media (max-width: 1100px) { .lx.hm .hm-rss { grid-template-columns: 1fr; } }
.lx.hm .hm-map-in { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 18px; align-items: start; }
@media (max-width: 700px) { .lx.hm .hm-map-in { grid-template-columns: 1fr; } }
.lx.hm .hm-map-svg .vz-map { width: 100%; height: auto; max-height: 400px; }
.lx.hm .hm-map-svg path { transition: filter .2s; } .lx.hm .hm-map-svg path:hover { filter: brightness(.93) saturate(1.2); }
.lx.hm .hm-pin circle { fill: color-mix(in srgb, var(--accent-strong) 88%, transparent); stroke: var(--surface); }
.lx.hm .hm-pin text { fill: var(--hm-on-gold); font-family: var(--font); font-weight: 750; text-anchor: middle; pointer-events: none; }
.lx.hm .hm-dlist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.lx.hm .hm-dlist li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; align-items: start; padding: 6px 8px; border-radius: 12px; transition: background .2s; }
.lx.hm .hm-dlist li:hover { background: var(--hm-tint); }
.lx.hm .hm-dot { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; font: 750 11.5px var(--font); color: var(--hm-on-gold);
  background: color-mix(in srgb, var(--accent-strong) calc(35% + var(--k) * 65%), var(--surface)); }
.lx.hm .hm-dlist li > span:last-child { display: flex; flex-direction: column; min-width: 0; font-size: 13px; gap: 1px; }
.lx.hm .hm-dlist small { font-size: 11.5px; color: var(--text-3); }
.lx.hm .hm-dlist small i { font-style: normal; font-weight: 650; }
.lx.hm .hm-dlist a { color: var(--text-2); font-size: 12px; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.lx.hm .hm-dlist a:hover { color: var(--hm-ink); text-decoration: underline; }
.lx.hm .hm-mapkey { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 11.5px; color: var(--text-3); padding-top: 4px; border-top: 1px solid var(--hm-line); }
.lx.hm .hm-mapkey i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; margin-left: 6px; }
.lx.hm .hm-mapkey i:first-child { margin-left: 0; }
.lx.hm .hm-mapkey i.g { background: color-mix(in srgb, var(--accent) 55%, var(--surface)); }
.lx.hm .hm-outl { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.lx.hm .hm-outl li { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 6px 8px; border-radius: 12px; transition: background .2s; }
.lx.hm .hm-outl li:hover { background: var(--hm-tint); }
.lx.hm .hm-ol-l { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; font: 750 12px var(--font); color: var(--hm-ink); background: color-mix(in srgb, var(--accent) 16%, var(--surface)); }
.lx.hm .hm-ol-n { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.lx.hm .hm-ol-n b { font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lx.hm .hm-ol-b { height: 8px; border-radius: 999px; background: var(--surface-2); overflow: hidden; display: block; }
.lx.hm .hm-ol-b > span { display: flex; gap: 1px; height: 100%; border-radius: 999px; overflow: hidden; }
.lx.hm .hm-ol-b em.p { background: var(--pos); } .lx.hm .hm-ol-b em.n { background: var(--neg); } .lx.hm .hm-ol-b em.z { background: color-mix(in srgb, var(--accent) 55%, var(--surface)); }
.lx.hm .hm-ol-v { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; }
.lx.hm .hm-ol-v b { font: 650 17px var(--font); font-variant-numeric: tabular-nums; }
.lx.hm .hm-ol-v small { font-size: 11px; } .lx.hm .hm-ol-v i { font-style: normal; font-weight: 650; }

/* ---------- reporters on YouTube ---------- */
.lx.hm .hm-reading { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 10px 14px; border-radius: 14px; font-size: 13px; color: var(--text-2);
  background: color-mix(in srgb, var(--accent) 10%, var(--surface)); border: 1px solid color-mix(in srgb, var(--accent) 24%, transparent); }
.lx.hm .hm-reading > svg { color: var(--hm-ink); }
.lx.hm .hm-reading .btn { margin-left: auto; }
.lx.hm .hm-rep-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 14px; }
@media (max-width: 600px) { .lx.hm .hm-rep-grid { grid-template-columns: 1fr; } }
.lx.hm .hm-rep { display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 18px; background: var(--hm-tint); border: 1px solid var(--hm-line); min-width: 0;
  transition: transform .3s var(--hm-ease), box-shadow .3s var(--hm-ease), border-color .3s, background .3s; }
.lx.hm .hm-rep:hover { transform: translateY(-3px); background: var(--surface); border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); box-shadow: var(--hm-shadow-h); }
.lx.hm .hm-rep-h { display: flex; gap: 12px; align-items: center; }
.lx.hm .hm-rep-h > span:last-child { display: flex; flex-direction: column; }
.lx.hm .hm-rep-h b { font: 650 15px var(--font); }
.lx.hm .hm-rep-h small { color: var(--text-3); font-size: 12px; }
.lx.hm .hm-rep-v { display: flex; gap: 16px; align-items: center; }
.lx.hm .hm-rep-v .vz-donut-v { font-size: 14px; } .lx.hm .hm-rep-v .vz-donut-c { font-size: 9px; }
.lx.hm .hm-rep-s { display: flex; gap: 6px 14px; flex-wrap: wrap; font-size: 12.5px; color: var(--text-2); align-items: center; padding-top: 10px; border-top: 1px solid var(--hm-line); }
.lx.hm .hm-rep-s > span { display: inline-flex; gap: 5px; align-items: center; }
.lx.hm .hm-rep-cm { flex: 1; min-width: 140px; } .lx.hm .hm-rep-cm .hm-bar { flex: 1; }
.lx.hm .hm-two-in { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.lx.hm .hm-two-in h4 { margin: 0 0 6px; font: 650 13px var(--font); }
.lx.hm .hm-said { margin: 0 0 6px; padding: 9px 11px; border-radius: 12px; background: var(--surface); border: 1px solid var(--hm-line); display: flex; flex-direction: column; gap: 5px; transition: border-color .2s; }
.lx.hm .hm-said:hover { border-color: var(--hm-gold); }
.lx.hm .hm-said q { quotes: '“' '”'; font-size: 12.5px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.lx.hm .hm-said a { align-self: flex-start; font: 650 11px var(--font); color: var(--hm-ink); text-decoration: none; padding: 2px 9px; border-radius: 999px; background: color-mix(in srgb, var(--accent) 14%, var(--surface)); display: inline-flex; gap: 4px; align-items: center; transition: background .2s; }
.lx.hm .hm-said a:hover { background: color-mix(in srgb, var(--accent) 26%, var(--surface)); }

/* ---------- small screens and calm motion ---------- */
@media (max-width: 720px) { .lx.hm { padding: 18px 14px; border-radius: 22px; gap: 16px; } .lx.hm .lx-card { padding: 16px; } }
@media (prefers-reduced-motion: reduce) {
  .lx.hm *, .lx.hm *::before, .lx.hm *::after { transition: none !important; animation: none !important; }
  .lx.hm .lx-card:hover, .lx.hm .hm-kpi:hover, .lx.hm .hm-pt:hover, .lx.hm .hm-rep:hover { transform: none; }
}

/* News media on Instagram: name, @handle · followers, verified badge */
.lx.hm .hm-dv-who { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.lx.hm .hm-dv-who b { display: inline-flex; align-items: center; gap: 5px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lx.hm .hm-dv-who small { font-size: 11px; color: var(--text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lx.hm .hm-tick { flex: none; display: inline-grid; place-items: center; width: 14px; height: 14px; border-radius: 50%; background: #1D9BF0; color: #fff; }
.lx.hm .hm-sub-h { display: block; font-size: 11px; color: var(--text-3); }
.lx.hm .hm-note svg { vertical-align: -2px; color: var(--hm-gold); }

/* Top post each day (owner, 6 Oct 2026: calmer grid, video thumbnails, a fuller card on hover). */
.lx.hm .hm-strip-g { display: grid; grid-template-columns: 116px repeat(var(--cols), minmax(150px, 1fr)); gap: 12px 12px; align-items: stretch; overflow-x: auto; padding: 2px 2px 6px; }
.lx.hm .hm-sd { display: flex; align-items: baseline; justify-content: center; gap: 6px; padding: 6px 0; border-radius: 999px; color: var(--text-2); border: 1px solid transparent; }
.lx.hm .hm-sd small { font: 600 11px var(--font); color: var(--text-3); }
.lx.hm .hm-sd b { font: 650 13px/1.1 var(--font); }
.lx.hm .hm-sd.today { background: linear-gradient(135deg, var(--hm-gold), var(--hm-gold-2)); }
.lx.hm .hm-sd.today small, .lx.hm .hm-sd.today b { color: var(--hm-on-gold); }
.lx.hm .hm-gh { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; padding: 0 4px; font: 650 13px var(--font); background: none; border: 0; }
.lx.hm .hm-gh-ic { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: var(--nc); background: color-mix(in srgb, var(--nc) 12%, var(--surface)); border: 1px solid color-mix(in srgb, var(--nc) 25%, var(--line)); }
.lx.hm .hm-tile { position: relative; display: flex; flex-direction: column; gap: 7px; min-width: 0; padding: 6px 6px 9px; border-radius: 16px; color: var(--text); text-decoration: none;
  background: var(--surface); border: 1px solid var(--hm-line); transition: transform .35s var(--hm-ease), box-shadow .35s var(--hm-ease), border-color .35s; }
.lx.hm a.hm-tile:hover, .lx.hm a.hm-tile:focus-visible { transform: translateY(-3px); border-color: color-mix(in srgb, var(--nc) 45%, var(--line)); box-shadow: 0 18px 32px -22px rgba(0, 0, 0, .5); outline: none; }
.lx.hm .hm-tile.is-f { box-shadow: inset 0 -3px 0 var(--pos); } .lx.hm .hm-tile.is-a { box-shadow: inset 0 -3px 0 var(--neg); }
.lx.hm .hm-tile-m { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 11px; overflow: hidden; background: linear-gradient(150deg, color-mix(in srgb, var(--nc) 16%, var(--surface)), color-mix(in srgb, var(--nc) 5%, var(--surface))); }
.lx.hm .hm-tile-m > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; z-index: 1; transition: transform .7s var(--hm-ease); }
.lx.hm a.hm-tile:hover .hm-tile-m > img { transform: scale(1.06); }
.lx.hm .hm-tile-ph { position: absolute; inset: 0; display: flex; flex-direction: column; gap: 6px; padding: 10px; color: var(--nc); }
.lx.hm .hm-tile-ph > span { color: var(--text-2); font-size: 11.5px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.lx.hm .hm-play, .hm-pop .hm-play { position: absolute; z-index: 2; left: 50%; top: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; display: grid; place-items: center; border-radius: 50%; color: #fff;
  background: rgba(10, 10, 12, .45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: 0 0 0 1.5px rgba(255, 255, 255, .7); transition: transform .3s var(--hm-ease); }
.lx.hm a.hm-tile:hover .hm-play { transform: scale(1.12); }
.hm-pop .hm-play.big { width: 48px; height: 48px; margin: -24px 0 0 -24px; } .hm-pop .hm-play.big svg { width: 20px; height: 20px; }
.lx.hm .hm-tile-t { padding: 0 3px; font-size: 12px; line-height: 1.4; font-weight: 550; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.8em; }
.lx.hm .hm-tile-f { display: flex; align-items: center; gap: 10px; padding: 0 3px; font-size: 11.5px; color: var(--text-3); }
.lx.hm .hm-tile-f b { display: inline-flex; align-items: center; gap: 4px; color: var(--text); font-weight: 650; }
.lx.hm .hm-tile-f > span { display: inline-flex; align-items: center; gap: 4px; }
.lx.hm .hm-mini { margin-left: auto; display: flex; width: 44px; height: 5px; border-radius: 999px; overflow: hidden; background: var(--surface-2); }
.lx.hm .hm-mini i { display: block; height: 100%; }
.lx.hm .hm-tile.none { align-items: center; justify-content: center; gap: 6px; border-style: dashed; background: transparent; color: var(--text-3); min-height: 120px; }
.lx.hm .hm-tile.none i { width: 18px; height: 18px; border-radius: 50%; border: 1.5px dashed color-mix(in srgb, var(--text-3) 50%, transparent); }
.lx.hm .hm-tile.none small { font-size: 11px; }
@media (max-width: 720px) { .lx.hm .hm-strip-g { grid-template-columns: 84px repeat(var(--cols), minmax(132px, 1fr)); } }

/* The hover card (one for the page, placed by home-leader.js wireStripPop). */
.hm-pop { position: fixed; z-index: 2000; pointer-events: none; border-radius: 18px; overflow: hidden; background: color-mix(in srgb, var(--surface) 92%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3); border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line));
  box-shadow: 0 30px 60px -28px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .06); opacity: 0; transform: scale(.94) translateY(6px); transition: opacity .22s ease, transform .3s cubic-bezier(.2, .8, .2, 1); }
.hm-pop.on { opacity: 1; transform: none; }
.hm-pop-m { position: relative; display: block; aspect-ratio: 16 / 10; background: var(--surface-2); }
.hm-pop-m img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; display: block; }
.hm-pop-b { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 16px; }
.hm-pop-h { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; color: var(--nc); }
.hm-pop-h b { color: var(--text); font: 650 13px var(--font); }
.hm-pop-h small { color: var(--text-3); font-size: 11.5px; }
.hm-pop-h .hm-tag { margin-left: auto; }
.hm-pop p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--text); display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.hm-pop-s { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.hm-pop-s span { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 12px; background: var(--surface-2); min-width: 0; }
.hm-pop-s small { display: inline-flex; align-items: center; gap: 4px; color: var(--text-3); font-size: 11px; white-space: nowrap; }
.hm-pop-s b { font: 650 16px/1.2 var(--font); font-variant-numeric: tabular-nums; }
.hm-pop-mood { display: flex; flex-direction: column; gap: 6px; }
.hm-pop-mood > div:first-child { display: flex; justify-content: space-between; align-items: baseline; font-size: 11.5px; color: var(--text-3); }
.hm-pop-mood > div:first-child small { font: 600 12px var(--font); color: var(--text-2); }
.hm-pop-mood.none { font-size: 12px; color: var(--text-3); }
.hm-pop-bar { display: flex; height: 8px; border-radius: 999px; overflow: hidden; background: var(--surface-2); }
.hm-pop-bar i { display: block; height: 100%; }
.hm-pop-k { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--text-3); }
.hm-pop-k .p { color: var(--pos-ink); font-weight: 650; } .hm-pop-k .n { color: var(--neg-ink); font-weight: 650; }
.hm-pop-go { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 650; color: var(--accent-ink); }
@media (prefers-reduced-motion: reduce) { .hm-pop { transition: none; } }

/* Quoted comments (owner, 6 Oct 2026): equal cards, the post's 4:5 picture in the corner, Like / Reply / Open comment. */
.lx.hm .hm-q { display: grid; grid-template-columns: minmax(0, 1fr) 64px; grid-template-rows: 1fr auto; gap: 8px 14px; min-height: 124px; padding: 12px 12px 10px 16px; position: relative; }
.lx.hm .hm-q:hover { transform: none; background: var(--surface); border-color: var(--hm-line); box-shadow: 0 14px 28px -22px rgba(0, 0, 0, .45); }
.lx.hm .hm-q-body { grid-column: 1; grid-row: 1; color: inherit; text-decoration: none; min-width: 0; }
.lx.hm .hm-q-body:hover p { color: var(--hm-ink); }
.lx.hm .hm-q p { -webkit-line-clamp: 3; min-height: calc(1.55em * 3); }
.lx.hm .hm-q-pic { grid-column: 2; grid-row: 1 / span 2; align-self: start; position: relative; display: block; width: 64px; aspect-ratio: 4 / 5; border-radius: 10px; overflow: hidden;
  background: linear-gradient(150deg, color-mix(in srgb, var(--nc) 18%, var(--surface)), color-mix(in srgb, var(--nc) 6%, var(--surface))); box-shadow: 0 0 0 1px var(--hm-line); transition: transform .3s var(--hm-ease), box-shadow .3s; }
.lx.hm .hm-q:hover .hm-q-pic { transform: scale(1.05); box-shadow: 0 0 0 1px color-mix(in srgb, var(--nc) 45%, var(--line)), 0 10px 20px -12px rgba(0, 0, 0, .5); }
.lx.hm .hm-q-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; z-index: 1; }
.lx.hm .hm-q-ph { position: absolute; inset: 0; display: grid; place-items: center; color: var(--nc); }
.lx.hm .hm-play.sm { width: 22px; height: 22px; margin: -11px 0 0 -11px; } .lx.hm .hm-play.sm svg { width: 10px; height: 10px; }
.lx.hm .hm-q-f { grid-column: 1; grid-row: 2; margin-top: 0; flex-wrap: wrap; }
.lx.hm .hm-q-act { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; }
.lx.hm .hm-q-act a, .lx.hm .hm-q-act button { margin: 0; display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 999px; border: 1px solid transparent; background: none;
  font: 600 11.5px var(--font); color: var(--hm-ink); text-decoration: none; cursor: pointer; transition: background .2s, border-color .2s; }
.lx.hm .hm-q-act a:hover, .lx.hm .hm-q-act button:hover { background: var(--hm-tint); border-color: var(--hm-line); }
.lx.hm .hm-q-form { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 6px; }
.lx.hm .hm-q-form[hidden] { display: none; }
.lx.hm .hm-q-form textarea { width: 100%; resize: vertical; font: 13px/1.45 var(--font); padding: 8px 10px; border-radius: 10px; border: 1px solid var(--hm-line); background: var(--surface); color: var(--text); }
.lx.hm .hm-q-form > div { display: flex; align-items: center; gap: 6px; }
.lx.hm .hm-q-form small { margin-right: auto; color: var(--text-3); font-size: 11px; }
/* Every post preview is 4:5, so heads are not cut (owner, 6 Oct 2026). */
.lx.hm .hm-tile-m { aspect-ratio: 4 / 5; }
.hm-pop-m { aspect-ratio: 4 / 5; max-height: 52vh; }

/* Platform tones (owner, 6 Oct 2026): each platform's row and each quoted comment sit on a mild, glassy wash of the
   platform's colour (Instagram pink, Facebook blue, X sky) instead of plain white. */
.lx.hm .hm-tile, .lx.hm .hm-q {
  background: linear-gradient(155deg, color-mix(in srgb, var(--nc) 13%, transparent), color-mix(in srgb, var(--nc) 5%, transparent) 60%), color-mix(in srgb, var(--surface) 72%, transparent);
  -webkit-backdrop-filter: blur(10px) saturate(1.2); backdrop-filter: blur(10px) saturate(1.2);
  border: 1px solid color-mix(in srgb, var(--nc) 22%, var(--line)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55); }
.lx.hm a.hm-tile:hover, .lx.hm .hm-q:hover { background: linear-gradient(155deg, color-mix(in srgb, var(--nc) 18%, transparent), color-mix(in srgb, var(--nc) 7%, transparent) 60%), color-mix(in srgb, var(--surface) 80%, transparent); border-color: color-mix(in srgb, var(--nc) 40%, var(--line)); }
.lx.hm .hm-tile.is-f, .lx.hm .hm-tile.is-a { border-bottom-width: 3px; }
.lx.hm .hm-tile.is-f { border-bottom-color: var(--pos); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55); } .lx.hm .hm-tile.is-a { border-bottom-color: var(--neg); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55); }
.lx.hm .hm-tile.none { background: color-mix(in srgb, var(--nc) 5%, transparent); border: 1px dashed color-mix(in srgb, var(--nc) 30%, var(--line)); box-shadow: none; }
.lx.hm .hm-tile-ph { background: color-mix(in srgb, var(--nc) 8%, transparent); }
.lx.hm .hm-gh { padding: 12px 10px; border-radius: 16px; background: linear-gradient(155deg, color-mix(in srgb, var(--nc) 14%, transparent), color-mix(in srgb, var(--nc) 4%, transparent)); border: 1px solid color-mix(in srgb, var(--nc) 22%, var(--line)); }
.lx.hm .hm-q { border-left: 3px solid; }
.lx.hm .is-f .hm-q { border-left-color: var(--pos); } .lx.hm .is-a .hm-q { border-left-color: var(--neg); }
:root[data-theme="dark"] .lx.hm .hm-tile, :root[data-theme="dark"] .lx.hm .hm-q { box-shadow: none; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .lx.hm .hm-tile, :root:not([data-theme="light"]) .lx.hm .hm-q { box-shadow: none; } }

/* Hover card, 20% smaller, peeling in from the corner nearest the post and folding back out (owner, 6 Oct 2026). */
.hm-pop { opacity: 1; clip-path: polygon(0 0, 0 0, 0 0); transform: rotate(-5deg) scale(.97); transform-origin: top left;
  transition: clip-path .46s cubic-bezier(.32, .72, .18, 1), transform .46s cubic-bezier(.32, .72, .18, 1), filter .46s; filter: drop-shadow(0 0 0 transparent); }
.hm-pop.on { clip-path: polygon(0 0, 260% 0, 0 260%); transform: none; }
.hm-pop.from-right { transform: rotate(5deg) scale(.97); transform-origin: top right; clip-path: polygon(100% 0, 100% 0, 100% 0); }
.hm-pop.from-right.on { clip-path: polygon(100% 0, -160% 0, 100% 260%); transform: none; }
/* the fold's shadow: a soft sheen that sweeps across while the corner turns */
.hm-pop::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, .06) 60%, rgba(0, 0, 0, 0) 75%); opacity: 1; transition: opacity .5s ease .1s; }
.hm-pop.from-right::after { background: linear-gradient(225deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, .06) 60%, rgba(0, 0, 0, 0) 75%); }
.hm-pop.on::after { opacity: 0; }
.hm-pop-m { max-height: 42vh; }
.hm-pop-b { gap: 8px; padding: 11px 13px 13px; }
.hm-pop-h b { font-size: 12px; } .hm-pop-h small { font-size: 10.5px; }
.hm-pop p { font-size: 12px; -webkit-line-clamp: 4; }
.hm-pop-s { gap: 6px; }
.hm-pop-s span { padding: 6px 8px; border-radius: 10px; }
.hm-pop-s small { font-size: 10px; }
.hm-pop-s b { font-size: 13.5px; }
.hm-pop-mood > div:first-child, .hm-pop-k { font-size: 10.5px; }
.hm-pop-bar { height: 6px; }
.hm-pop-go { font-size: 11.5px; }
.hm-pop .hm-play.big { width: 40px; height: 40px; margin: -20px 0 0 -20px; }
@media (prefers-reduced-motion: reduce) { .hm-pop, .hm-pop.from-right { transition: opacity .15s; clip-path: none; transform: none; opacity: 0; } .hm-pop.on { opacity: 1; } }
.hm-pop-s { grid-template-columns: repeat(auto-fit, minmax(52px, 1fr)); }
.hm-pop-s small { overflow: hidden; text-overflow: ellipsis; }
.hm-pop-s small svg { display: none; }
.hm-pop-mood > div:first-child { gap: 8px; } .hm-pop-mood > div:first-child small { white-space: nowrap; }

/* Insights fill the height beside Top news (owner, 6 Oct 2026), and news hover cards. */
.lx.hm .hm-insrow { align-items: stretch; }
.lx.hm .hm-ins { position: static; display: flex; flex-direction: column; }
.lx.hm .hm-ins .lx-deck { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.lx.hm .hm-ins .lx-deck .vz-ss-track, .lx.hm .hm-ins .lx-deck .vz-ss-view { flex: 1; }
.lx.hm .hm-ins .lx-deck .vz-ss-slide, .lx.hm .hm-ins .lx-deck .vz-ss-track > * { height: 100%; }
.hm-pop-m.news { aspect-ratio: 16 / 10; }
.hm-pop .hm-pop-title { font-weight: 650; font-size: 13px; -webkit-line-clamp: 3; }
.hm-pop .hm-pop-sum { color: var(--text-2); font-size: 11.5px; -webkit-line-clamp: 4; }
.hm-pop .hm-pop-s b.hm-pop-side { font-size: 12.5px; }
.hm-pop-note { color: var(--text-3); font-size: 10.5px; }
.lx.hm .hm-ins .lx-deck .vz-ss-track { flex: 1; display: flex; flex-direction: column; }
.lx.hm .hm-ins .lx-deck .vz-slide:not([hidden]) { flex: 1; display: flex; flex-direction: column; }
/* the white insight card fills the slide; its words grow a little to use the room */
.lx.hm .hm-ins .lx-deck .vz-slide > .vz-ss-b { flex: 1; display: flex; flex-direction: column; }
.lx.hm .hm-ins .lx-deck .vz-ss-b > .fc { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 26px 28px; font-size: 1.08em; }

/* "<Party> speaks" tag on news where the party's own people are the speakers. */
.lx.hm .hm-tag.s, .hm-pop .hm-tag.s { background: color-mix(in srgb, var(--accent) 16%, var(--surface)); color: var(--accent-ink); }

/* Share of voice: a calm conversation spectrum, with the leading point and its evidence beside exact ranked comparison. */
.lx.hm .hm-sov { overflow: hidden; }
.lx.hm .hm-sov-embedded { margin: 18px 0 22px; padding: 18px; border-radius: 22px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 4%, var(--surface)), color-mix(in srgb, var(--surface-2) 88%, var(--surface)));
  border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--hm-line)); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 45%, transparent); }
.lx.hm .hm-sov-embedded > .hm-h { margin-bottom: 14px; }
.lx.hm .hm-sov-embedded .hm-sov-hero { min-height: 320px; }
.lx.hm .hm-sov-embedded .hm-sov-g { grid-template-columns: minmax(280px, .76fr) minmax(0, 1.7fr); }
.lx.hm .hm-sov-overview { display: grid; grid-template-columns: minmax(270px, auto) minmax(180px, 1fr) auto; align-items: center; gap: 18px; padding: 12px 14px; border-radius: 16px;
  background: color-mix(in srgb, var(--accent) 5%, var(--surface-2)); border: 1px solid var(--hm-line); }
.lx.hm .hm-sov-summary { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; color: var(--text-2); font-size: 11px; }
.lx.hm .hm-sov-summary b { color: var(--text); font: 700 15px var(--font); font-variant-numeric: tabular-nums; }
.lx.hm .hm-sov-summary i { width: 3px; height: 3px; margin: 0 3px; border-radius: 50%; background: var(--text-3); opacity: .55; }
.lx.hm .hm-sov-composition { display: flex; height: 10px; min-width: 160px; overflow: hidden; border-radius: 999px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); }
.lx.hm .hm-sov-composition span { display: block; min-width: 0; transition: width .4s var(--hm-ease); }
.lx.hm .hm-sov-composition .is-f { background: var(--pos); } .lx.hm .hm-sov-composition .is-a { background: var(--neg); }
.lx.hm .hm-sov-composition .is-m { background: var(--accent); } .lx.hm .hm-sov-composition .is-n { background: color-mix(in srgb, var(--text-3) 55%, var(--surface)); }
.lx.hm .hm-sov-stats { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.lx.hm .hm-sov-stat { --c: var(--text-3); display: grid; grid-template-columns: 7px auto; grid-template-rows: auto auto; column-gap: 6px; line-height: 1.05; }
.lx.hm .hm-sov-stat > i { grid-row: 1 / span 2; align-self: center; width: 7px; height: 22px; border-radius: 999px; background: var(--c); }
.lx.hm .hm-sov-stat > b { color: var(--c); font: 750 13px var(--font); font-variant-numeric: tabular-nums; }
.lx.hm .hm-sov-stat > small { color: var(--text-2); font: 600 10px var(--font); }
.lx.hm .hm-sov-stat em { display: none; font-style: normal; color: var(--text-3); }
.lx.hm .hm-sov-stat.is-f { --c: var(--pos); } .lx.hm .hm-sov-stat.is-a { --c: var(--neg); } .lx.hm .hm-sov-stat.is-m { --c: var(--accent); }
.lx.hm .hm-sov-stat.is-n { --c: color-mix(in srgb, var(--text-3) 75%, var(--text)); }
.lx.hm .hm-sov-g { display: grid; grid-template-columns: minmax(300px, .82fr) minmax(0, 1.65fr); gap: 18px; align-items: stretch; }
.lx.hm .hm-sov-hero { --c: var(--text-3); position: relative; display: flex; flex-direction: column; gap: 13px; min-height: 360px; padding: 22px; border-radius: 20px; outline: none;
  background: radial-gradient(90% 65% at 100% 0, color-mix(in srgb, var(--c) 14%, transparent), transparent 70%), linear-gradient(155deg, color-mix(in srgb, var(--c) 10%, var(--surface)), var(--surface));
  border: 1px solid color-mix(in srgb, var(--c) 30%, var(--line)); box-shadow: 0 24px 44px -34px color-mix(in srgb, var(--c) 80%, #000); transition: border-color .2s, box-shadow .2s, transform .2s; }
.lx.hm .hm-sov-hero:hover, .lx.hm .hm-sov-hero:focus-visible { border-color: color-mix(in srgb, var(--c) 62%, var(--line)); box-shadow: 0 28px 50px -30px color-mix(in srgb, var(--c) 70%, #000); transform: translateY(-2px); }
.lx.hm .hm-sov-hero.is-f { --c: var(--pos); } .lx.hm .hm-sov-hero.is-a { --c: var(--neg); } .lx.hm .hm-sov-hero.is-m { --c: var(--accent); }
.lx.hm .hm-sov-hero.is-n { --c: color-mix(in srgb, var(--text-3) 78%, var(--text)); }
.lx.hm .hm-sov-rank { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.lx.hm .hm-sov-rank > span, .lx.hm .hm-sov-rank > em { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; font: normal 700 10.5px var(--font); }
.lx.hm .hm-sov-rank > span { color: var(--text-2); background: var(--surface-2); border: 1px solid var(--line); text-transform: uppercase; letter-spacing: .04em; }
.lx.hm .hm-sov-rank > em { color: var(--c); background: color-mix(in srgb, var(--c) 11%, var(--surface)); }
.lx.hm .hm-sov-hero blockquote { margin: 2px 0 0; font: 650 19px/1.38 var(--font); letter-spacing: -.012em; color: var(--text); text-wrap: balance; }
.lx.hm .hm-sov-big { display: flex; align-items: center; gap: 13px; }
.lx.hm .hm-sov-big > b { flex: none; font: 320 48px/1 var(--font); letter-spacing: -.045em; color: var(--c); font-variant-numeric: tabular-nums; }
.lx.hm .hm-sov-big > span { font-size: 11.5px; line-height: 1.5; color: var(--text-2); }
.lx.hm .hm-sov-big strong { color: var(--text); font-weight: 700; }
.lx.hm .hm-sov-bar { display: flex; height: 7px; border-radius: 999px; overflow: hidden; background: var(--surface-2); }
.lx.hm .hm-sov-bar i { display: block; height: 100%; }
.lx.hm .hm-sov-evidence { margin-top: auto; color: var(--text-3); font: 700 10.5px var(--font); text-transform: uppercase; letter-spacing: .045em; }
.lx.hm .hm-sov-qs { display: flex; flex-direction: column; gap: 7px; }
.lx.hm .hm-sov-q { display: flex; flex-direction: column; gap: 4px; padding: 9px 11px; border-radius: 12px; text-decoration: none; color: var(--text);
  background: color-mix(in srgb, var(--surface) 84%, transparent); border: 1px solid color-mix(in srgb, var(--nc) 21%, var(--line)); font-size: 12px; line-height: 1.42; transition: transform .2s var(--hm-ease), border-color .2s; }
.lx.hm .hm-sov-q span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lx.hm .hm-sov-q small { display: inline-flex; align-items: center; gap: 4px; color: var(--text-3); font-size: 10.5px; }
.lx.hm .hm-sov-q:hover { transform: translateX(3px); border-color: color-mix(in srgb, var(--nc) 45%, var(--line)); }
.lx.hm .hm-sov-board { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 16px; border-radius: 20px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 5%, var(--surface-2)), color-mix(in srgb, var(--surface) 92%, var(--bg))); border: 1px solid var(--hm-line); }
.lx.hm .hm-sov-board::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .35; background-image: radial-gradient(color-mix(in srgb, var(--accent) 25%, transparent) .7px, transparent .7px); background-size: 15px 15px; mask-image: linear-gradient(130deg, #000, transparent 72%); }
.lx.hm .hm-sov-board-h { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 1px 2px 11px; }
.lx.hm .hm-sov-board-h > div { display: flex; flex-direction: column; gap: 2px; } .lx.hm .hm-sov-board-h b { font: 700 13px var(--font); color: var(--text); }
.lx.hm .hm-sov-board-h small, .lx.hm .hm-sov-board-h > span { color: var(--text-3); font-size: 10.5px; }
.lx.hm .hm-sov-list { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.lx.hm .hm-sov-board.is-sparse .hm-sov-list { grid-template-columns: 1fr; }
.lx.hm .hm-sov-row { --c: var(--text-3); position: relative; display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 5px 9px; align-items: center; min-width: 0; padding: 11px 12px; border-radius: 14px; overflow: hidden; cursor: pointer; text-align: left; color: var(--text); font: inherit;
  background: color-mix(in srgb, var(--surface) 90%, transparent); border: 1px solid color-mix(in srgb, var(--c) 20%, var(--line)); box-shadow: 0 8px 20px -19px color-mix(in srgb, var(--c) 65%, #000); transition: transform .2s var(--hm-ease), border-color .2s, box-shadow .2s, background .2s; }
.lx.hm .hm-sov-row::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--c); opacity: .8; }
.lx.hm .hm-sov-row.is-f { --c: var(--pos); } .lx.hm .hm-sov-row.is-a { --c: var(--neg); } .lx.hm .hm-sov-row.is-m { --c: var(--accent); }
.lx.hm .hm-sov-row.is-n { --c: color-mix(in srgb, var(--text-3) 78%, var(--text)); }
.lx.hm .hm-sov-row:hover, .lx.hm .hm-sov-row:focus-visible { z-index: 2; outline: none; transform: translateY(-2px); border-color: color-mix(in srgb, var(--c) 58%, var(--line)); background: var(--surface); box-shadow: 0 18px 28px -22px color-mix(in srgb, var(--c) 75%, #000); }
.lx.hm .hm-sov-no { grid-row: 1 / span 2; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; color: var(--c); background: color-mix(in srgb, var(--c) 10%, var(--surface)); font: 750 10.5px var(--font); font-variant-numeric: tabular-nums; }
.lx.hm .hm-sov-copy { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.lx.hm .hm-sov-t { font: 650 12px/1.3 var(--font); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lx.hm .hm-sov-track { display: block; height: 3px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.lx.hm .hm-sov-track i { display: block; width: var(--w); height: 100%; border-radius: inherit; background: var(--c); }
.lx.hm .hm-sov-tone { justify-self: end; display: inline-flex; align-items: center; gap: 4px; color: var(--c); font: 700 9.5px var(--font); }
.lx.hm .hm-sov-m { grid-column: 2; display: flex; align-items: baseline; gap: 5px; color: var(--text-3); }
.lx.hm .hm-sov-m b { color: var(--c); font: 750 12px var(--font); font-variant-numeric: tabular-nums; }
.lx.hm .hm-sov-m small { font-size: 10px; }
.lx.hm .hm-sov-row .hm-arrow { grid-column: 3; grid-row: 2; justify-self: end; color: var(--text-3); }
.lx.hm .hm-sov-none { padding: 14px; border-radius: 13px; color: var(--text-3); background: var(--surface); border: 1px dashed var(--line); font-size: 12px; }
.lx.hm .hm-sov-limited { position: relative; z-index: 1; flex: 1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 13px; min-height: 125px; margin-top: 10px; padding: 16px; border-radius: 16px;
  background: radial-gradient(120% 130% at 100% 0, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), color-mix(in srgb, var(--surface) 88%, transparent); border: 1px dashed color-mix(in srgb, var(--accent) 26%, var(--line)); }
.lx.hm .hm-sov-limited-ic { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: var(--hm-ink); background: color-mix(in srgb, var(--accent) 14%, var(--surface)); }
.lx.hm .hm-sov-limited b { display: block; margin-bottom: 4px; color: var(--text); font: 700 12.5px var(--font); }
.lx.hm .hm-sov-limited p { margin: 0; max-width: 58ch; color: var(--text-3); font-size: 10.5px; line-height: 1.45; }
.lx.hm .hm-sov-limited > strong { display: flex; flex-direction: column; align-items: flex-end; color: var(--hm-ink); font: 320 31px/1 var(--font); letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.lx.hm .hm-sov-limited > strong small { margin-top: 4px; color: var(--text-3); font: 700 9.5px var(--font); letter-spacing: .03em; }
.lx.hm .hm-sov-key { display: flex; align-items: center; padding-top: 1px; }
.lx.hm .hm-sov-key small { color: var(--text-3); font-size: 10.5px; line-height: 1.45; }
.hm-pop-qs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.hm-pop-qs li { font-size: 11.5px; line-height: 1.45; padding: 7px 9px; border-radius: 10px 10px 10px 3px; background: var(--surface-2); display: flex; flex-direction: column; gap: 3px; }
.hm-pop-qs small { color: var(--text-3); font-size: 10.5px; display: inline-flex; align-items: center; gap: 4px; }
@media (max-width: 1180px) {
  .lx.hm .hm-sov-overview { grid-template-columns: 1fr minmax(180px, 1fr); }
  .lx.hm .hm-sov-stats { grid-column: 1 / -1; justify-content: flex-start; }
  .lx.hm .hm-sov-stat em { display: inline; }
}
@media (max-width: 960px) {
  .lx.hm .hm-sov-g, .lx.hm .hm-sov-embedded .hm-sov-g { grid-template-columns: 1fr; }
  .lx.hm .hm-sov-hero, .lx.hm .hm-sov-embedded .hm-sov-hero { min-height: 0; }
}
@media (max-width: 720px) {
  .lx.hm .hm-sov-overview { grid-template-columns: 1fr; gap: 11px; }
  .lx.hm .hm-sov-summary { white-space: normal; flex-wrap: wrap; }
  .lx.hm .hm-sov-stats { grid-column: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx.hm .hm-sov-list { grid-template-columns: 1fr; }
  .lx.hm .hm-sov-board-h > span { display: none; }
  .lx.hm .hm-sov-limited { grid-template-columns: auto minmax(0, 1fr); min-height: 0; }
  .lx.hm .hm-sov-limited > strong { grid-column: 2; align-items: flex-start; font-size: 25px; }
}
@media (max-width: 480px) {
  .lx.hm .hm-sov-embedded { margin-inline: -4px; padding: 13px; border-radius: 18px; }
  .lx.hm .hm-sov-hero, .lx.hm .hm-sov-board { padding: 14px; }
  .lx.hm .hm-sov-big > b { font-size: 40px; }
  .lx.hm .hm-sov-rank { align-items: flex-start; flex-direction: column; }
  .lx.hm .hm-sov-row { grid-template-columns: 25px minmax(0, 1fr) auto; padding: 10px; }
  .lx.hm .hm-sov-tone { font-size: 0; } .lx.hm .hm-sov-tone svg { width: 12px; height: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .lx.hm .hm-sov-composition span, .lx.hm .hm-sov-hero, .lx.hm .hm-sov-row, .lx.hm .hm-sov-q { transition: none; }
}

/* Four tiles (every platform + three own pages, e.g. a person's page): two by two beside the portrait, not three and one */
.lx.hm .hm-pts:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1750px) { .lx.hm .hm-pts:has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 700px) { .lx.hm .hm-pts:has(> :nth-child(4):last-child) { grid-template-columns: 1fr; } }

/* Campaign & issue intelligence: the Home visual system, locked to one analysis window. */
.lx.hm.hm-event { --ci-line: color-mix(in srgb, var(--accent) 22%, var(--line)); padding-top: 0; }
.lx.hm.hm-event > * { scroll-margin-top: 104px; }
.lx.hm.hm-event .hm-head { padding-bottom: 8px; }
.lx.hm .ci-jump { position: sticky; top: 0; z-index: 24; display: flex; gap: 4px; max-width: 100%; margin-top: 16px; padding: 5px; overflow-x: auto; scrollbar-width: none; border: 1px solid var(--ci-line); border-radius: 14px; background: color-mix(in srgb, var(--surface) 88%, transparent); box-shadow: 0 12px 28px -25px #111; backdrop-filter: blur(18px); }
.lx.hm .ci-jump::-webkit-scrollbar { display: none; }
.lx.hm .ci-jump button { flex: 0 0 auto; min-height: 32px; padding: 0 13px; border: 0; border-radius: 10px; color: var(--text-2); background: transparent; font: 680 11px/1 var(--font); cursor: pointer; transition: color .18s, background .18s, transform .18s var(--hm-ease); }
.lx.hm .ci-jump button:hover { color: var(--hm-ink); background: color-mix(in srgb, var(--accent) 10%, var(--surface)); transform: translateY(-1px); }
.lx.hm .ci-jump button.on { color: #17120a; background: var(--accent); box-shadow: 0 7px 18px -13px color-mix(in srgb, var(--accent) 85%, #000); }
.lx.hm .ci-overview { position: relative; display: grid; grid-template-columns: minmax(260px, .78fr) minmax(480px, 1.7fr); align-items: stretch; gap: 18px; margin-bottom: 16px; padding: 18px; overflow: hidden; border-color: var(--ci-line); background: radial-gradient(90% 150% at 0 0, color-mix(in srgb, var(--accent) 13%, transparent), transparent 60%), linear-gradient(145deg, color-mix(in srgb, var(--surface) 97%, var(--accent)), var(--surface)); }
.lx.hm .ci-overview::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .42; background: radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 22%); transition: opacity .25s; }
.lx.hm .ci-overview:hover::after { opacity: .85; }
.lx.hm .ci-visual { position: relative; z-index: 1; min-height: 460px; max-height: 560px; overflow: hidden; border-radius: 18px; background: color-mix(in srgb, var(--accent) 8%, var(--surface-2)); border: 1px solid var(--ci-line); box-shadow: 0 24px 38px -32px color-mix(in srgb, var(--accent) 65%, #000); }
.lx.hm .ci-main-link { display: block; width: 100%; height: 100%; }
.lx.hm .ci-visual [data-ci-main] { width: 100%; height: 100%; min-height: 460px; object-fit: cover; transition: transform .55s var(--hm-ease), filter .3s; }
.lx.hm .ci-overview:hover .ci-visual [data-ci-main] { transform: scale(1.035); filter: saturate(1.04); }
.lx.hm .ci-visual > span { display: grid; place-items: center; min-height: 262px; color: var(--hm-ink); }
.lx.hm .ci-visual > em { position: absolute; left: 12px; top: 12px; padding: 7px 10px; border-radius: 999px; color: #17120a; background: color-mix(in srgb, var(--accent) 90%, #fff); box-shadow: 0 8px 22px -14px #000; font: 750 10px/1 var(--font); font-style: normal; }
.lx.hm .ci-image-credit { position: absolute; left: 10px; right: 174px; bottom: 10px; z-index: 2; padding: 7px 9px; overflow: hidden; color: #fff; border-radius: 10px; background: color-mix(in srgb, #0b0b0b 72%, transparent); font: 600 9.5px/1.35 var(--font); text-overflow: ellipsis; white-space: nowrap; backdrop-filter: blur(8px); }
.lx.hm .ci-thumbs { position: absolute; right: 10px; bottom: 10px; z-index: 3; display: flex; gap: 6px; }
.lx.hm .ci-thumbs button { display: block; width: 48px; height: 48px; padding: 0; overflow: hidden; cursor: pointer; border: 2px solid color-mix(in srgb, var(--surface) 84%, transparent); border-radius: 11px; background: var(--surface); box-shadow: 0 7px 18px -10px #000; transition: transform .18s var(--hm-ease), border-color .18s; }
.lx.hm .ci-thumbs button:hover { transform: translateY(-2px); border-color: var(--accent); }
.lx.hm .ci-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.lx.hm .ci-summary { position: relative; z-index: 1; min-width: 0; padding: 4px 4px 0; }
.lx.hm .ci-eyebrow { display: inline-flex; align-items: center; gap: 6px; color: var(--hm-ink); font: 720 10.5px/1 var(--font); text-transform: uppercase; letter-spacing: .045em; }
.lx.hm .ci-summary h2 { max-width: 27ch; margin: 10px 0 7px; color: var(--text); font: 720 clamp(22px, 2.2vw, 36px)/1.08 var(--font); letter-spacing: -.04em; }
.lx.hm .ci-summary > p { max-width: 76ch; margin: 0; color: var(--text-2); font-size: 12px; line-height: 1.52; }
.lx.hm .ci-facts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 16px 0 12px; }
.lx.hm .ci-facts > span { display: flex; flex-direction: column; gap: 3px; padding: 11px; border-radius: 13px; background: color-mix(in srgb, var(--surface) 86%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 13%, var(--line)); }
.lx.hm .ci-facts b { color: var(--text); font: 430 22px/1 var(--font); letter-spacing: -.035em; }
.lx.hm .ci-facts small { color: var(--text-3); font-size: 9.5px; }
.lx.hm .ci-read { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.lx.hm .ci-read > span { display: grid; grid-template-columns: 1fr auto auto; gap: 7px; align-items: center; padding: 10px 11px; border-radius: 13px; background: var(--surface); border: 1px solid var(--line); }
.lx.hm .ci-read small { color: var(--text-2); font: 680 10.5px var(--font); }
.lx.hm .ci-read b { font: 700 10px var(--font); } .lx.hm .ci-read b.p { color: var(--pos); } .lx.hm .ci-read b.n { color: var(--neg); }
.lx.hm .ci-read .hm-bar { grid-column: 1 / -1; }
.lx.hm .ci-date { margin-top: 12px; padding: 12px 13px 10px; border: 1px solid color-mix(in srgb, var(--accent) 15%, var(--line)); border-radius: 15px; background: color-mix(in srgb, var(--surface) 86%, transparent); }
.lx.hm .ci-date > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 8px; }
.lx.hm .ci-date > header > div { display: flex; flex-direction: column; gap: 2px; } .lx.hm .ci-date > header b { font-size: 11.5px; } .lx.hm .ci-date > header small { color: var(--text-3); font-size: 9px; }
.lx.hm .ci-date-key { display: inline-flex; align-items: center; gap: 5px; color: var(--text-3); font-size: 9px; white-space: nowrap; }
.lx.hm .ci-date-key i { width: 7px; height: 7px; border-radius: 2px; } .lx.hm .ci-date-key .posts { background: var(--accent); } .lx.hm .ci-date-key .comments { background: color-mix(in srgb, var(--text-3) 48%, var(--surface)); }
.lx.hm .ci-date-plot { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; min-height: 190px; padding-top: 4px; background: repeating-linear-gradient(to bottom, transparent 0, transparent 43px, color-mix(in srgb, var(--line) 72%, transparent) 44px); }
.lx.hm .ci-day { display: grid; grid-template-rows: 108px auto auto; gap: 6px; min-width: 0; padding: 5px 8px 8px; border-radius: 11px; transition: background .18s, transform .18s var(--hm-ease); }
.lx.hm .ci-day:hover { background: color-mix(in srgb, var(--accent) 7%, var(--surface)); transform: translateY(-2px); }
.lx.hm .ci-day.day { outline: 1px solid color-mix(in srgb, var(--accent) 62%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, transparent); }
.lx.hm .ci-bars { display: flex; align-items: flex-end; justify-content: center; gap: 7px; min-height: 108px; border-bottom: 1px solid var(--line); }
.lx.hm .ci-bars > i { position: relative; display: block; width: 28px; height: var(--h); min-height: 2px; border-radius: 7px 7px 2px 2px; transition: height .35s var(--hm-ease), filter .18s; }
.lx.hm .ci-bars > i.posts { background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 75%, #fff), var(--accent)); }
.lx.hm .ci-bars > i.comments { background: linear-gradient(180deg, color-mix(in srgb, var(--text-3) 24%, var(--surface)), color-mix(in srgb, var(--text-3) 60%, var(--surface))); }
.lx.hm .ci-bars > i b { position: absolute; left: 50%; top: -15px; transform: translateX(-50%); color: var(--text-2); font: 700 9px var(--font); }
.lx.hm .ci-day-name { display: grid; grid-template-columns: 1fr auto; gap: 2px 6px; } .lx.hm .ci-day-name b { font-size: 10.5px; } .lx.hm .ci-day-name small { color: var(--text-3); font-size: 8.5px; } .lx.hm .ci-day-name em { grid-column: 1 / -1; color: var(--hm-ink); font: 650 9px var(--font); font-style: normal; }
.lx.hm .ci-day-mood { display: flex; flex-direction: column; gap: 4px; } .lx.hm .ci-day-mood > span { display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 5px; } .lx.hm .ci-day-mood small { color: var(--text-3); font-size: 8.5px; }
.lx.hm .ci-date-empty { margin-top: 12px; padding: 18px; color: var(--text-3); border: 1px dashed var(--line); border-radius: 14px; text-align: center; font-size: 11px; }
.lx.hm.hm-event .lx-card, .lx.hm.hm-event .hm-card { transition: transform .22s var(--hm-ease), border-color .22s, box-shadow .22s, background .22s; }
.lx.hm.hm-event .lx-card:hover, .lx.hm.hm-event .hm-card:hover { border-color: color-mix(in srgb, var(--accent) 26%, var(--line)); box-shadow: 0 22px 42px -38px color-mix(in srgb, var(--accent) 70%, #000); }
@media (max-width: 1050px) { .lx.hm .ci-overview { grid-template-columns: minmax(230px, .72fr) 1.45fr; } .lx.hm .ci-read { grid-template-columns: 1fr; } .lx.hm .ci-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .lx.hm .ci-overview { grid-template-columns: 1fr; padding: 13px; } .lx.hm .ci-visual { min-height: 300px; max-height: 420px; } .lx.hm .ci-visual [data-ci-main], .lx.hm .ci-visual > span { min-height: 300px; } .lx.hm .ci-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lx.hm .ci-date-plot { min-width: 520px; } .lx.hm .ci-date { overflow-x: auto; } .lx.hm .ci-jump { top: 4px; } }
@media (prefers-reduced-motion: reduce) { .lx.hm .ci-jump button, .lx.hm .ci-visual > img, .lx.hm .ci-phase, .lx.hm.hm-event .lx-card { transition: none; } }

/* Top post each day: the platform's mark and name sit in the middle of their cell, a little larger (owner, 7 Oct 2026) */
.lx.hm .hm-strip .hm-gh { align-items: center; justify-content: center; text-align: center; gap: 10px; }
.lx.hm .hm-strip .hm-gh-ic { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; }
.lx.hm .hm-strip .hm-gh b { font-size: 15px; }

/* Leader overview links to the page that owns each part of the picture (15 Oct 2026). */
.lx.hm .hm-one { grid-template-columns: minmax(0, 1fr); }
.lx.hm .hm-next { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.lx.hm a.hm-next-t.lx-card { display: flex; flex-direction: row; text-align: left; align-items: center; gap: 12px; padding: 14px 16px; color: inherit; text-decoration: none; }
.lx.hm .hm-next-t > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; flex: 1; }
.lx.hm .hm-next-t small { color: var(--muted); font-size: 12px; }
.lx.hm .hm-next-t b { font-size: 22px; font-weight: 600; }
.lx.hm .hm-next-t em { font-style: normal; color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lx.hm .hm-next-ic { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--surface-3); color: var(--accent-ink); flex: none; }
.lx.hm .hm-next-t > i { color: var(--muted); }
.lx.hm .hm-next-t:hover > i { color: var(--accent-ink); }
/* the section a Leader overview tile opened is outlined for a moment */
.lx.hm .hm-flash { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 18px; transition: outline-color 1.6s; }