/* Habineo Premium UI v0.67.8 — pricing readability pass + tighter rhythm */
:root{
  --hb678-page-top:24px;
  --hb678-page-top-mobile:18px;
  --hb678-section-gap:64px;
  --hb678-first-gap:58px;
}

/* 1) Same top rhythm, corrected for sources page too */
.hb-pricing__container,
.hb-strategy__container,
.hb-check__container,
.hb-faq__container,
.hb-radar__shell,
.hb-iw__container,
.hb-sources__container{
  padding-top:var(--hb678-page-top)!important;
}
@media(max-width:760px){
  .hb-pricing__container,
  .hb-strategy__container,
  .hb-check__container,
  .hb-faq__container,
  .hb-radar__shell,
  .hb-iw__container,
  .hb-sources__container{
    padding-top:var(--hb678-page-top-mobile)!important;
  }
}

/* 2) Reduce oversized section gaps across main pages */
.hb-pricing__container > section + section,
.hb-strategy__container > section + section,
.hb-check__container > section + section,
.hb-faq__container > section + section,
.hb-sources__container > section + section,
.hb-radar__shell > section + section{
  margin-top:var(--hb678-section-gap)!important;
}
.hb-pricing__hero + section,
.hb-strategy__hero + section,
.hb-check__hero + section,
.hb-faq__hero + section,
.hb-sources__hero + section,
.hb-radar__hero + section{
  margin-top:var(--hb678-first-gap)!important;
}

/* 3) Home hero CTA buttons — slightly larger typography */
.hb-home__hero-actions .hb-home__button{
  font-size:18px!important;
  font-weight:800!important;
}

