/* HB Battle guides page: repair overflowing cards and theme contrast */
body.marketing-page .mp-page,
body.marketing-page .mp-wrap,
body.marketing-page .mp-section { min-width:0; max-width:100%; }
body.marketing-page .mp-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; align-items:stretch; }
body.marketing-page .mp-card { min-width:0 !important; max-width:100%; overflow-wrap:anywhere; word-break:normal; }
body.marketing-page .mp-card.featured { grid-column:span 2; }
body.marketing-page .mp-card > a,
body.marketing-page .mp-card .guide-card-link { display:inline-flex !important; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:6px; max-width:100%; white-space:normal !important; overflow-wrap:anywhere; line-height:1.45; }
body.marketing-page .guide-card { display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; width:100% !important; min-width:0 !important; max-width:100% !important; height:auto !important; min-height:0 !important; padding:22px !important; gap:10px !important; overflow:hidden !important; white-space:normal !important; }
body.marketing-page .guide-card h3,
body.marketing-page .guide-card p { display:block !important; width:100%; min-width:0; max-width:100%; white-space:normal !important; overflow-wrap:anywhere; }
body.marketing-page .guide-card .guide-card-kicker { display:inline-block !important; max-width:100%; white-space:normal !important; }
body.marketing-page .guide-card .guide-card-link { margin-top:auto; padding-top:8px; white-space:normal !important; }
body.marketing-page .mp-section-head { min-width:0; flex-wrap:wrap; }
body.marketing-page .mp-section-head > * { min-width:0; }
body.marketing-page .ultra-search { width:100%; min-width:0; }
body.marketing-page .ultra-search input { min-width:0; width:100%; }
body.marketing-page .mp-card h3 { line-height:1.35 !important; overflow-wrap:anywhere; }
/* Explicit contrast for both theme modes */
html[data-theme="light"] body.marketing-page .mp-page { background:#f4f8f5 !important; color:#173127 !important; }
html[data-theme="light"] body.marketing-page .mp-section-head h2,
html[data-theme="light"] body.marketing-page .mp-card h3 { color:#142d23 !important; }
html[data-theme="light"] body.marketing-page .mp-section-head p,
html[data-theme="light"] body.marketing-page .mp-card p { color:#53695e !important; }
html[data-theme="light"] body.marketing-page .mp-card { background:#ffffff !important; border-color:#d9e6de !important; box-shadow:0 8px 26px rgba(17,49,35,.08) !important; }
html[data-theme="light"] body.marketing-page .mp-card a,
html[data-theme="light"] body.marketing-page .guide-card-link { color:#08784f !important; }
html[data-theme="dark"] body.marketing-page .mp-card { color:#dce9e1; }
html[data-theme="dark"] body.marketing-page .mp-card p { color:#b7c9bf !important; }
@media (max-width:760px) {
  body.marketing-page .mp-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  body.marketing-page .mp-card.featured { grid-column:span 2; }
  body.marketing-page .guide-card { padding:17px !important; }
}
@media (max-width:520px) {
  body.marketing-page .mp-grid { grid-template-columns:minmax(0,1fr) !important; gap:14px !important; }
  body.marketing-page .mp-card.featured { grid-column:auto; }
  body.marketing-page .mp-card { padding:19px !important; }
  body.marketing-page .mp-card.featured h3 { font-size:21px !important; }
  body.marketing-page .mp-actions { display:flex; flex-direction:column; align-items:stretch; }
  body.marketing-page .mp-actions .mp-btn { width:100%; max-width:100%; }
  body.marketing-page .mp-section { padding:32px 0 !important; }
}
body.marketing-page #expanded-guide-library .guide-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:stretch; gap:18px !important; width:100%; min-width:0; }
body.marketing-page #expanded-guide-library .guide-grid > * { min-width:0 !important; max-width:100% !important; }
@media (max-width:760px) { body.marketing-page #expanded-guide-library .guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; } }
@media (max-width:520px) { body.marketing-page #expanded-guide-library .guide-grid { grid-template-columns:minmax(0,1fr) !important; gap:14px !important; } }

/* Premium guide-page visual polish: richer background, readable cards, no mobile overflow */
body.marketing-page:has(.mp-page) { background:#07110d !important; }
body.marketing-page .mp-page { background:radial-gradient(ellipse at 12% 18%,rgba(42,210,145,.16),transparent 34%),radial-gradient(ellipse at 88% 38%,rgba(239,195,88,.10),transparent 30%),linear-gradient(180deg,#081710 0%,#07110d 48%,#0a1811 100%) !important; }
body.marketing-page .mp-hero { background:radial-gradient(circle at 78% 15%,rgba(50,225,157,.17),transparent 29%),radial-gradient(circle at 12% 80%,rgba(244,201,98,.10),transparent 32%),linear-gradient(135deg,#102a1e 0%,#081710 52%,#07110d 100%) !important; }
body.marketing-page .mp-hero h1 { max-width:900px; font-size:clamp(34px,7vw,66px) !important; line-height:1.08 !important; letter-spacing:-.045em !important; text-wrap:balance; }
body.marketing-page .mp-hero .lead { color:#c1d5ca !important; max-width:760px; }
body.marketing-page .mp-card, body.marketing-page #expanded-guide-library .guide-card { background:linear-gradient(145deg,rgba(19,47,34,.97),rgba(9,24,17,.98)) !important; border:1px solid rgba(119,220,170,.18) !important; border-radius:20px !important; box-shadow:0 16px 38px rgba(0,0,0,.22) !important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
body.marketing-page .mp-card:hover, body.marketing-page #expanded-guide-library .guide-card:hover { transform:translateY(-3px); border-color:rgba(57,213,154,.48) !important; box-shadow:0 20px 44px rgba(0,0,0,.3) !important; }
body.marketing-page .mp-card h3, body.marketing-page #expanded-guide-library .guide-card h3 { color:#f0faf4 !important; overflow-wrap:anywhere; }
body.marketing-page .mp-card p, body.marketing-page #expanded-guide-library .guide-card p { color:#b5cbbd !important; line-height:1.72 !important; }
body.marketing-page .mp-card a, body.marketing-page #expanded-guide-library .guide-card .guide-card-link { color:#43e0a3 !important; line-height:1.5 !important; white-space:normal !important; overflow-wrap:anywhere; }
body.marketing-page .mp-stats { border-color:rgba(126,211,165,.18) !important; background:rgba(126,211,165,.13) !important; }
body.marketing-page .mp-stat { background:rgba(10,29,20,.94) !important; }
body.marketing-page .mp-cta { background:radial-gradient(circle at 90% 10%,rgba(57,213,154,.14),transparent 32%),linear-gradient(135deg,#143625,#09170f) !important; }
html[data-theme="light"] body.marketing-page .mp-page { background:radial-gradient(ellipse at 12% 12%,rgba(57,213,154,.13),transparent 32%),radial-gradient(ellipse at 90% 35%,rgba(240,204,118,.13),transparent 28%),linear-gradient(180deg,#f5fbf7,#edf5f0) !important; color:#173127 !important; }
html[data-theme="light"] body.marketing-page .mp-hero { background:radial-gradient(circle at 80% 12%,rgba(57,213,154,.19),transparent 30%),linear-gradient(135deg,#e1f5e9,#f7fbf8 65%,#edf7f0) !important; }
html[data-theme="light"] body.marketing-page .mp-hero h1 { color:#123c2b !important; }
html[data-theme="light"] body.marketing-page .mp-hero .lead { color:#456557 !important; }
html[data-theme="light"] body.marketing-page .mp-card, html[data-theme="light"] body.marketing-page #expanded-guide-library .guide-card { background:linear-gradient(145deg,#ffffff,#f4faf6) !important; border-color:#d5e8dc !important; }
html[data-theme="light"] body.marketing-page .mp-card h3, html[data-theme="light"] body.marketing-page #expanded-guide-library .guide-card h3 { color:#163d2c !important; }
html[data-theme="light"] body.marketing-page .mp-card p, html[data-theme="light"] body.marketing-page #expanded-guide-library .guide-card p { color:#526d5e !important; }
@media(max-width:520px) { body.marketing-page .mp-hero { padding:46px 0 34px !important; } body.marketing-page .mp-hero h1 { font-size:clamp(32px,9vw,42px) !important; } body.marketing-page .mp-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } body.marketing-page #expanded-guide-library .guide-card { padding:18px !important; } }
@media(prefers-reduced-motion:reduce) { body.marketing-page .mp-card, body.marketing-page #expanded-guide-library .guide-card { transition:none !important; } }