/* Habineo Premium UI v0.67.6 — rhythm, readability, compact Radar */

:root{
  --hb676-page-top:44px;
  --hb676-page-top-mobile:32px;
  --hb676-content:1180px;
  --hb676-radar:1240px;
}

/* ========================================================================== 
   1. ONE TOP RHYTHM — same visual start across all product pages
   ========================================================================== */
.hb-pricing__container,
.hb-strategy__container,
.hb-check__container,
.hb-faq__container,
.hb-radar__shell,
.hb-iw__container{
  padding-top:var(--hb676-page-top)!important;
}
.hb-sources{padding-top:var(--hb676-page-top)!important}

.hb-pricing__hero,
.hb-strategy__hero,
.hb-check__hero,
.hb-faq__hero,
.hb-radar__hero,
.hb-sources__hero{
  margin-top:0!important;
}

/* Same eyebrow/title rhythm on every public page */
.hb67-page-hero>.hb67-eyebrow,
.hb-strategy__hero>.hb67-eyebrow,
.hb-check__hero>.hb-check__eyebrow,
.hb-faq__hero>span,
.hb-radar__hero>.hb-radar__eyebrow,
.hb-sources__hero>span{
  margin-bottom:17px!important;
}

/* ========================================================================== 
   2. PRICING — comfortable cards, no content touching borders
   ========================================================================== */
.hb67-pricing-path__grid{gap:24px!important}
.hb67-pricing-path__grid article{
  min-height:270px!important;
  padding:40px 40px 34px!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  column-gap:24px!important;
  row-gap:18px!important;
  border-radius:26px!important;
  align-content:start!important;
}
.hb67-pricing-path__grid article>span{
  width:52px!important;height:52px!important;border-radius:16px!important;
  font-size:16px!important;
}
.hb67-pricing-path__grid article>div{
  min-width:0!important;
  padding:2px 6px 0!important;
}
.hb67-pricing-path__grid article strong{
  display:block!important;
  margin-bottom:12px!important;
  font-size:20px!important;
  line-height:1.32!important;
}
.hb67-pricing-path__grid article p{
  margin:0!important;
  font-size:16px!important;
  line-height:1.72!important;
}
.hb67-pricing-path__grid article em{
  grid-column:2!important;
  margin:16px 6px 0!important;
  padding-top:6px!important;
  font-size:18px!important;
  line-height:1.3!important;
}

