/* AQM Recommendations — professional alignment and responsive equal-card system */
body.aq-rec-page {
  --aqr-gutter: var(--aqm-space-page, 24px);
  --aqr-shell-max: calc(var(--aqm-page-max, 1440px) - (var(--aqr-gutter) * 2));
  --aqr-shell: min(calc(100vw - (var(--aqr-gutter) * 2)), var(--aqr-shell-max));
  --aqr-gap: clamp(12px, 1.25vw, 18px);
}

body.aq-rec-page .pg-hero {
  padding-inline: 0;
}

body.aq-rec-page .pg-hero-in,
body.aq-rec-page .main,
body.aq-rec-page .aqm-footer-inner {
  width: var(--aqr-shell) !important;
  max-width: var(--aqr-shell-max) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

body.aq-rec-page .main {
  padding-top: clamp(18px, 2.2vw, 30px) !important;
}

body.aq-rec-page .decision-grid,
body.aq-rec-page .findings,
body.aq-rec-page .sg,
body.aq-rec-page .stn-grid,
body.aq-rec-page .chart-grid,
body.aq-rec-page .comfort-grid {
  align-items: stretch;
  gap: var(--aqr-gap);
}

body.aq-rec-page .decision-card,
body.aq-rec-page .find-card,
body.aq-rec-page .sk,
body.aq-rec-page .stn-card,
body.aq-rec-page .chart-wrap,
body.aq-rec-page .comfort-card {
  height: 100%;
  min-width: 0;
}

body.aq-rec-page .decision-card {
  display: flex;
  flex-direction: column;
  min-height: 164px;
  padding: 20px 20px 18px;
}

body.aq-rec-page .decision-card p {
  margin-top: auto;
}

body.aq-rec-page .method-note {
  margin: -4px 0 20px;
  padding: 14px 16px;
  border-left: 3px solid var(--gold);
}

body.aq-rec-page .findings {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.aq-rec-page .find-card {
  display: flex;
  min-height: 132px;
  flex-direction: column;
  justify-content: center;
}

body.aq-rec-page .stn-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.aq-rec-page .stn-card {
  display: flex;
  flex-direction: column;
}

body.aq-rec-page .stn-bot {
  margin-top: auto;
}

body.aq-rec-page .chart-wrap,
body.aq-rec-page .comfort-card,
body.aq-rec-page .rec {
  display: flex;
  flex-direction: column;
}

body.aq-rec-page .chart-area,
body.aq-rec-page .chart-sm,
body.aq-rec-page .chart-full,
body.aq-rec-page .rec-body {
  min-width: 0;
}

body.aq-rec-page .tbl {
  width: 100%;
}

body.aq-rec-page .sec-h {
  min-height: 76px;
  align-content: center;
}

body.aq-rec-page .sec-body {
  min-width: 0;
}

body.aq-rec-page .pg-hero h2 {
  max-width: 860px;
  font-size: clamp(1.9rem, 3.2vw, 3.45rem);
  font-weight: 300;
  letter-spacing: -.035em;
  line-height: 1.18;
}

body.aq-rec-page .hero-aqi-sub {
  max-width: 760px;
  line-height: 1.65;
}

html[data-aqm-theme="dark"] body.aq-rec-page .method-note {
  background: rgba(59, 130, 246, .08);
}

@media (max-width: 1180px) {
  body.aq-rec-page .findings {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.aq-rec-page .stn-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  body.aq-rec-page .decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.aq-rec-page .decision-card {
    min-height: 148px;
  }
}

@media (max-width: 700px) {
  body.aq-rec-page {
    --aqr-gutter: 14px;
  }

  body.aq-rec-page .findings,
  body.aq-rec-page .sg {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.aq-rec-page .sec-h {
    min-height: 0;
    padding: 17px 16px 14px;
  }

  body.aq-rec-page .sec-body {
    padding: 16px;
  }

  body.aq-rec-page .rec-body {
    overflow-x: auto;
  }

  body.aq-rec-page .rec-body > .tbl,
  body.aq-rec-page .sec-body > .tbl {
    min-width: 680px;
  }
}

@media (max-width: 540px) {
  body.aq-rec-page .decision-grid,
  body.aq-rec-page .stn-grid {
    grid-template-columns: 1fr;
  }

  body.aq-rec-page .decision-card {
    min-height: 0;
  }

  body.aq-rec-page .pg-hero h2 {
    font-size: clamp(1.55rem, 9vw, 2.3rem);
  }
}

@media (max-width: 390px) {
  body.aq-rec-page .findings,
  body.aq-rec-page .sg {
    grid-template-columns: 1fr;
  }
}

@media print {
  body.aq-rec-page .pg-hero-in,
  body.aq-rec-page .main,
  body.aq-rec-page .aqm-footer-inner {
    width: 100% !important;
    max-width: none !important;
  }
}