/* Habineo Premium UI v0.68.0 — structural card spacing repair */

/* ===== PRICING: simple format cards, isolated from legacy selectors ===== */
.hb68-pricing-path{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  max-width:1320px;
  margin:0 auto;
  align-items:stretch;
}
.hb68-pricing-path__card{
  display:flex;
  flex-direction:column;
  gap:22px;
  min-width:0;
  padding:28px 30px 27px;
  border:1px solid #dce3f0;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 34px rgba(35,43,76,.045);
  box-sizing:border-box;
}
.hb68-pricing-path__card.is-featured{
  border-color:#cbc9ff;
  box-shadow:0 16px 38px rgba(82,72,218,.08);
}
.hb68-pricing-path__header{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:20px;
  align-items:start;
  min-width:0;
}
.hb68-pricing-path__number{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:17px;
  background:#efedff;
  color:#5044d8;
  font-size:17px;
  font-weight:900;
  line-height:1;
}
.hb68-pricing-path__header>div{min-width:0;padding:1px 3px 0 0}
.hb68-pricing-path__header h3{
  margin:0 0 10px;
  color:#15203e;
  font-size:20px;
  line-height:1.28;
}
.hb68-pricing-path__header p{
  margin:0;
  color:#64718d;
  font-size:15.5px;
  line-height:1.68;
  overflow-wrap:anywhere;
}
.hb68-pricing-path__price{
  margin-left:78px;
  color:#5146df;
  font-size:18px;
  font-weight:900;
  line-height:1.25;
}

