:root {
  --trend-ink: #071b16;
  --trend-green: #00c7b1;
  --trend-lime: #dfff52;
  --trend-soft: #eef8f5;
  --trend-red: #e75555;
  --trend-grey: #71817c;
}

/* v1.59 public discovery layer */
.trends-discovery{padding:clamp(62px,7vw,96px) 0;background:#f2f6f3;border-bottom:1px solid #dbe5e0}.trends-discovery-head{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:end;margin-bottom:34px}.trends-discovery-head h2{font-size:clamp(37px,4.6vw,62px);line-height:.98;margin:0}.trends-discovery-head>p{color:#52655e;font-size:17px;line-height:1.7;margin:0}.trends-discovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trends-discovery-grid article{padding:27px;border:1px solid #d6e2dc;border-radius:19px;background:#fff}.trends-discovery-grid span{color:#008660;font-size:10px;font-weight:800;letter-spacing:.1em}.trends-discovery-grid h3{font:700 25px/1.05 'League Spartan',sans-serif;margin:26px 0 12px}.trends-discovery-grid p{color:#586a63;line-height:1.65;margin:0}.trends-signal-strip{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.trends-signal-strip span{padding:9px 12px;border-radius:999px;background:#e1eee8;color:#164d3d;font-size:11px;font-weight:800}.trends-access-summary{display:grid;grid-template-columns:1fr 1fr auto;gap:1px;align-items:stretch;background:#d5e1dc;border:1px solid #d5e1dc;border-radius:16px;overflow:hidden}.trends-access-summary>div{display:grid;gap:3px;padding:18px;background:#fff}.trends-access-summary b{color:#071b16}.trends-access-summary span{font-size:12px;color:#61736c}.trends-access-summary .button{border-radius:0}.trends-discovery-caution{font-size:12px;color:#64766f;margin:20px 0 0}.trends-discovery-caution b{color:#273c35}
@media(max-width:900px){.trends-discovery-head{grid-template-columns:1fr;gap:16px}.trends-discovery-grid{grid-template-columns:1fr 1fr}.trends-discovery-grid article:last-child{grid-column:1/-1}.trends-access-summary{grid-template-columns:1fr 1fr}.trends-access-summary .button{grid-column:1/-1}}
@media(max-width:600px){.trends-discovery-grid,.trends-access-summary{grid-template-columns:1fr}.trends-discovery-grid article:last-child,.trends-access-summary .button{grid-column:auto}.trends-discovery-grid article{border-radius:15px}}
.trends-page {
  background: #f5f8f7;
  color: var(--trend-ink);
}
.trends-hero {
  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(0, 199, 177, 0.24),
      transparent 34%
    ),
    linear-gradient(135deg, #061612, #0a2c24);
  padding: 76px 0 58px;
  color: #fff;
}
.trends-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(240px, 0.5fr);
  gap: 34px;
  align-items: end;
}
.trends-hero h1 {
  font-size: clamp(3.2rem, 8vw, 7rem);
  line-height: 0.86;
  margin: 16px 0 24px;
  letter-spacing: -0.07em;
}
.trends-hero h1 em {
  color: var(--trend-lime);
  font-style: normal;
}
.trends-intro {
  max-width: 720px;
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.65;
  color: #c9ddd7;
}
.trends-live-card {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
  border-radius: 18px;
  min-width: 235px;
}
.trends-live-card small,
.trends-live-card b {
  display: block;
}
.trends-live-card small {
  font-size: 0.67rem;
  letter-spacing: 0.12em;
  color: #9fc1b8;
  margin-bottom: 4px;
}
.trends-live-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--trend-lime);
  box-shadow: 0 0 0 6px rgba(223, 255, 82, 0.12);
}
.trends-shell {
  padding-top: 38px;
  padding-bottom: 80px;
}
.trends-toolbar {
  display: flex;
  align-items: end;
  gap: 14px;
  margin-bottom: 28px;
}
.trends-toolbar label {
  display: grid;
  gap: 7px;
  font-weight: 800;
  flex: 1;
  max-width: 520px;
}
.trends-toolbar select {
  width: 100%;
  padding: 14px 44px 14px 15px;
  border: 1px solid #cbd9d5;
  border-radius: 12px;
  background: #fff;
  color: var(--trend-ink);
  font: inherit;
}
.trends-tabs {
  display: inline-flex;
  gap: 5px;
  padding: 5px;
  margin-bottom: 26px;
  border: 1px solid #d7e4e0;
  border-radius: 15px;
  background: #eaf2ef;
}
.trends-tabs button {
  padding: 11px 18px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #5d706a;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}
.trends-tabs button.is-active {
  background: var(--trend-ink);
  color: #fff;
  box-shadow: 0 8px 18px rgba(7, 27, 22, 0.18);
}
.trends-view[hidden] {
  display: none !important;
}
.leaders-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: end;
  padding: 30px;
  margin-bottom: 18px;
  border-radius: 24px;
  background: linear-gradient(135deg, #fff, #edf8f4);
  border: 1px solid #dce8e4;
}
.leaders-intro h2 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  margin: 10px 0;
  letter-spacing: -0.04em;
}
.leaders-intro > div > p:last-child {
  max-width: 670px;
  color: #60736d;
  line-height: 1.6;
}
.leaders-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(100px, 1fr));
  gap: 8px;
}
.leaders-stat-grid article {
  padding: 17px;
  background: #fff;
  border: 1px solid #d9e7e2;
  border-radius: 14px;
  text-align: center;
}
.leaders-stat-grid strong,
.leaders-stat-grid span {
  display: block;
}
.leaders-stat-grid strong {
  font-size: 1.85rem;
  color: #008d7e;
}
.leaders-stat-grid span {
  margin-top: 3px;
  color: #697a75;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.leaders-filters {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr 1.3fr 1fr auto;
  gap: 11px;
  align-items: end;
  padding: 16px;
  margin-bottom: 14px;
  border: 1px solid #dce8e4;
  border-radius: 17px;
  background: #fff;
}
.leaders-filters label {
  display: grid;
  gap: 6px;
  color: #536861;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.leaders-filters select,
.leaders-filters input[type="search"] {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 11px 12px;
  border: 1px solid #bfd0cb;
  border-radius: 10px;
  background: #fff;
  color: var(--trend-ink);
  font: inherit;
  text-transform: none;
  letter-spacing: 0;
}
.leaders-filter-toggle { display: none; }
.leaders-filter-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: -3px 2px 14px;
  color: #5d716a;
  font-size: 0.82rem;
}
.leaders-filter-summary button {
  border: 0;
  background: transparent;
  color: #007d70;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.leader-updated {
  display: block;
  margin-top: 4px;
  color: #72827d;
  font-size: 0.7rem;
  font-style: normal;
}
.leader-row.is-aging {
  border-color: #dccb9f;
}
.leader-row.is-aging .leader-updated {
  color: #8a6420;
  font-weight: 800;
}
.leaders-toggle {
  display: flex !important;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid #d7e3df;
  border-radius: 10px;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.leaders-loading,
.leaders-coverage {
  padding: 16px 3px;
  color: #6a7c76;
  font-size: 0.82rem;
}
.leaders-table {
  display: grid;
  gap: 8px;
}
.leader-row {
  display: grid;
  grid-template-columns:
    38px minmax(180px, 1.3fr) minmax(160px, 1fr) minmax(190px, 1fr)
    auto;
  gap: 15px;
  align-items: center;
  padding: 15px 17px;
  border: 1px solid #dce8e4;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(7, 27, 22, 0.035);
}
.leader-rank {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #edf6f3;
  color: #008d7e;
  font-size: 0.75rem;
  font-weight: 900;
}
.leader-team strong,
.leader-team small,
.leader-next small,
.leader-next span,
.leader-next em {
  display: block;
}
.leader-team small,
.leader-next small,
.leader-next em {
  color: #71817c;
  font-size: 0.72rem;
}
.leader-team small {
  margin-top: 4px;
}
.leader-streak {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #40564f;
}
.leader-streak b {
  font-size: 1.7rem;
  color: #008d7e;
}
.leader-next span {
  font-size: 0.86rem;
  font-weight: 800;
}
.leader-next em {
  margin-top: 3px;
  font-style: normal;
}
.leader-row button {
  padding: 9px 12px;
  border: 1px solid #bcd1ca;
  border-radius: 9px;
  background: #fff;
  color: #17352d;
  font-weight: 900;
  cursor: pointer;
}
.leader-row button:hover {
  background: #071b16;
  color: #fff;
}
.leaders-coverage {
  margin: 0;
}
.trends-message {
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #dce8e4;
  box-shadow: 0 16px 40px rgba(7, 27, 22, 0.06);
}
.trends-message b {
  font-size: 1.15rem;
}
.trends-message p {
  margin: 0.4rem 0 0;
}
.trends-error {
  border-color: #f0b7b7;
  color: #8b2020;
  margin-bottom: 20px;
}
.trends-paywall {
  max-width: 720px;
}
.trends-paywall .button {
  display: inline-flex;
  margin-top: 18px;
}
.trends-updating {
  align-self: center;
  color: #60746e;
  font-size: 0.8rem;
  font-weight: 800;
}
.trends-toolbar.is-updating .button {
  opacity: 0.65;
  pointer-events: none;
}
.trends-loading {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 36px 0;
  color: #50635d;
}
.trends-loading span {
  width: 22px;
  height: 22px;
  border: 3px solid #cee0da;
  border-top-color: var(--trend-green);
  border-radius: 50%;
  animation: trend-spin 0.75s linear infinite;
}
@keyframes trend-spin {
  to {
    transform: rotate(360deg);
  }
}
.round-head {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: end;
  background: #fff;
  border-radius: 22px;
  padding: 28px;
  margin-bottom: 38px;
  box-shadow: 0 14px 42px rgba(7, 27, 22, 0.06);
}
.round-head h2 {
  font-size: clamp(1.8rem, 4vw, 3rem);
  margin: 9px 0;
}
.round-head p {
  margin: 0;
  color: #65756f;
}
.round-progress {
  text-align: right;
}
.round-progress strong {
  display: block;
  font-size: 2.3rem;
  color: #008d7e;
}
.round-progress span {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #71817c;
}
.trends-section-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
  margin-bottom: 18px;
}
.trends-section-head h2 {
  margin: 7px 0 0;
  font-size: 1.8rem;
}
.trends-section-head.compact {
  margin-top: 14px;
}
.trend-legend {
  display: flex;
  gap: 13px;
  font-size: 0.75rem;
  color: #62736d;
}
.trend-legend i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 5px;
}
.trend-legend .seen {
  background: #00a991;
}
.trend-legend .unseen {
  background: #9ca9a5;
}
.trend-legend .provisional {
  background: #f2ad35;
}
.round-trend-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
}
.trend-card {
  background: #fff;
  border: 1px solid #dce8e4;
  border-radius: 17px;
  padding: 18px;
  position: relative;
  overflow: hidden;
}
.trend-card:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: #a7b4b0;
}
.trend-card.is-seen:before {
  background: #00a991;
}
.trend-card.is-provisional:before {
  background: #f2ad35;
}
.trend-card small {
  display: block;
  color: #6b7d77;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.trend-card strong {
  display: block;
  margin: 7px 0;
  font-size: 1.1rem;
}
.trend-card p {
  margin: 0;
  color: #63736e;
  font-size: 0.82rem;
}
.trend-card .trend-rate {
  font-size: 1.65rem;
  color: var(--trend-ink);
  float: right;
  margin: -5px 0 5px 8px;
}
.trends-caution {
  font-size: 0.78rem;
  color: #75847f;
  margin: 13px 2px 42px;
}
.trends-grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 30px;
}
.round-fixtures {
  display: grid;
  gap: 10px;
}
.fixture-row {
  display: grid;
  grid-template-columns: 72px 1fr auto;
  gap: 14px;
  align-items: center;
  background: #fff;
  border: 1px solid #e0e9e6;
  padding: 15px;
  border-radius: 14px;
}
.fixture-time {
  font-size: 0.76rem;
  color: #687a74;
}
.fixture-teams {
  display: grid;
  gap: 4px;
}
.fixture-teams span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.fixture-teams b {
  font-size: 0.92rem;
}
.fixture-state {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6c7d77;
}
.fixture-state.live {
  color: #c97300;
  font-weight: 900;
}
.round-insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: -15px 0 42px;
}
.round-insight-card {
  padding: 24px;
  border: 1px solid #dce8e4;
  border-radius: 19px;
  background: #fff;
}
.round-insight-card h3 {
  margin: 10px 0 18px;
  font-size: 1.35rem;
}
.half-bars {
  display: grid;
  gap: 11px;
}
.half-bars span {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  color: #53665f;
  font-size: 0.78rem;
}
.half-bars i {
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 8px;
  background: #e4eeeb;
}
.half-bars em {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #00a991, #dfff52);
}
.htft-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.htft-grid span {
  padding: 10px;
  border-radius: 10px;
  background: #edf6f3;
}
.htft-grid b,
.htft-grid small {
  display: block;
}
.htft-grid b {
  color: #008d7e;
}
.htft-grid small {
  margin-top: 3px;
  color: #62736d;
}
.htft-grid p {
  grid-column: 1/-1;
  color: #6a7b75;
}
.next-fixture {
  background: linear-gradient(145deg, #072019, #0c3b30);
  color: #fff;
  border-radius: 20px;
  padding: 24px;
  min-height: 155px;
}
.next-fixture small {
  color: #9ac2b7;
}
.next-fixture h3 {
  font-size: 1.35rem;
  margin: 13px 0;
}
.next-fixture p {
  margin: 0;
  color: #b9d2cb;
}
.streak-heading {
  margin-top: 30px !important;
}
.streak-leaders {
  display: grid;
  gap: 9px;
}
.streak-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  background: #fff;
  border: 1px solid #dce8e4;
  border-radius: 13px;
  padding: 14px;
}
.streak-row small {
  display: block;
  color: #6c7b76;
  margin-top: 3px;
}
.streak-row strong:last-child {
  font-size: 1.35rem;
  color: #008d7e;
}
.trends-data-note {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-top: 35px;
  padding-top: 18px;
  border-top: 1px solid #d5e1dd;
  color: #70807b;
  font-size: 0.75rem;
}
.admin-cross-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-bottom: 1rem;
}
.subscription-card {
  overflow-wrap: anywhere;
  max-width: 720px;
}
.subscription-card h2 {
  font-size: 2rem;
  margin: 10px 0;
}
.subscription-price {
  float: right;
  font-size: 2rem;
  font-weight: 900;
  color: #008d7e;
}
.subscription-price small {
  font-size: 0.85rem;
  color: #687a74;
}
#referral-link { width: 100%; max-width: 42rem; box-sizing: border-box; }
.reconciliation-item { padding: 1rem 0; border-bottom: 1px solid #d7e6e2; overflow-wrap: anywhere; }
.reconciliation-item:last-child { border-bottom: 0; }
@media (max-width: 600px) {
  .subscription-price { float: none; display: block; margin-bottom: .75rem; }
  .subscription-card h2 { clear: both; }
  .subscription-card .referral-code-input { width: 100%; box-sizing: border-box; }
}
.subscription-card li {
  margin: 0.65rem 0;
}
.subscription-consent {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 22px 0;
  font-size: 0.88rem;
}
.subscription-consent input {
  margin-top: 4px;
}
.subscription-status {
  color: #5e716b;
  font-size: 0.85rem;
}
.subscription-card button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.access-intro {
  max-width: 850px;
  margin: 0 auto 30px;
}
.access-intro h2 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  margin: 0.5rem 0;
}
.access-intro > p {
  line-height: 1.75;
}
.access-plan-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin: 34px 0;
}
.access-plan {
  background: #fff;
  border: 1px solid #dce8e4;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 16px 45px rgba(7, 27, 22, 0.06);
}
.access-plan-pro {
  background: linear-gradient(145deg, #08231c, #0c3c30);
  color: #fff;
}
.access-plan h2 {
  font-size: 2rem;
  margin: 0.7rem 0;
}
.access-plan-label {
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  color: #008d7e;
}
.access-plan-pro .access-plan-label {
  color: var(--trend-lime);
}
.access-price {
  display: block;
  font-size: 2.4rem;
  margin: 8px 0;
}
.access-plan li {
  margin: 0.7rem 0;
  line-height: 1.4;
}
.access-plan .button {
  display: inline-flex;
  margin-top: 18px;
}
.trial-phone {
  display: grid;
  gap: 7px;
  font-weight: 800;
  margin-top: 20px;
}
.trial-phone input,
.referral-code-input {
  padding: 13px 14px;
  border: 1px solid #cbd9d5;
  border-radius: 10px;
  font: inherit;
}
.tool-explain-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 55px 0;
}
.tool-explain-grid article {
  background: #fff;
  border: 1px solid #dce8e4;
  border-radius: 17px;
  padding: 23px;
}
.tool-explain-grid span {
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  color: #008d7e;
}
.tool-explain-grid h3 {
  font-size: 1.25rem;
  margin: 0.65rem 0;
}
.tool-explain-grid p {
  color: #63736e;
  line-height: 1.6;
}
.referral-panel {
  padding: 32px;
  border-radius: 22px;
  background: #eff8f5;
  border: 1px solid #cfe4de;
  margin: 36px 0;
}
.referral-panel h2 {
  font-size: clamp(1.8rem, 4vw, 3rem);
  margin: 0.5rem 0;
}
.referral-panel p {
  max-width: 780px;
  line-height: 1.65;
}
.referral-panel .button {
  display: inline-flex;
  margin-top: 12px;
}
.referral-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 25px 0;
}
.referral-stats article {
  padding: 18px;
  background: #fff;
  border: 1px solid #dce8e4;
  border-radius: 14px;
}
.referral-stats span,
.referral-stats b {
  display: block;
}
.referral-stats b {
  font-size: 1.5rem;
  margin-top: 5px;
}
@media (max-width: 1000px) {
  .leaders-intro {
    grid-template-columns: 1fr;
  }
  .leaders-filters {
    grid-template-columns: repeat(2, 1fr);
  }
  .leader-row {
    grid-template-columns: 34px 1.2fr 1fr auto;
  }
  .leader-next {
    grid-column: 2/4;
  }
  .leader-row button {
    grid-column: 4;
    grid-row: 1/3;
  }
}
@media (max-width: 900px) {
  .access-plan-grid,
  .tool-explain-grid {
    grid-template-columns: 1fr;
  }
  .referral-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .round-trend-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .trends-grid-2,
  .trends-hero-grid,
  .round-insight-grid {
    grid-template-columns: 1fr;
  }
  .trends-live-card {
    justify-self: start;
  }
  .trends-hero {
    padding-top: 50px;
  }
  .trends-hero h1 {
    font-size: 4.3rem;
  }
}
@media (max-width: 600px) {
  .trends-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    box-sizing: border-box;
  }
  .leaders-intro {
    padding: 22px;
  }
  .leaders-stat-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .leaders-stat-grid article {
    padding: 12px 5px;
  }
  .leaders-stat-grid strong {
    font-size: 1.35rem;
  }
  .leaders-filters {
    grid-template-columns: 1fr;
  }
  .leaders-filter-toggle {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 13px 15px;
    margin-bottom: 10px;
    border: 1px solid #bfd0cb;
    border-radius: 12px;
    background: #fff;
    color: #173a31;
    font: inherit;
    font-weight: 900;
  }
  .leaders-filter-toggle::after { content: "+"; font-size: 1.2rem; }
  .leaders-filter-toggle[aria-expanded="true"]::after { content: "−"; }
  .leaders-filters:not(.is-open) { display: none; }
  .leader-row {
    grid-template-columns: 30px 1fr auto;
    gap: 10px;
  }
  .leader-team {
    grid-column: 2/4;
  }
  .leader-streak {
    grid-column: 2/4;
  }
  .leader-next {
    grid-column: 2/4;
  }
  .leader-row button {
    grid-column: 2/4;
    grid-row: auto;
    width: 100%;
  }
  .trends-toolbar,
  .round-head,
  .trends-section-head {
    align-items: stretch;
    flex-direction: column;
  }
  .trends-toolbar .button {
    width: 100%;
  }
  .round-progress {
    text-align: left;
  }
  .round-trend-grid {
    grid-template-columns: 1fr;
  }
  .trend-legend {
    flex-wrap: wrap;
  }
  .fixture-row {
    grid-template-columns: 58px 1fr;
  }
  .fixture-state {
    grid-column: 2;
  }
  .trends-data-note {
    flex-direction: column;
  }
  .trends-hero h1 {
    font-size: 3.6rem;
  }
}
.league-intel-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1rem;
  margin: 1.25rem 0 2rem;
}
.league-intel-dashboard-grid .intel-card a {
  display: inline-block;
  margin-top: 0.75rem;
  font-weight: 800;
  color: var(--purple, #50145c);
}
/* v1.56.4 manual activation form */
.manual-activation-card {
  max-width: 860px;
  margin: 0 auto;
  padding: clamp(22px, 4vw, 38px);
}
.manual-form-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #dce8e4;
}
.manual-form-step {
  display: block;
  color: #008d7e;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.manual-form-head h2 {
  margin: 0.45rem 0 0.35rem;
  font-size: clamp(1.55rem, 4vw, 2.25rem);
  color: #071b16;
}
.manual-form-head p {
  max-width: 590px;
  color: #5e716b;
  line-height: 1.6;
}
.manual-plan-badge {
  flex: 0 0 auto;
  display: grid;
  gap: 2px;
  min-width: 128px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #071b16;
  color: #fff;
  text-align: center;
}
.manual-plan-badge b {
  font-size: 1.25rem;
  color: #dfff42;
}
.manual-plan-badge small {
  font-size: 0.75rem;
  color: #c5d2ce;
}
.manual-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin: 28px 0;
}
.manual-field {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  font-weight: 800;
  color: #172d27;
}
.manual-field-full {
  grid-column: 1/-1;
}
.manual-field > span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.manual-field i,
.manual-field em {
  font-size: 0.65rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.manual-field i {
  color: #9b2c2c;
}
.manual-field em {
  color: #71817c;
}
.manual-field input,
.manual-field textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 13px 14px;
  border: 1px solid #b9ccc6;
  border-radius: 10px;
  background: #fff;
  color: #071b16;
  font: inherit;
  font-weight: 500;
}
.manual-field input:focus,
.manual-field textarea:focus {
  outline: 3px solid rgba(0, 141, 126, 0.16);
  border-color: #008d7e;
}
.manual-field textarea {
  resize: vertical;
  min-height: 110px;
}
.manual-field small {
  color: #6a7b75;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.45;
}
.manual-activation-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 0 0 24px;
  border: 1px solid #dce8e4;
  border-radius: 14px;
  background: #dce8e4;
}
.manual-activation-summary > div {
  display: grid;
  gap: 4px;
  padding: 15px;
  background: #f5faf8;
}
.manual-activation-summary small {
  color: #647770;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.manual-activation-summary strong {
  color: #071b16;
  font-size: 0.9rem;
}
.manual-form-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.manual-form-actions .button {
  margin: 0;
}
.manual-status {
  margin-top: 20px;
  padding: 13px 15px;
  border-radius: 10px;
  font-size: 0.84rem;
  line-height: 1.5;
}
.manual-status.is-info {
  background: #eef7f4;
  color: #425d54;
}
.manual-status.is-working {
  background: #fff7dc;
  color: #6c5712;
}
.manual-status.is-success {
  background: #e6f8ec;
  color: #176d38;
}
.manual-status.is-error {
  background: #fff0f0;
  color: #982b35;
}
@media (max-width: 680px) {
  .manual-form-head {
    display: grid;
  }
  .manual-plan-badge {
    justify-self: start;
  }
  .manual-form-grid {
    grid-template-columns: 1fr;
  }
  .manual-field-full {
    grid-column: auto;
  }
  .manual-activation-summary {
    grid-template-columns: 1fr;
  }
  .manual-form-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .manual-form-actions .button {
    text-align: center;
    width: 100%;
  }
}
/* Round navigation keeps the selected state visible on desktop and mobile. */
.round-switch{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}
.round-switch button{border:1px solid #27002e;background:#fff;color:#27002e;padding:10px 16px;border-radius:24px;font:700 13px "DM Sans",sans-serif;cursor:pointer}
.round-switch button.is-active{background:#27002e;color:#fff}
.round-switch button:disabled{opacity:.4;cursor:not-allowed}
.round-switch button:focus-visible{outline:3px solid #11d8e6;outline-offset:2px}
.pro-plan-select{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px}.pro-plan-select label{display:flex;flex-direction:column;gap:4px;border:1px solid #27002e;border-radius:10px;padding:12px;cursor:pointer}.pro-plan-select label:has(input:checked){border:2px solid #00ef91;background:#ecfff7}.pro-plan-select small{display:block}.pro-plan-select input{accent-color:#27002e}@media(max-width:550px){.pro-plan-select{grid-template-columns:1fr}}