/* =============================================================
   AgAu.ai RC13 layout and spacing corrections
   Loaded after quantum-v2.css.
   Purpose: consistent shell width, predictable vertical rhythm,
   non-overlapping hero content, aligned cards, and mobile safety.
   ============================================================= */
:root{
  --qm-shell-max:1370px;
  --qm-shell-gutter:16px;
  --qm-block-gap:12px;
}

/* One alignment line for header, page content, sub-navigation and footer. */
.agau-shell-header{
  left:var(--qm-shell-gutter)!important;
  right:var(--qm-shell-gutter)!important;
  transform:none!important;
  width:auto!important;
  max-width:var(--qm-shell-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.qm-container,
body:not(.qm-home-page) :is(.live-page-shell,.dashboard-wrap,.page-shell,.agau-standard-main,.ugr-main,.agau-heatdash),
.page-subnav,
.market-ticker-bar,
.agau-shell-footer{
  width:min(var(--qm-shell-max),calc(100% - (var(--qm-shell-gutter) * 2)))!important;
  max-width:var(--qm-shell-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Stop dynamically inserted AI assessments becoming invisible blank space. */
.agau-page-ai,
.agau-page-ai.reveal{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  margin:0!important;
}
.agau-page-ai-card{min-width:0!important;overflow:hidden!important}

/* Live intelligence pages: direct children always follow one another tightly. */
.live-page-main{
  padding:18px 0 58px!important;
  min-height:0!important;
}
.live-page-shell{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:var(--qm-block-gap)!important;
}
.live-page-shell > *{
  position:relative;
  margin:0!important;
  min-width:0!important;
}
.live-page-shell > .live-page-hero,
.live-page-shell > .live-metrics,
.live-page-shell > .live-content-grid,
.live-page-shell > .agau-page-ai{
  margin-block:0!important;
}
.live-metrics,
.live-content-grid{align-items:stretch!important}
.live-metric,
.live-panel{height:100%;min-width:0!important}

/* Hero layout: two columns by default. Only the Daily AI Brief is three-column. */
.qm-page-hero,
.dashboard-hero.qm-page-hero{
  grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr)!important;
  align-items:stretch!important;
  gap:26px!important;
  min-height:330px!important;
  padding:32px!important;
  margin:0 0 var(--qm-block-gap)!important;
}
body.page-dashboard .dashboard-hero.qm-page-hero{
  grid-template-columns:minmax(430px,1.2fr) minmax(190px,.38fr) minmax(330px,.72fr)!important;
}
body.page-miners .dashboard-hero.qm-page-hero{
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;
}
.qm-page-hero > *{min-width:0!important;max-width:none}
.qm-page-hero > div:first-child,
.qm-page-hero > .qm-hero-content{
  align-self:center!important;
  max-width:720px!important;
}
.qm-page-hero h1{
  max-width:680px!important;
  font-size:clamp(40px,4.5vw,66px)!important;
  line-height:1.02!important;
  text-wrap:balance;
  overflow-wrap:normal;
  hyphens:auto;
}
.qm-page-hero p{max-width:680px!important}

/* Dedicated and converted art panels must fill their grid column. */
.qm-page-art,
.qm-art-panel{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:280px!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}
.qm-art-panel{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:28px!important;
  padding-bottom:66px!important;
}
.qm-art-panel > *:not(.qm-page-art-mark):not(.qm-page-art-label){
  min-width:0!important;
  max-width:100%!important;
}
.qm-page-art .qm-page-art-label,
.qm-art-panel .qm-page-art-label{
  left:18px!important;
  right:18px!important;
  bottom:15px!important;
  min-width:0!important;
}
.qm-page-art .qm-page-art-label span,
.qm-art-panel .qm-page-art-label span{
  flex:0 0 auto!important;
  font-size:9px!important;
  line-height:1.25!important;
}
.qm-page-art .qm-page-art-label strong,
.qm-art-panel .qm-page-art-label strong{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:68%!important;
  font-size:12px!important;
  line-height:1.25!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
}

/* Rates page: remove the accidental empty third grid column and stop text collision. */
body.page-rates .dashboard-hero.qm-page-hero{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
}
.rates-hero-card.qm-art-panel{
  justify-content:flex-start!important;
  min-height:320px!important;
  padding:30px 28px 30px!important;
  background-position:center!important;
}
.rates-hero-card.qm-art-panel::before{
  background:linear-gradient(90deg,rgba(4,7,9,.92),rgba(4,7,9,.68) 66%,rgba(4,7,9,.42))!important;
}
.rates-hero-card.qm-art-panel .signal-label{
  max-width:72%!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.rates-hero-card.qm-art-panel > strong{
  max-width:72%!important;
  margin-top:12px!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.02!important;
  overflow-wrap:normal!important;
}
.rates-hero-card.qm-art-panel > small{
  display:-webkit-box!important;
  max-width:72%!important;
  margin-top:12px!important;
  font-size:13px!important;
  line-height:1.5!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:7!important;
}
.rates-hero-card.qm-art-panel .qm-page-art-label{display:none!important}

/* Converted information panels keep their own data legible over the artwork. */
:is(.holders-hero-panel,.xaut-hero-panel,.premium-card,.platform-terminal-card,.heat-live-card).qm-art-panel{
  justify-content:flex-start!important;
  min-height:320px!important;
}
:is(.holders-hero-panel,.xaut-hero-panel).qm-art-panel{
  background-image:linear-gradient(105deg,rgba(5,8,10,.96),rgba(5,8,10,.79)),var(--qm-page-image)!important;
}
:is(.holders-stat-grid,.xaut-stat-grid,.terminal-grid){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
:is(.holders-stat-grid,.xaut-stat-grid,.terminal-grid) > *{
  min-width:0!important;
  height:100%!important;
}

/* Shared grid and card alignment. */
main :is(
  .live-metrics,.live-content-grid,.market-grid,.core-grid,.silver-grid,.driver-grid,
  .premium-grid,.archive-grid,.layer-grid,.rates-card-grid,.rates-opinion-grid,
  .rates-explainer,.holders-metric-row,.xaut-metric-row,.holders-stat-grid,
  .xaut-stat-grid,.platform-feature-grid,.research-grid,.reports-grid,.story-grid,
  .dashboard-story-grid,.signal-story-grid,.agau-metrics,.agau-form-grid,
  .heatmap-summary-grid,.qm-dashboard-grid,.qm-research-grid,.qm-driver-grid
){
  align-items:stretch!important;
}
main :is(
  .live-metrics,.live-content-grid,.market-grid,.core-grid,.silver-grid,.driver-grid,
  .premium-grid,.archive-grid,.layer-grid,.rates-card-grid,.rates-opinion-grid,
  .rates-explainer,.holders-metric-row,.xaut-metric-row,.holders-stat-grid,
  .xaut-stat-grid,.platform-feature-grid,.research-grid,.reports-grid,.story-grid,
  .dashboard-story-grid,.signal-story-grid,.agau-metrics,.agau-form-grid,
  .heatmap-summary-grid,.qm-dashboard-grid,.qm-research-grid,.qm-driver-grid
) > *{
  min-width:0!important;
}
main :is(
  .live-metric,.live-panel,.market-card,.rates-card,.rates-opinion-box,.plain-card,
  .story-card,.insight-card,.locked-card,.premium-card,.agau-card,.holder-card,
  .xaut-card,.research-card,.report-card,.platform-feature-card,.core-card,
  .silver-card,.driver-card,.deep-card
){
  overflow-wrap:anywhere;
}

/* Predictable section spacing without oversized empty surfaces. */
.agau-standard-main,
.page-shell,
.dashboard-wrap,
.agau-heatdash{
  padding-top:0!important;
}
.agau-standard-main > section,
.page-shell > section,
.dashboard-wrap > section,
.agau-heatdash > section{
  margin-top:var(--qm-block-gap)!important;
}
.agau-standard-main > .qm-page-hero,
.page-shell > .qm-page-hero,
.dashboard-wrap > .qm-page-hero,
.agau-heatdash > .qm-page-hero{
  margin-top:0!important;
}
.section,
.dashboard-section{
  min-width:0!important;
}
.section-title,
.section-title > *,
.heatmap-title-row > *,
.agau-page-ai-grid > *{
  min-width:0!important;
}
.section-title h2,
.agau-page-ai-card h2,
.live-panel h2,
.story-card h3,
.insight-card h3{
  text-wrap:balance;
  overflow-wrap:normal;
  hyphens:auto;
}

/* Long source names, timestamps and dynamic labels may break safely. */
:is(.live-source,.rates-pill,.source-pill,.terminal-topline,.holders-footnote,.xaut-footnote,
    .agau-page-ai-foot,.agau-page-ai-assessment,.agau-page-ai-why,.live-item p,
    .detail-driver-row span,.detail-driver-row b,.market-card small,.rates-card .note){
  overflow-wrap:anywhere!important;
}

/* Tables remain inside the aligned page shell on small screens. */
:is(.watch-table-wrap,.holders-table-wrap,.data-method-table-wrap,.table-wrap){
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}

/* Footer aligns with page shell and does not exceed it. */
.agau-shell-footer{margin-top:48px!important}

@media(max-width:1200px){
  .qm-page-hero,
  .dashboard-hero.qm-page-hero,
  body.page-miners .dashboard-hero.qm-page-hero,
  body.page-rates .dashboard-hero.qm-page-hero{
    grid-template-columns:minmax(0,1fr) minmax(320px,.82fr)!important;
  }
  body.page-dashboard .dashboard-hero.qm-page-hero{
    grid-template-columns:minmax(0,1fr) minmax(180px,.36fr)!important;
  }
  body.page-dashboard .dashboard-hero.qm-page-hero > .qm-page-art{
    grid-column:1/-1!important;
    min-height:260px!important;
  }
}

@media(max-width:900px){
  :root{--qm-shell-gutter:10px;--qm-block-gap:10px}
  .qm-page-hero,
  .dashboard-hero.qm-page-hero,
  body.page-dashboard .dashboard-hero.qm-page-hero,
  body.page-miners .dashboard-hero.qm-page-hero,
  body.page-rates .dashboard-hero.qm-page-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:26px!important;
  }
  .qm-page-hero > div:first-child,
  .qm-page-hero > .qm-hero-content{max-width:none!important}
  .qm-page-hero h1{max-width:760px!important;font-size:clamp(38px,7vw,56px)!important}
  .qm-page-art,.qm-art-panel{min-height:250px!important}
  .rates-hero-card.qm-art-panel > :is(.signal-label,strong,small){max-width:82%!important}
  .live-content-grid{grid-template-columns:1fr!important}
  .agau-page-ai-grid{grid-template-columns:1fr!important}
  .agau-shell-footer{grid-template-columns:1fr!important}
  .agau-shell-footer nav{justify-content:flex-start!important}
}

@media(max-width:640px){
  :root{--qm-shell-gutter:8px;--qm-block-gap:9px}
  body:not(.qm-home-page){padding-top:82px!important}
  .agau-shell-header{
    left:7px!important;
    right:7px!important;
    width:auto!important;
    height:66px!important;
  }
  .qm-page-hero,
  .dashboard-hero.qm-page-hero{
    padding:21px 18px!important;
    gap:18px!important;
    border-radius:18px!important;
  }
  .qm-page-hero h1{font-size:clamp(34px,11vw,46px)!important;line-height:1.04!important}
  .qm-page-hero p{font-size:14px!important;line-height:1.58!important}
  .qm-page-art,.qm-art-panel{min-height:210px!important;border-radius:15px!important}
  .qm-art-panel{padding:21px 18px 58px!important}
  .rates-hero-card.qm-art-panel{min-height:270px!important;padding:24px 20px!important}
  .rates-hero-card.qm-art-panel > :is(.signal-label,strong,small){max-width:88%!important}
  .rates-hero-card.qm-art-panel > strong{font-size:30px!important}
  .live-page-main{padding-top:10px!important;padding-bottom:42px!important}
  .live-metrics,.market-grid,.rates-card-grid,.holders-metric-row,.xaut-metric-row,.agau-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .live-metric,.market-card,.rates-card{min-height:0!important;padding:15px!important}
  .live-metric strong,.market-card strong,.rates-card .value{font-size:20px!important}
  .section,.dashboard-section,.live-panel,.agau-page-ai-card{padding:19px 16px!important}
  .hero-actions,.live-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-actions :is(a,button),.live-actions :is(a,button){width:100%!important;justify-content:center!important;text-align:center!important}
  :is(.holders-stat-grid,.xaut-stat-grid,.terminal-grid){grid-template-columns:1fr!important}
  .qm-page-art .qm-page-art-label strong,.qm-art-panel .qm-page-art-label strong{max-width:62%!important;font-size:10px!important}
  .agau-shell-footer{padding:24px 18px!important;margin-top:36px!important}
}

@media(max-width:460px){
  .live-metrics,.market-grid,.rates-card-grid,.holders-metric-row,.xaut-metric-row,.agau-metrics{
    grid-template-columns:1fr!important;
  }
  .qm-page-art,.qm-art-panel{min-height:190px!important}
  .qm-page-art .qm-page-art-label span,.qm-art-panel .qm-page-art-label span{display:none!important}
  .qm-page-art .qm-page-art-label strong,.qm-art-panel .qm-page-art-label strong{max-width:100%!important;text-align:left!important}
}

/* RC14 live/delayed display-quote state */
.agau-live-quote-badge{
  display:inline-flex;align-items:center;gap:.35rem;width:max-content;
  margin-top:.45rem;padding:.22rem .48rem;border:1px solid rgba(255,255,255,.12);
  border-radius:999px;background:rgba(255,255,255,.045);color:#aeb6c3;
  font:700 .62rem/1.1 Montserrat,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;
}
.agau-live-quote-badge::before{content:"";width:.38rem;height:.38rem;border-radius:50%;background:#7d8794;box-shadow:0 0 0 .18rem rgba(125,135,148,.12)}
.agau-live-quote-badge[data-tone="live"]{color:#54d990;border-color:rgba(84,217,144,.23);background:rgba(84,217,144,.08)}
.agau-live-quote-badge[data-tone="live"]::before{background:#43d884;box-shadow:0 0 .65rem rgba(67,216,132,.55)}
.agau-live-quote-badge[data-tone="closed"]{color:#e1bd61;border-color:rgba(225,189,97,.2);background:rgba(225,189,97,.07)}
.agau-live-quote-badge[data-tone="closed"]::before{background:#e1bd61}
.agau-live-quote-badge[data-tone="fallback"]{color:#aeb6c3}
.ticker-item>.agau-live-quote-badge{display:none}
@media(max-width:640px){.agau-live-quote-badge{font-size:.56rem;padding:.2rem .4rem}}