/* ===== PRICING: guidance rebuilt on white background ===== */
.hb68-pricing-guidance{
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  background:transparent;
}
.hb68-pricing-guidance__heading{
  max-width:760px;
  margin:0 auto 28px;
  text-align:center;
}
.hb68-pricing-guidance__heading .hb67-eyebrow{
  color:#007b66!important;
}
.hb68-pricing-guidance__heading h2{
  margin:14px 0 10px;
  color:#1d2847!important;
  font-size:clamp(38px,4vw,54px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.hb68-pricing-guidance__heading p{
  margin:0;
  color:#697590;
  font-size:16px;
  line-height:1.6;
}
.hb68-pricing-guidance__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.hb68-pricing-guidance__grid article{
  position:relative;
  min-width:0;
  padding:26px 26px 25px;
  border:1px solid #dce3f0;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 34px rgba(35,43,76,.055);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  box-sizing:border-box;
}
.hb68-pricing-guidance__grid article:hover{
  transform:translateY(-4px);
  border-color:#cbc9ff;
  box-shadow:0 20px 44px rgba(35,43,76,.095);
}
.hb68-pricing-guidance__grid article>span{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin:0 0 18px;
  border-radius:14px;
  background:#efedff;
  color:#5146df;
  font-size:15px;
  font-weight:900;
}
.hb68-pricing-guidance__grid h3{
  margin:0 0 11px;
  color:#16213f;
  font-size:20px;
  line-height:1.32;
}
.hb68-pricing-guidance__grid p{
  margin:0;
  color:#63708d;
  font-size:15.5px;
  line-height:1.62;
  overflow-wrap:anywhere;
}

/* ===== RADAR: structural inner padding, so legacy article rules cannot collapse it ===== */
.hb-radar__result-kpis article,
.hb-radar__trend-snapshot article,
.hb-radar__risk-grid article,
.hb-radar__estimate-grid article{
  padding:0!important;
  min-width:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.hb68-radar-card__inner{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:138px;
  padding:22px 22px 20px;
  box-sizing:border-box;
}
.hb68-radar-card__inner>span,
.hb68-radar-card__inner>strong,
.hb68-radar-card__inner>small{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
}
.hb68-radar-card__inner>span{
  margin:0 0 11px!important;
  color:#68748e;
  font-size:14.5px!important;
  font-weight:850!important;
  line-height:1.35!important;
}
.hb68-radar-card__inner>strong{
  margin:0 0 9px!important;
  color:#2c3857;
  font-size:22px!important;
  line-height:1.16!important;
}
.hb68-radar-card__inner>small{
  margin:0!important;
  color:#8a94aa;
  font-size:13.5px!important;
  line-height:1.5!important;
}

/* Main KPI cards */
.hb-radar__result-kpis{gap:14px!important}
.hb-radar__result-kpis article{min-height:0!important;border-radius:21px!important}
.hb-radar__result-kpis .hb68-radar-card__inner{min-height:142px;padding:23px 21px 20px}

/* Usage potential: rebuild layout inside each generated card */
.hb-radar__score-breakdown{
  gap:14px!important;
}
.hb-radar__score-breakdown article{
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
}
.hb68-radar-usage__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:13px 16px;
  min-width:0;
  min-height:128px;
  padding:20px 20px 16px;
  box-sizing:border-box;
}
.hb68-radar-usage__copy{min-width:0;padding-right:4px}
.hb68-radar-usage__copy span,
.hb68-radar-usage__copy small{
  display:block!important;
  max-width:100%;
  overflow-wrap:anywhere;
}
.hb68-radar-usage__copy span{
  margin:0 0 7px!important;
  color:#293553;
  font-size:16px!important;
  font-weight:850!important;
  line-height:1.3!important;
}
.hb68-radar-usage__copy small{
  margin:0!important;
  color:#7b859b;
  font-size:13.5px!important;
  line-height:1.48!important;
}
.hb68-radar-usage__inner>strong{
  align-self:start;
  margin:1px 0 0!important;
  padding-left:8px;
  color:#2e287b;
  font-size:14.5px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
.hb68-radar-usage__inner>i{
  grid-column:1 / -1;
  display:block!important;
  height:7px!important;
  margin:0!important;
  overflow:hidden;
  border-radius:999px;
  background:#e7e8f2;
}
.hb68-radar-usage__inner>i>b{
  display:block;
  height:100%;
  border-radius:999px;
}

/* Trend/source/estimate cards */
.hb-radar__trend-snapshot{gap:15px!important}
.hb-radar__trend-snapshot .hb68-radar-card__inner{min-height:140px;padding:22px 20px 18px}
.hb-radar__risk-grid{gap:15px!important}
.hb-radar__risk-grid .hb68-radar-card__inner{min-height:136px;padding:21px 19px 18px}
.hb-radar__estimate-grid{gap:15px!important}
.hb-radar__estimate-grid .hb68-radar-card__inner{min-height:138px;padding:21px 20px 18px}

/* Source live cards */
.hb-radar__live-context{
  padding:22px!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.hb-radar__live-context>div{
  padding:1px 2px 0;
}
.hb-radar__live-context ul{
  gap:12px!important;
}
.hb-radar__live-context li{
  min-width:0!important;
  min-height:86px!important;
  padding:15px 15px 13px!important;
  border-radius:17px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.hb-radar__live-context li span,
.hb-radar__live-context li strong{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
}
.hb-radar__live-context li span{font-size:12px!important;line-height:1.35!important}
.hb-radar__live-context li strong{margin-top:7px!important;font-size:16px!important;line-height:1.25!important}
.hb-radar__live-context>small{font-size:13px!important;line-height:1.55!important}

/* Source method cards */
.hb-radar__method-inline{
  gap:13px!important;
  align-items:stretch!important;
}
.hb-radar__method-inline article{
  grid-template-columns:12px minmax(0,1fr)!important;
  gap:14px!important;
  min-width:0!important;
  padding:18px 18px 16px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.hb-radar__method-inline article>div{min-width:0!important}
.hb-radar__method-inline strong,
.hb-radar__method-inline small{
  display:block!important;
  max-width:100%;
  overflow-wrap:anywhere;
}
.hb-radar__method-inline strong{margin:0 0 6px!important;font-size:15.5px!important;line-height:1.35!important}
.hb-radar__method-inline small{margin:0!important;font-size:13.5px!important;line-height:1.52!important}
.hb-radar__source-registry-link{margin-top:20px!important}

/* Detail summary capsule */
.hb66-radar-details>summary{
  padding:22px 26px!important;
  line-height:1.35!important;
}

/* ===== responsive ===== */
@media(max-width:980px){
  .hb68-pricing-path,
  .hb68-pricing-guidance__grid{grid-template-columns:1fr!important}
  .hb68-pricing-path__card{padding:25px 26px}
  .hb68-pricing-path__header p{max-width:60ch}
}
@media(max-width:760px){
  .hb68-pricing-path__card{gap:18px;padding:22px 20px}
  .hb68-pricing-path__header{grid-template-columns:50px minmax(0,1fr);gap:15px}
  .hb68-pricing-path__number{width:50px;height:50px;border-radius:15px;font-size:15px}
  .hb68-pricing-path__header h3{font-size:18px}
  .hb68-pricing-path__header p{font-size:15px;line-height:1.6}
  .hb68-pricing-path__price{margin-left:65px;font-size:17px}

  .hb68-pricing-guidance__heading{margin-bottom:22px}
  .hb68-pricing-guidance__heading h2{font-size:clamp(32px,9vw,42px)}
  .hb68-pricing-guidance__grid article{padding:22px 20px 20px}
  .hb68-pricing-guidance__grid h3{font-size:18px}
  .hb68-pricing-guidance__grid p{font-size:15px}

  .hb68-radar-card__inner,
  .hb-radar__result-kpis .hb68-radar-card__inner,
  .hb-radar__trend-snapshot .hb68-radar-card__inner,
  .hb-radar__risk-grid .hb68-radar-card__inner,
  .hb-radar__estimate-grid .hb68-radar-card__inner{min-height:0;padding:18px 17px 16px}
  .hb68-radar-card__inner>span{font-size:13.5px!important;margin-bottom:9px!important}
  .hb68-radar-card__inner>strong{font-size:20px!important;margin-bottom:8px!important}
  .hb68-radar-card__inner>small{font-size:13px!important}

  .hb68-radar-usage__inner{min-height:0;padding:18px 16px 15px;gap:11px 10px}
  .hb68-radar-usage__copy span{font-size:15px!important}
  .hb68-radar-usage__copy small{font-size:13px!important}
  .hb68-radar-usage__inner>strong{font-size:13.5px!important;padding-left:4px}
  .hb-radar__live-context{padding:18px!important}
  .hb-radar__method-inline article{padding:16px!important}
  .hb66-radar-details>summary{padding:19px 20px!important}
}
@media(max-width:480px){
  .hb68-pricing-path__header{grid-template-columns:1fr}
  .hb68-pricing-path__number{margin-bottom:2px}
  .hb68-pricing-path__price{margin-left:0}
  .hb68-radar-usage__inner{grid-template-columns:minmax(0,1fr) auto}
}

/* v0.68.1 — pricing cards comfort pass */

/* Pricing section 1: more breathing room, cleaner price alignment */
.hb68-pricing-path{
  max-width:1380px;
  gap:28px;
}
.hb68-pricing-path__card{
  gap:20px;
  min-height:276px;
  padding:32px 34px 26px;
}
.hb68-pricing-path__header{
  grid-template-columns:64px minmax(0,1fr);
  gap:22px;
}
.hb68-pricing-path__number{
  width:64px;
  height:64px;
  border-radius:18px;
  font-size:18px;
}
.hb68-pricing-path__header>div{
  padding:3px 2px 0 0;
}
.hb68-pricing-path__header h3{
  margin:0 0 12px;
  font-size:21px;
  line-height:1.24;
}
.hb68-pricing-path__header p{
  font-size:16px;
  line-height:1.72;
}
.hb68-pricing-path__price{
  width:calc(100% - 86px);
  margin:4px 0 0;
  margin-left:auto;
  padding-top:18px;
  border-top:1px solid #edf1f7;
  font-size:18px;
  line-height:1.25;
  text-align:left;
}

/* Pricing section 2: wider, less compressed, safer content box */
.hb68-pricing-guidance{
  max-width:1380px;
  padding:0 4px;
}
.hb68-pricing-guidance__heading{
  max-width:820px;
  margin-bottom:34px;
}
.hb68-pricing-guidance__grid{
  gap:26px;
}
.hb68-pricing-guidance__grid article{
  min-height:218px;
  padding:30px 32px 28px;
  display:flex;
  flex-direction:column;
}
.hb68-pricing-guidance__grid article > span{
  width:50px;
  height:50px;
  margin:0 0 20px;
  border-radius:15px;
  font-size:16px;
}
.hb68-pricing-guidance__grid h3{
  margin:0 0 12px;
  font-size:21px;
  line-height:1.28;
}
.hb68-pricing-guidance__grid p{
  font-size:16px;
  line-height:1.68;
}

@media(max-width:980px){
  .hb68-pricing-path,
  .hb68-pricing-guidance{max-width:100%;}
  .hb68-pricing-path__card{min-height:0;padding:28px 30px 24px;}
  .hb68-pricing-path__price{width:calc(100% - 82px);}
  .hb68-pricing-guidance__grid article{min-height:0;padding:26px 28px 24px;}
}

@media(max-width:760px){
  .hb68-pricing-path{gap:18px;}
  .hb68-pricing-path__card{
    gap:18px;
    padding:24px 22px 22px;
  }
  .hb68-pricing-path__header{
    grid-template-columns:54px minmax(0,1fr);
    gap:16px;
  }
  .hb68-pricing-path__number{
    width:54px;
    height:54px;
    border-radius:16px;
    font-size:16px;
  }
  .hb68-pricing-path__header h3{font-size:19px;}
  .hb68-pricing-path__header p{font-size:15px;line-height:1.64;}
  .hb68-pricing-path__price{
    width:calc(100% - 70px);
    padding-top:16px;
    font-size:17px;
  }

  .hb68-pricing-guidance{
    padding:0;
  }
  .hb68-pricing-guidance__heading{
    margin-bottom:24px;
  }
  .hb68-pricing-guidance__grid{
    gap:18px;
  }
  .hb68-pricing-guidance__grid article{
    padding:24px 22px 22px;
  }
  .hb68-pricing-guidance__grid article > span{
    width:46px;
    height:46px;
    margin-bottom:16px;
  }
  .hb68-pricing-guidance__grid h3{
    font-size:19px;
  }
  .hb68-pricing-guidance__grid p{
    font-size:15px;
    line-height:1.62;
  }
}

@media(max-width:480px){
  .hb68-pricing-path__header{
    grid-template-columns:1fr;
    gap:14px;
  }
  .hb68-pricing-path__number{
    margin-bottom:0;
  }
  .hb68-pricing-path__price{
    width:100%;
    margin-left:0;
  }
  .hb68-pricing-guidance__grid article{
    padding:22px 20px 20px;
  }
}