.hm { overflow-x: hidden; }
.hm-today { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 14px 0 4px; }
.hm-day { font-size: 1.25rem; font-weight: 800; }
.hm-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.hm-chip { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 999px;
  padding: 4px 11px; font-size: .82rem; color: var(--text-dim); text-decoration: none; }
.hm-chip b { color: var(--gold); }
a.hm-chip:hover { border-color: var(--gold); }

.hm-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
@media (min-width: 640px) { .hm-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 980px) { .hm-grid { grid-template-columns: 1fr 1fr 1fr; } }
.hm-pick { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 10px;
  padding: 11px 13px; min-width: 0; }
.hm-top { display: flex; justify-content: space-between; gap: 8px; font-size: .74rem; }
.hm-sport { color: var(--gold); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.hm-when { color: var(--text-dim); text-align: right; }
.hm-match { margin: 5px 0 4px; font-size: .9rem; color: var(--text-dim); overflow-wrap: anywhere; }
.hm-pickline { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.hm-pickline .pick-val { font-size: 1.1rem; font-weight: 800; overflow-wrap: anywhere; }
.hm-conf { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: .78rem; color: var(--text-dim); }
.hm-bar { flex: 1; height: 5px; background: rgba(255,255,255,.08); border-radius: 3px; overflow: hidden; }
.hm-bar i { display: block; height: 100%; background: var(--gold); }
.hm-why { margin-top: 6px; font-size: .78rem; color: var(--text-dim); line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.hm-props { list-style: none; margin: 0; padding: 0; background: var(--card-bg);
  border: 1px solid var(--card-border); border-radius: 10px; }
.hm-props li { padding: 9px 13px; border-top: 1px solid var(--card-border); min-width: 0; }
.hm-props li:first-child { border-top: 0; }
.hm-pl { display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: baseline; }
.hm-pn { font-weight: 700; }
.hm-ps { font-size: .75rem; color: var(--text-dim); }
.hm-pp { margin-top: 2px; }
.hm-pp .pick-val { color: var(--gold); font-weight: 700; overflow-wrap: anywhere; }
.hm-pc { font-size: .78rem; color: var(--text-dim); }

.hm-leagues { display: grid; grid-template-columns: 1fr; gap: 6px; }
@media (min-width: 640px) { .hm-leagues { grid-template-columns: 1fr 1fr; } }
@media (min-width: 980px) { .hm-leagues { grid-template-columns: 1fr 1fr 1fr; } }
.hm-lg { display: flex; align-items: center; gap: 10px; background: var(--card-bg);
  border: 1px solid var(--card-border); border-radius: 10px; padding: 8px 12px;
  color: inherit; text-decoration: none; min-width: 0; }
.hm-lg:hover { border-color: var(--gold); }
.hm-lgt { flex: 1; min-width: 0; display: block; }
.hm-lgt small { display: block; color: var(--text-dim); font-size: .76rem; }
.hm-lgr { font-size: .76rem; color: var(--text-dim); text-align: right; max-width: 40%; }

.hm-fold { margin: 14px 0 0; background: var(--card-bg); border: 1px solid var(--card-border);
  border-radius: 10px; padding: 0 13px; }
.hm-fold > summary { cursor: pointer; padding: 11px 0; font-weight: 700; font-size: .9rem; }
.hm-fold[open] > summary { border-bottom: 1px solid var(--card-border); margin-bottom: 10px; }
.hm-fold[open] { padding-bottom: 10px; }
.hm .pstrip { margin-top: 14px; }
.hm .tscroll { overflow-x: auto; }
.hm img, .hm table { max-width: 100%; }

@media (max-width: 640px) { .wrap { padding-left: 16px; padding-right: 16px; } .hm-lgr { max-width: 45%; } }