/* Premium recommendation block */
.hb67-pricing-guidance{
  grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr)!important;
  gap:54px!important;
  padding:52px 56px!important;
  border-radius:30px!important;
}
.hb67-pricing-guidance>div:first-child{padding:6px 0 0!important}
.hb67-pricing-guidance>div:first-child h2{
  max-width:380px!important;
  margin-top:18px!important;
  font-size:clamp(38px,3.5vw,50px)!important;
  line-height:1.12!important;
}
.hb67-pricing-guidance__items{display:grid!important;gap:18px!important}
.hb67-pricing-guidance__items article{
  min-height:108px!important;
  padding:26px 30px!important;
  border-radius:22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.hb67-pricing-guidance__items strong{
  display:block!important;
  margin:0 0 9px!important;
  font-size:18px!important;
  line-height:1.35!important;
}
.hb67-pricing-guidance__items p{
  margin:0!important;
  max-width:100%!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  overflow-wrap:break-word!important;
}

/* Subscription cards: content-driven height, aligned prices */
.hb-pricing__paid-grid{align-items:stretch!important}
.hb-pricing__plan-inner{
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important;
  padding:32px 32px 0!important;
}
.hb-pricing__plan-heading{min-height:132px!important}
.hb-pricing__price-block{min-height:146px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.hb-pricing__price-line{min-height:64px!important}
.hb-pricing__price-note{margin-top:12px!important}
.hb-pricing__quota-list>div{padding:17px 20px!important}
.hb-pricing__features-box{padding:26px!important}
.hb-pricing__plan-action{padding:22px 32px 30px!important}

/* ========================================================================== 
   3. RADAR — narrower page + readable blocks and capsules
   ========================================================================== */
.hb-radar__shell{
  width:min(var(--hb676-radar),calc(100% - 56px))!important;
  max-width:var(--hb676-radar)!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media(min-width:1201px){
  .hb-radar__workspace{
    grid-template-columns:minmax(0,1.32fr) minmax(410px,.88fr)!important;
    gap:22px!important;
  }
  .hb-radar__map-card,.hb-radar__result{
    min-height:700px!important;
    height:calc(100vh - 128px)!important;
    max-height:840px!important;
  }
}

/* Result panels and all capsule-like items need real breathing room */
.hb-radar__result-content{padding:32px 32px 38px!important}
.hb-radar__result-kpis{gap:14px!important}
.hb-radar__result-kpis article{
  padding:22px 22px 20px!important;
  min-height:126px!important;
  border-radius:20px!important;
}
.hb-radar__result-kpis article span,
.hb-radar__result-kpis article small{font-size:14px!important;line-height:1.5!important}
.hb-radar__result-kpis article strong{font-size:26px!important;line-height:1.15!important}

.hb-radar__signal-list{gap:12px!important}
.hb-radar__signal{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:15px!important;
  padding:15px 18px!important;
  border-radius:18px!important;
  align-items:start!important;
}
.hb-radar__signal>span{
  width:40px!important;height:40px!important;border-radius:12px!important;
}
.hb-radar__signal strong{font-size:15.5px!important;line-height:1.35!important}
.hb-radar__signal small{margin-top:5px!important;font-size:14px!important;line-height:1.55!important}

.hb-radar__score-breakdown{gap:14px!important}
.hb-radar__score-breakdown article{
  padding:18px 18px 16px!important;
  border-radius:18px!important;
  gap:13px!important;
  min-height:118px!important;
}
.hb-radar__score-breakdown article>div{min-width:0!important;padding-right:4px!important}
.hb-radar__score-breakdown span{font-size:15px!important;line-height:1.35!important}
.hb-radar__score-breakdown small{font-size:14px!important;line-height:1.55!important}
.hb-radar__score-breakdown strong{font-size:15px!important;white-space:nowrap!important}
.hb-radar__score-explanation{font-size:15px!important;line-height:1.65!important}

.hb-radar__reading-card,
.hb-radar__result-context,
.hb-radar__estimate-notice,
.hb-radar__local-valuation,
.hb-radar__live-context,
.hb-radar__trend-card,
.hb-radar__source-table-wrap,
.hb-radar__ai-card,
.hb-radar__pdf-product,
.hb-radar__method-inline article{
  padding:24px!important;
  border-radius:22px!important;
}

.hb-radar__reading-card p,
.hb-radar__result-context p,
.hb-radar__estimate-notice,
.hb-radar__live-context p,
.hb-radar__trend-card p,
.hb-radar__ai-card p,
.hb-radar__pdf-product p,
.hb-radar__method-inline small{
  font-size:14.5px!important;
  line-height:1.65!important;
}
.hb-radar__result-section-title strong{font-size:17px!important;line-height:1.35!important}
.hb-radar__result-section{margin-top:24px!important;padding-top:22px!important}

/* Tabs / capsules */
.hb-radar__result-tabs,
.hb-radar__segmented{
  gap:8px!important;
  padding:7px!important;
  border-radius:18px!important;
}
.hb-radar__result-tabs button,
.hb-radar__segmented button,
.hb-radar__layers button{
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:13px!important;
  font-size:14.5px!important;
  line-height:1.25!important;
}
.hb-radar__source-strip{padding:24px 26px!important;border-radius:22px!important;gap:20px!important}
.hb-radar__source-strip-copy strong{font-size:17px!important;line-height:1.35!important}
.hb-radar__source-strip-copy small{font-size:14px!important;line-height:1.55!important}
.hb-radar__source-strip-list{gap:9px!important}
.hb-radar__source-strip-list span{padding:9px 13px!important;font-size:13.5px!important;line-height:1.3!important}

/* Deep sections under the map */
.hb-radar__deep{padding:32px!important;border-radius:28px!important}
.hb-radar__module-intro{padding:0 0 12px!important}
.hb-radar__module-intro h3{font-size:29px!important;line-height:1.22!important}
.hb-radar__module-intro p{font-size:15.5px!important;line-height:1.7!important;max-width:900px!important}
.hb-radar__trend-snapshot{gap:14px!important}
.hb-radar__trend-snapshot article{padding:20px!important;border-radius:18px!important;min-height:126px!important}
.hb-radar__trend-snapshot article span{font-size:14px!important;line-height:1.4!important}
.hb-radar__trend-snapshot article strong{font-size:24px!important;line-height:1.2!important}
.hb-radar__trend-snapshot article small{font-size:14px!important;line-height:1.55!important}

/* ========================================================================== 
   4. GLOBAL READABILITY FLOOR for product UI
   ========================================================================== */
.hb-pricing small,
.hb-radar small,
.hb-check small,
.hb-strategy small,
.hb-sources small,
.hb-faq small{line-height:1.5!important}

/* ========================================================================== 
   5. MOBILE / TABLET
   ========================================================================== */
@media(max-width:1100px){
  .hb-radar__shell{width:min(100% - 40px,var(--hb676-content))!important}
  .hb67-pricing-guidance{grid-template-columns:1fr!important;gap:28px!important;padding:38px!important}
  .hb67-pricing-guidance>div:first-child h2{max-width:680px!important}
}
@media(max-width:760px){
  .hb-pricing__container,
  .hb-strategy__container,
  .hb-check__container,
  .hb-faq__container,
  .hb-radar__shell,
  .hb-iw__container{padding-top:var(--hb676-page-top-mobile)!important}
  .hb-sources{padding-top:var(--hb676-page-top-mobile)!important}

  .hb67-pricing-path__grid article{min-height:0!important;padding:28px 26px!important;grid-template-columns:48px minmax(0,1fr)!important}
  .hb67-pricing-path__grid article>div{padding-right:0!important}
  .hb67-pricing-guidance{padding:30px 26px!important}
  .hb67-pricing-guidance__items article{min-height:0!important;padding:24px!important}
  .hb-pricing__plan-inner{padding:27px 23px 0!important}
  .hb-pricing__plan-action{padding:19px 23px 24px!important}

  .hb-radar__shell{width:min(100% - 28px,var(--hb676-content))!important}
  .hb-radar__result-content{padding:24px!important}
  .hb-radar__deep{padding:24px!important}
  .hb-radar__result-kpis article,.hb-radar__signal,.hb-radar__score-breakdown article{padding:18px!important}
}
@media(max-width:520px){
  .hb67-pricing-path__grid article{grid-template-columns:1fr!important;gap:14px!important;padding:24px 22px!important}
  .hb67-pricing-path__grid article em{grid-column:1!important;margin-left:0!important}
  .hb67-pricing-guidance{padding:26px 22px!important}
  .hb-radar__shell{width:min(100% - 22px,var(--hb676-content))!important}
  .hb-radar__result-content,.hb-radar__deep{padding:20px!important}
  .hb-radar__source-strip{padding:20px!important}
}