/* 4) Pricing path cards — cleaner internal structure */
.hb67-pricing-path__grid{
  max-width:1280px!important;
  margin:0 auto!important;
  gap:24px!important;
  align-items:stretch!important;
}
.hb67-pricing-path__grid article{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr auto!important;
  column-gap:18px!important;
  row-gap:14px!important;
  min-height:312px!important;
  padding:34px 34px 30px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.hb67-pricing-path__grid article > span{
  width:64px!important;
  height:64px!important;
  font-size:17px!important;
  border-radius:18px!important;
}
.hb67-pricing-path__grid article > div{
  min-width:0!important;
  max-width:100%!important;
  padding:0 8px 0 2px!important;
}
.hb67-pricing-path__grid article strong{
  display:block!important;
  margin:0 0 12px!important;
  font-size:18px!important;
  line-height:1.34!important;
}
.hb67-pricing-path__grid article p{
  margin:0!important;
  max-width:31ch!important;
  font-size:15px!important;
  line-height:1.72!important;
  overflow-wrap:anywhere!important;
}
.hb67-pricing-path__grid article em{
  grid-column:2!important;
  align-self:end!important;
  justify-self:start!important;
  margin:10px 0 0 2px!important;
  padding:0!important;
  font-size:17px!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1.3!important;
}

/* 5) Paid plans heading on one line (desktop) */
.hb-pricing__paid .hb-pricing__section-head--left h2{
  max-width:none!important;
  font-size:clamp(34px,3.05vw,44px)!important;
  white-space:nowrap!important;
}
@media(max-width:1220px){
  .hb-pricing__paid .hb-pricing__section-head--left h2{white-space:normal!important}
}

/* 6) Recommendation block — rebuild for safer capsules */
.hb67-pricing-guidance{
  max-width:1080px!important;
  grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr)!important;
  gap:34px!important;
  padding:40px 42px!important;
  border-radius:28px!important;
}
.hb67-pricing-guidance > div:first-child h2{
  max-width:300px!important;
  font-size:clamp(34px,3.1vw,44px)!important;
  line-height:1.08!important;
}
.hb67-pricing-guidance__items{
  display:grid!important;
  gap:14px!important;
}
.hb67-pricing-guidance__items article{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:108px!important;
  padding:20px 24px 18px 26px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.hb67-pricing-guidance__items strong,
.hb67-pricing-guidance__items p{
  display:block!important;
  max-width:100%!important;
  padding:0 2px!important;
  overflow-wrap:anywhere!important;
}
.hb67-pricing-guidance__items strong{
  margin:0 0 9px!important;
  font-size:17px!important;
  line-height:1.35!important;
}
.hb67-pricing-guidance__items p{
  margin:0!important;
  max-width:48ch!important;
  font-size:15px!important;
  line-height:1.58!important;
}

/* 7) Radar cards at right of map — stronger spacing and overflow protection */
.hb-radar__result-context,
.hb-radar__result-kpis article,
.hb-radar__score-breakdown article,
.hb-radar__signal,
.hb-radar__reading-card,
.hb-radar__estimate-grid article,
.hb-radar__source-grid article,
.hb-radar__trend-snapshot article{
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.hb-radar__result-context{
  padding:24px 22px!important;
}
.hb-radar__result-context span,
.hb-radar__result-context strong,
.hb-radar__result-context small{
  display:block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.hb-radar__result-context span{margin:0 0 10px!important;line-height:1.4!important}
.hb-radar__result-context strong{margin:0 0 8px!important;font-size:16px!important;line-height:1.35!important}
.hb-radar__result-context small{margin:0!important;font-size:14px!important;line-height:1.55!important}

.hb-radar__result-kpis{
  gap:14px!important;
}
.hb-radar__result-kpis article{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-height:140px!important;
  padding:24px 20px 20px!important;
  border-radius:20px!important;
}
.hb-radar__result-kpis article > *{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.hb-radar__result-kpis article span{
  margin:0 0 12px!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  font-weight:800!important;
}
.hb-radar__result-kpis article strong{
  margin:0 0 10px!important;
  font-size:22px!important;
  line-height:1.12!important;
}
.hb-radar__result-kpis article small{
  margin:0!important;
  font-size:14px!important;
  line-height:1.55!important;
}

.hb-radar__score-breakdown{
  gap:14px!important;
}
.hb-radar__score-breakdown article{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px 14px!important;
  min-height:134px!important;
  padding:20px 18px 18px!important;
  border-radius:18px!important;
}
.hb-radar__score-breakdown article > div{
  min-width:0!important;
  padding-right:6px!important;
}
.hb-radar__score-breakdown article span,
.hb-radar__score-breakdown article small,
.hb-radar__score-breakdown article strong{
  display:block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.hb-radar__score-breakdown article span{
  margin:0 0 8px!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:800!important;
}
.hb-radar__score-breakdown article small{
  margin:0!important;
  font-size:14px!important;
  line-height:1.52!important;
}
.hb-radar__score-breakdown article strong{
  justify-self:end!important;
  align-self:start!important;
  margin:2px 0 0!important;
  font-size:15px!important;
  line-height:1.3!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.hb-radar__score-breakdown article i{
  grid-column:1 / -1!important;
  display:block!important;
  margin-top:2px!important;
}
.hb-radar__signal{
  padding:18px 18px 16px!important;
  gap:14px!important;
}
.hb-radar__signal strong,
.hb-radar__signal small{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.hb-radar__signal strong{font-size:15px!important;line-height:1.35!important}
.hb-radar__signal small{font-size:14px!important;line-height:1.55!important}

/* 8) Mobile adjustments */
@media(max-width:1100px){
  .hb67-pricing-guidance{
    grid-template-columns:1fr!important;
    padding:34px 30px!important;
  }
}
@media(max-width:760px){
  .hb67-pricing-path__grid article{
    min-height:0!important;
    padding:28px 24px 24px!important;
    grid-template-columns:56px minmax(0,1fr)!important;
  }
  .hb67-pricing-path__grid article > span{width:56px!important;height:56px!important}
  .hb67-pricing-path__grid article > div{padding-right:2px!important}
  .hb67-pricing-guidance__items article{padding:20px 20px 18px!important}
  .hb-pricing__paid .hb-pricing__section-head--left h2{font-size:clamp(30px,7.2vw,40px)!important;white-space:normal!important}
  .hb-radar__result-kpis article,
  .hb-radar__score-breakdown article{min-height:0!important}
}
@media(max-width:520px){
  .hb67-pricing-path__grid article{grid-template-columns:1fr!important;gap:14px!important}
  .hb67-pricing-path__grid article em{grid-column:1!important;margin-left:0!important}
}
