/* MHQ main-site v2 — shared editorial system for creators, Minecraft, MLBB guide and Contact */
.page-main-v2{
  --v2-bg:#0d1116;
  --v2-panel:#111922;
  --v2-panel-2:#0f161e;
  --v2-line:#2b3946;
  --v2-text:#f5f2e8;
  --v2-muted:#a9b8c7;
  --v2-soft:#718397;
  --v2-accent:var(--blue,#00bdf2);
  --v2-accent-soft:var(--blue-light,#55d9ff);
  --v2-display:'Barlow Condensed','Arial Narrow',sans-serif;
  --v2-sans:'DM Sans',Arial,sans-serif;
  background:var(--v2-bg);
  color:var(--v2-text);
}
.page-main-v2 main{overflow:clip}
.page-main-v2 main :where(h1,h2,h3){font-family:var(--v2-display)}
.page-main-v2 main :where(p,li,a,button,span){font-family:var(--v2-sans)}

/* ---------- One hero system ---------- */
.page-main-v2 .hero-polished,
.page-main-v2 .seo-resource-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);
  gap:clamp(42px,5.5vw,82px);
  align-items:center;
  min-height:0;
  padding-top:clamp(48px,5vw,76px);
  padding-bottom:clamp(50px,5.5vw,84px);
}
.page-main-v2 .seo-resource-hero{padding:0;background:transparent;border:0}
.page-main-v2 .hero-content,
.page-main-v2 .seo-resource-hero-copy{min-width:0;max-width:none}
.page-main-v2 .hero-content .eyebrow,
.page-main-v2 .seo-resource-hero-copy>.eyebrow,
.page-main-v2 .section-heading .eyebrow,
.page-main-v2 .schedule-modern-header .eyebrow,
.page-main-v2 .small-label{
  color:var(--v2-accent);
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.page-main-v2 .label-line{background:var(--v2-accent)!important}
.page-main-v2 .hero-content h1,
.page-main-v2 .seo-resource-hero-copy h1{
  margin:18px 0 22px;
  max-width:780px;
  font:800 clamp(68px,6.8vw,110px)/.84 var(--v2-display);
  letter-spacing:-.026em;
  text-transform:uppercase;
}
.page-main-v2 .seo-resource-hero-copy h1{font-size:clamp(64px,6.2vw,100px)}
.page-main-v2 .hero-content h1 em,
.page-main-v2 .seo-resource-hero-copy h1 em,
.page-main-v2 .section-heading h2 em,
.page-main-v2 .schedule-modern-header h2 em,
.page-main-v2 .cta-inner h2 em{
  color:var(--v2-accent)!important;
  font-style:italic;
}
.page-main-v2 .hero-description,
.page-main-v2 .seo-resource-hero-copy>p{
  max-width:58ch;
  color:var(--v2-muted);
  font-size:clamp(15px,1.12vw,18px);
  line-height:1.62;
}
.page-main-v2 .hero-visual{
  position:relative;
  min-width:0;
  transform:none!important;
  margin:0!important;
}
.page-main-v2 .hero-visual-note{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
  justify-content:flex-start;
}
.page-main-v2 .hero-visual-note span{
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--v2-accent) 42%,#354553);
  border-radius:999px;
  background:#101821;
  color:var(--v2-text);
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.page-main-v2 .portrait,
.page-main-v2 .mlbb-strategy-visual{
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:0;
  border:1px solid color-mix(in srgb,var(--v2-accent) 55%,#334452)!important;
  border-top:3px solid var(--v2-accent)!important;
  border-radius:10px!important;
  background:#0f1821;
  box-shadow:none!important;
  transform:none!important;
}
.page-main-v2.page-creator-v2 .portrait{aspect-ratio:1/1.05;max-height:620px}
.page-main-v2.page-contact-v2 .portrait{aspect-ratio:1.08/1;min-height:430px}
.page-main-v2.page-minecraft-v2 .portrait{
  aspect-ratio:1.18/1;
  min-height:430px;
  background:
    linear-gradient(0deg,rgba(6,12,15,.72),rgba(6,12,15,.06) 52%),
    url('/assets/mhq-minecraft-world-card.webp') center/cover no-repeat!important;
}
.page-main-v2.page-minecraft-v2 .server-portrait-image{opacity:0!important}
.page-main-v2 .portrait-image{width:100%;height:100%;object-fit:cover;transform:none!important;transition:none!important}
.page-main-v2.page-creator-v2 .portrait-image{object-position:center 28%}
.page-main-v2[data-theme="mrhoid"] .portrait-image{object-position:center 38%}
.page-main-v2[data-theme="melody"] .portrait-image{object-position:center 24%}
.page-main-v2 .portrait:hover .portrait-image{transform:none!important}
.page-main-v2 .hero-sticker{display:none!important}
.page-main-v2 .portrait-top{top:14px;left:14px;right:14px}
.page-main-v2 .portrait-caption{left:18px;right:18px;bottom:18px}
.page-main-v2 .portrait-caption strong{font:800 clamp(34px,3.2vw,52px)/.92 var(--v2-display)}
.page-main-v2 .brand-identity-logo{max-width:48%;max-height:44%;object-fit:contain}

/* MLBB guide hero follows same card language */
.page-main-v2 .mlbb-strategy-visual{min-height:500px;background:linear-gradient(145deg,#0e1923,#0b1219)}
.page-main-v2 .seo-trust-line{margin-top:22px;border-top:1px solid var(--v2-line);padding-top:14px;color:var(--v2-soft)}

/* ---------- One button system, accent comes from page theme ---------- */
.page-main-v2 main .button,
.page-main-v2 main .social-chip,
.page-main-v2 main .hq-primary-link,
.page-main-v2 main .cta-actions a{
  min-height:46px;
  border-radius:6px!important;
  box-shadow:none!important;
  transform:none!important;
  font-weight:700;
}
.page-main-v2 main .button:not(.button-outline):not(.button-light),
.page-main-v2 main .creator-discord-button,
.page-main-v2 main .schedule-discord-button{
  border-color:var(--v2-accent)!important;
  background:var(--v2-accent)!important;
  color:#071016!important;
}
.page-main-v2 main .button-outline,
.page-main-v2 main .social-chip{
  border:1px solid #435566!important;
  background:#10171e!important;
  color:var(--v2-text)!important;
}
.page-main-v2 main .button-light,
.page-main-v2 main .cta-actions .button-light{
  border-color:var(--v2-accent)!important;
  background:var(--v2-accent)!important;
  color:#071016!important;
}
.page-main-v2 main :is(.button,.social-chip):hover{
  transform:none!important;
  border-color:var(--v2-accent)!important;
  filter:brightness(1.06);
}
.page-main-v2 main .text-link{color:var(--v2-accent)!important;font-weight:700}
.page-main-v2 .hero-actions,
.page-main-v2 .social-link-row{gap:10px}

/* ---------- Homepage-style section rhythm ---------- */
.page-main-v2 main>.section,
.page-main-v2 main>.community-section,
.page-main-v2 main>.cta-band,
.page-main-v2 .seo-resource-section,
.page-main-v2 .mlbb-flow-section{
  position:relative;
}
.page-main-v2 main>.section.container,
.page-main-v2 .community-section>.container,
.page-main-v2 .mlbb-flow-section>.container{
  border-top:1px solid var(--v2-line);
  padding-top:clamp(28px,3vw,42px);
  padding-bottom:clamp(46px,5vw,78px);
}
.page-main-v2 .game-strip{border-block:1px solid var(--v2-line);background:#0f1821}

/* ---------- Global heading/right rail rule ---------- */
@media (min-width:861px){
  .page-main-v2 .section-heading,
  .page-main-v2 .schedule-modern-header,
  .page-main-v2 .server-connect-heading,
  .page-main-v2 .cta-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,420px)!important;
    column-gap:clamp(38px,5vw,72px)!important;
    align-items:end!important;
  }
  .page-main-v2 .section-heading>p,
  .page-main-v2 .schedule-modern-header>p,
  .page-main-v2 .server-connect-heading>p,
  .page-main-v2 .section-heading>a,
  .page-main-v2 .cta-action{
    width:100%!important;
    max-width:420px!important;
    justify-self:end!important;
    text-align:right!important;
    margin-left:0!important;
  }
  .page-main-v2 .section-heading>a{display:flex;justify-content:flex-end;align-items:center}
  .page-main-v2 .cta-action{display:grid;justify-items:end;gap:14px}
  .page-main-v2 .cta-action p{max-width:420px;text-align:right}
  .page-main-v2 .cta-actions{justify-content:flex-end}
}
.page-main-v2 .section-heading,
.page-main-v2 .schedule-modern-header{margin-bottom:24px}
.page-main-v2 .section-heading h2,
.page-main-v2 .schedule-modern-header h2,
.page-main-v2 .cta-inner h2{
  margin-top:7px;
  font:800 clamp(40px,4.2vw,64px)/.92 var(--v2-display);
  letter-spacing:-.018em;
  text-transform:uppercase;
}
.page-main-v2 .section-heading>p,
.page-main-v2 .schedule-modern-header>p,
.page-main-v2 .server-connect-heading>p,
.page-main-v2 .cta-action>p{
  color:var(--v2-muted)!important;
  font-size:13px;
  line-height:1.55;
}

/* ---------- Consistent panels/cards ---------- */
.page-main-v2 :is(.info-panel,.schedule-modern-card,.video-card,.contact-card,.seo-icon-card-grid>article,.mlbb-flow-grid>article,.seo-checklist-card,.seo-link-card-grid>a,.seo-faq-panel,.server-connect-card,.quest-card){
  border:1px solid var(--v2-line)!important;
  border-radius:8px!important;
  background:var(--v2-panel)!important;
  box-shadow:none!important;
  transform:none!important;
}
.page-main-v2 :is(.info-panel,.schedule-modern-card,.video-card,.contact-card,.seo-icon-card-grid>article,.mlbb-flow-grid>article,.seo-link-card-grid>a):hover{
  border-color:color-mix(in srgb,var(--v2-accent) 62%,var(--v2-line))!important;
  transform:none!important;
}
.page-main-v2 :is(.info-panel,.contact-card,.video-card-body,.schedule-modern-card){padding:18px}
.page-main-v2 .info-panel h3,
.page-main-v2 .contact-card h3,
.page-main-v2 .video-card h3{font:800 28px/1 var(--v2-display);text-transform:uppercase}
.page-main-v2 :is(.info-panel,.contact-card,.video-card) p{color:var(--v2-muted);line-height:1.55}
.page-main-v2 .stream-grid{gap:16px}
.page-main-v2 .twitch-player{border:1px solid var(--v2-line);border-radius:8px;overflow:hidden;background:#05080b}
.page-main-v2 .stream-side{gap:16px}
.page-main-v2 .schedule-modern-grid{gap:12px}
.page-main-v2 .schedule-modern-card{border-top:2px solid var(--v2-accent)!important}
.page-main-v2 .schedule-time{color:var(--v2-accent)!important}
.page-main-v2 .schedule-off-row{border:1px solid var(--v2-line);border-radius:8px;background:var(--v2-panel);padding:18px}

/* Contact */
.page-main-v2.page-contact-v2 .contact-grid{gap:14px}
.page-main-v2.page-contact-v2 .contact-card{display:flex;flex-direction:column;gap:12px}
.page-main-v2.page-contact-v2 .contact-card>.button{margin-top:auto;align-self:flex-start}

/* Minecraft */
.page-main-v2.page-minecraft-v2 .address-stack{display:grid;gap:8px;margin:22px 0 14px}
.page-main-v2.page-minecraft-v2 .address-card{border:1px solid var(--v2-line)!important;border-left:3px solid var(--v2-accent)!important;border-radius:7px;background:var(--v2-panel)!important}
.page-main-v2.page-minecraft-v2 .quest-band{border-block:1px solid var(--v2-line);background:#0f1821}
.page-main-v2.page-minecraft-v2 .server-connect-card{border-top:3px solid var(--v2-accent)!important}

/* Mobile Legends guide */
.page-main-v2.page-mlbb-guide-v2 .seo-icon-card-grid,
.page-main-v2.page-mlbb-guide-v2 .seo-link-card-grid{gap:14px}
.page-main-v2.page-mlbb-guide-v2 .seo-icon-card-grid>article,
.page-main-v2.page-mlbb-guide-v2 .seo-link-card-grid>a{border-top:2px solid var(--v2-accent)!important}
.page-main-v2.page-mlbb-guide-v2 .seo-card-icon{color:var(--v2-accent)!important}
.page-main-v2.page-mlbb-guide-v2 .mlbb-flow-grid>article{border-top:2px solid var(--v2-accent)!important}
.page-main-v2.page-mlbb-guide-v2 .seo-split-panel{gap:16px}
.page-main-v2.page-mlbb-guide-v2 .seo-faq-layout{gap:28px}

/* CTA bands look like homepage sections rather than a separate visual language */
.page-main-v2 .cta-band{
  margin:0;
  border-block:1px solid var(--v2-line)!important;
  background:#0f151c!important;
  color:var(--v2-text)!important;
}
.page-main-v2 .cta-inner{padding-top:clamp(34px,4vw,54px);padding-bottom:clamp(34px,4vw,54px)}
.page-main-v2 .cta-mark{opacity:.035!important}

/* ---------- Responsive ---------- */
@media(max-width:1050px){
  .page-main-v2 .hero-polished,
  .page-main-v2 .seo-resource-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:34px}
}
@media(max-width:860px){
  .page-main-v2 .hero-polished,
  .page-main-v2 .seo-resource-hero-grid{grid-template-columns:1fr;gap:24px;padding-top:34px;padding-bottom:48px}
  .page-main-v2 .hero-content h1,
  .page-main-v2 .seo-resource-hero-copy h1{font-size:clamp(60px,14vw,88px)}
  .page-main-v2 .hero-visual{max-width:720px;width:100%;margin-inline:auto!important}
  .page-main-v2 .section-heading,
  .page-main-v2 .schedule-modern-header,
  .page-main-v2 .server-connect-heading,
  .page-main-v2 .cta-inner{grid-template-columns:1fr!important;gap:12px!important;align-items:start!important}
  .page-main-v2 .section-heading>p,
  .page-main-v2 .schedule-modern-header>p,
  .page-main-v2 .server-connect-heading>p,
  .page-main-v2 .section-heading>a,
  .page-main-v2 .cta-action{width:100%!important;max-width:none!important;justify-self:stretch!important;text-align:left!important}
  .page-main-v2 .cta-action{justify-items:start}
  .page-main-v2 .cta-action p{text-align:left;max-width:60ch}
  .page-main-v2 .cta-actions{justify-content:flex-start}
}
@media(max-width:680px){
  .page-main-v2 .hero-polished,
  .page-main-v2 .seo-resource-hero-grid{padding-top:26px;padding-bottom:38px}
  .page-main-v2 .hero-content h1,
  .page-main-v2 .seo-resource-hero-copy h1{font-size:clamp(54px,16vw,76px);margin:14px 0 16px}
  .page-main-v2 .hero-description,
  .page-main-v2 .seo-resource-hero-copy>p{font-size:14px}
  .page-main-v2 .hero-actions,
  .page-main-v2 .hero-actions.nh-action-pair,
  .page-main-v2 .cta-actions,
  .page-main-v2 .schedule-off-row{display:grid!important;grid-template-columns:1fr!important}
  .page-main-v2 .hero-actions :is(.button,a),
  .page-main-v2 .cta-actions :is(.button,a),
  .page-main-v2 .schedule-off-row>.button{width:100%!important;max-width:none!important;justify-content:center!important}
  .page-main-v2 .social-link-row{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
  .page-main-v2 .social-link-row .social-chip{width:100%;justify-content:center}
  .page-main-v2 .portrait,
  .page-main-v2.page-contact-v2 .portrait,
  .page-main-v2.page-minecraft-v2 .portrait{min-height:0;aspect-ratio:1/1}
  .page-main-v2 .mlbb-strategy-visual{min-height:420px}
  .page-main-v2 main>.section.container,
  .page-main-v2 .community-section>.container,
  .page-main-v2 .mlbb-flow-section>.container{padding-top:24px;padding-bottom:44px}
  .page-main-v2 .section-heading h2,
  .page-main-v2 .schedule-modern-header h2,
  .page-main-v2 .cta-inner h2{font-size:clamp(36px,10vw,50px)}
  .page-main-v2.page-contact-v2 .contact-card>.button{align-self:stretch;justify-content:center}
}
@media(max-width:460px){
  .page-main-v2 .social-link-row{grid-template-columns:1fr!important}
  .page-main-v2 .hero-visual-note{gap:6px}
  .page-main-v2 .hero-visual-note span{font-size:8px;padding:5px 8px}
}