/* =============================================================================================
   v1.61.29 — Desktop type scale, button bump, and area-guide text/photo alignment.
   Loaded after bb-home / bb-pages / bb-guides.
   t328u: homepage desktop size/layout matches production 1.61.28 except the three
   top search stiles, which stay production glass/navy but are taller with larger type.
   All other desktop type/width rules stay scoped off the homepage.
   Phone and tablet layouts (<=768, and 769–1024) keep their existing styles.
   ============================================================================================= */


/* ========================================================================
 * t325 / t326 (2026-11-11): Sell For Less new headings + luxury callout.
 * These are new content styles and must look good on mobile as well as desktop.
 * Desktop type/width scale for other pages is in the min-width:1025px block below.
 * Area guides (body.bbm-guide:not(.bbm-post)) are left as they are.
 * ======================================================================== */
/* t329ua0: section headings are the dominant titles; subhead stays smaller.
 * Generous space + a light divider separate each band from the content above. */
.bbp-h2.bbp-pricehead,
.bbp-pricehead{
  margin:48px 0 12px;
  padding-top:32px;
  border-top:1px solid #d6e6f1;
  font:700 clamp(32px,7vw,44px)/1.12 var(--bbh-display);
  color:var(--srq-navy,#0b2545);
  scroll-margin-top:28px;
}
.bbp-h2.bbp-pricehead__sub,
.bbp-pricehead__sub{
  margin:0 0 18px;
  font:700 clamp(22px,4.2vw,32px)/1.2 var(--bbh-display);
  color:var(--srq-navy,#0b2545);
}
/* Rates intro under COMPARE OUR RATES (the deleted H2's supporting paragraph). */
#bbp-rates > .bbp-wrap > p.bbp-intro{
  font-size:18px;
  line-height:1.7;
}
.bbp-luxury{
  margin:28px 0 8px;
  padding:28px 28px 26px;
  border-radius:16px;
  background:var(--srq-mist,#eef5fa);
  border:1px solid #d6e6f1;
  box-shadow:0 10px 30px rgba(13,46,82,.06);
}
.bbp-luxury__lead,
.bbp-luxury__body{
  margin:0 0 16px;
  font:500 17px/1.65 var(--bbh-ui);
  color:#1f3550;
  max-width:none;
}
.bbp-luxury__lead{font-weight:600}
.bbp-luxury__actions{margin:0 0 18px;display:flex;flex-wrap:wrap;gap:12px}
.bbp-luxury__actions:last-child{margin-bottom:0}
.bbp-luxury__actions .bbh-btn{text-align:center}
@media (max-width:760px){
  .bbp-luxury{padding:22px 18px}
  .bbp-luxury__lead,
  .bbp-luxury__body{font-size:16px}
  .bbp-luxury__actions .bbh-btn{flex:1 1 100%;justify-content:center}
}

@media (min-width: 1025px){


/* ---------- Buttons: roughly +2px, padding/min-height stepped in proportion ---------- */
body:not(.home) .bbh-btn{
  font-size:15px;
  min-height:38px;
  padding:8px 18px;
}
body:not(.home) .bbh-btn--lg{
  font-size:17px;
  min-height:50px;
  padding:12px 28px;
}
body:not(.home) .bbh-btn--outline{
  font-size:14px;
}
body:not(.home) .bbh-search button{
  font-size:13px;
  padding:7px 14px;
}
.bbh-book__links .bbh-btn{
  font-size:13.5px;
  min-height:34px;
  padding:5px 8px;
}
body:not(.home) .bbh-opill{
  font-size:12.5px;
}
.bbh-hs__btn{
  font-size:17px;
}
.bbb-unlock__submit{
  font-size:18px;
  min-height:52px;
}

/* Area-guide hero 2x2 + full-width Design CTA */
body.bbm-guide:not(.bbm-post) .bbm-hero__cta .bbm-btn,
body.bbm-guide:not(.bbm-post) .bbm-hero__cta .bbm-btn--light{
  font-size:17px;
  padding:18px 16px;
  white-space:nowrap;
}
body.bbm-guide:not(.bbm-post) .bbm-hero__cta .bbm-btn--design,
body.bbm-guide:not(.bbm-post) .bbm-hero__cta a[href*="bbh-home-search"]{
  font-size:17px;
  padding:20px 22px;
  white-space:nowrap;
}

/* Same 2x2 + Design set in the guide contact section */
body.bbm-guide:not(.bbm-post) .bb-contact .bb-btns{
  max-width:none;
  width:100%;
}
body.bbm-guide:not(.bbm-post) .bb-contact .bb-btns > a.bb-btn,
body.bbm-guide:not(.bbm-post) .bb-contact .bb-btns > a.bbm-btn{
  font-size:17px;
  padding:18px 16px!important;
  white-space:nowrap;
}
body.bbm-guide:not(.bbm-post) .bb-contact .bb-btns > a.bb-btn-design,
body.bbm-guide:not(.bbm-post) .bb-contact .bb-btns > a[href*="bbh-home-search"]{
  font-size:17px;
  padding:20px 22px!important;
  white-space:nowrap;
}

/* In-guide text-style links / jump buttons (11.5px uppercase) */
body.bbm .bb-guide .bb-btn,
body.bbm .bb-guide .bbm-jump,
body.bbm .bb-guide a.bb-btn-outline,
body.bbm .bb-guide a.bbm-textlink{
  font-size:13.5px;
}

/* ---------- Small type: 12→14, 13→15, 14→16, 15→17 (and the half-steps) ---------- */

/* Header / nav / search / team line */
body:not(.home) .bbh-search input{font-size:14px}
body:not(.home) .bbh-burger__label{font-size:14px}
body:not(.home) .bbh-team{font-size:13px}
body:not(.home) .bbh-tab span{font-size:12.5px}
body:not(.home) .bbh-rail__label{font-size:15px}
body:not(.home) .bbh-menu li a{font-size:17px}
body:not(.home) .bbh-menu__call{font-size:16px}

/* Eyebrows, kickers, meta, dates */
.bbp-eyebrow,
.bbp-eyebrow--on-dark,
body:not(.home) .bbh-blog__eyebrow,
body:not(.home) .bbh-band__eyebrow,
body:not(.home) .bbh-app__brand,
body:not(.home) .bbh-blog__kicker,
.bbp-bookcta__kicker,
.bbm-hero__eyebrow,
.bbm-search__eyebrow{font-size:14px}
.bbp-kicker,
.bbp-kicker--light{font-size:15px}
.bbm-hero__sub{font-size:15px}
body:not(.home) .bbh-social__date,
.bbm-card__meta,
.bbm-card__more,
.bbm-credit,
.bbm-byline,
.bbm-byline__date,
.bbm-byline__by,
body:not(.home) time{font-size:12.5px}
.bbm-card__more{font-size:12px}
.bbm-credit,
.bbm-byline__date,
.bbm-byline__by,
p.bbm-credit,
p.bbm-byline__date,
span.bbm-byline__by{font-size:12.5px}

/* Footer + consultation band */
body:not(.home) .bbh-foot,
body:not(.home) .bbh-foot a{font-size:14px}
body:not(.home) .bbh-band__text{font-size:17px}
body:not(.home) .bbh-band__mail,
body:not(.home) .bbh-band__mail a{font-size:15px}

/* Forms, labels, fine print, disclaimers */
.bbb-unlock__form label,
.bbp-calc>label,
.bbp-calc__rates label,
.bbh-hs label,
body:not(.home) .bbh-news label,
.bbb-optional{font-size:14px}
.bbb-unlock__fine,
.bbp-fine,
.bbp-fine--light,
.bbp-plans__foot,
.bbp-calc__note,
p.bb-disclaimer,
body.bbm .bb-guide .bb-disclaimer{font-size:14.5px}
.bbb-unlock__formhead p{font-size:16px}
.bbb-unlock__lead{font-size:17px}

/* Cards, captions, excerpts, body-adjacent copy */
.bbp-card h3{font-size:16px}
.bbp-card p{font-size:16.5px}
.bbp-intro,
.bbp-intro--light,
.bbp-bookcta__copy{font-size:17px}
.bbp-bookcta__amazon{font-size:16px}
.bbp-services span{font-size:16px}
.bbp-calc__out dt{font-size:16px}
.bbp-examples li{font-size:17px}
body:not(.home) .bbh-social__excerpt,
body:not(.home) .bbh-series__body,
body:not(.home) .bbh-blog__sub,
.bbm-card__ex,
.bbm-card__area{font-size:16px}
.bbb-vid__caption,
.bbb-vid__title,
body.bbm .bb-guide figure.bbm-break figcaption,
body.bbm .bb-guide figure.bb-photo-body figcaption{font-size:15px}
.bbb-vid__dur,
.bbb-vid__badge{font-size:13px}
body:not(.home) .bbh-vtile__more{font-size:13.5px}

/* Homepage tiles / pills / app / social */
body:not(.home) .bbh-app__code{font-size:12px}
body:not(.home) .bbh-tile__sub{font-size:16px}
body:not(.home) .bbh-tile__more,
body:not(.home) .bbh-gtile__more{font-size:15px}
body:not(.home) .bbh-social__more,
body:not(.home) .bbh-social__follow,
body:not(.home) .bbh-blog__cta,
body:not(.home) .bbh-app__cta{font-size:14px}

/* Sell-for-less / landing odds and ends */
.bbp-todo{font-size:13.5px}
.bbp-todo--sm{font-size:12.5px}
li.bb-sig{font-size:14px}

/* Area-guide article small type (not H2 / lead / pullquote / hero title) */
body.bbm .bb-guide .bb-note{font-size:16px}
body.bbm .bb-guide .bb-faq p,
body.bbm .bb-guide .bb-cta p,
body.bbm .bb-guide .bb-contact p{font-size:17.5px}
body.bbm .bb-guide .bb-facts li{font-size:17.5px}
body.bbm .bb-guide .bb-facts b,
body.bbm .bb-guide th{font-size:12.5px}
body.bbm .bb-guide table{font-size:17.5px}
body.bbm .bb-guide .bb-card h3{font-size:14.5px}
body.bbm .bb-guide .bb-card p{font-size:17px}
body.bbm .bb-guide .bb-card::before{font-size:17px}
body.bbm .bb-guide .bb-pullquote cite{font-size:12.5px}

/* Slightly more leading on the (now wider) guide measure — size of body 18px is unchanged */
body.bbm-guide:not(.bbm-post) .bb-guide{line-height:1.8}

/* Hub card meta already bumped via .bbm-card__more / dates */


/* ---------- Area guides: article text column = in-body photo width ----------
   Photos use --bbm-fig: min(1160px, calc(100vw - 64px)) and break out of the
   800px text column. Make the column the same width and drop the breakout so
   left/right edges of paragraphs, headings, lists, FAQ, notes, and contact
   copy line up with the figures. Hub and blog posts are unchanged.
   Portrait full-frame photos stay narrower by existing rules. */
body.bbm-guide:not(.bbm-post){
  --bbm-col: min(1160px, calc(100vw - 64px));
}
body.bbm-guide:not(.bbm-post) .bb-guide .bbm-break{
  --bbm-fig: 100%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
body.bbm-guide:not(.bbm-post) .bb-guide .bb-cta p,
body.bbm-guide:not(.bbm-post) .bb-guide .bb-contact p{
  max-width: none;
}
body.bbm-guide:not(.bbm-post) .bb-guide .bbm-search{
  margin-left: 0;
  margin-right: 0;
}

/* Higher-specificity follow-ups: magazine shorthand rules were winning. */
body.bbm-hubpage .bbg-hero .bbh-btn,
body.bbm-hubpage .bbg-hero .bbh-btn--lg,
body.bbm-hubpage .bbg-hero a.bbh-btn.bbh-btn--sky.bbh-btn--lg{
  font-size:14px;
  letter-spacing:.18em;
  padding:18px 32px;
}
body.bbm-hubpage .bbg-hero .bbp-eyebrow{font-size:13.5px}
body.bbm-hubpage #bbg-guides .bbp-kicker,
body.bbm-hubpage .bbm-hub__label{font-size:12.5px}
body.bbm .bbm-textlink,
body.bbm .bbm-back a,
a.bbm-textlink{font-size:13.5px}
body.bbm-guide .bbm-hero__eyebrow{font-size:14px}
body:not(.home) .bbh-hero .bbh-team,
body:not(.home) p.bbh-team{font-size:13px}
body:not(.home) .bbh-hero .bbh-tile__more,
body:not(.home) .bbh-hero span.bbh-btn.bbh-tile__more{font-size:15px}
body:not(.home) .bbh-hero .bbh-search input,
.bbp-top .bbh-search input{font-size:14px}
body:not(.home) .bbh-hero .bbh-search button,
.bbp-top .bbh-search button{font-size:13px;padding:7px 14px}

/* Sell-for-less plan/commission tables */
.bbp-sec table th,
.bbp-sec th,
.bb-flip__pill,
.bbp-bookcta__kicker{font-size:14px}
.bbp-sec table td,
.bbp-sec td{font-size:16px}



/* ---------- t325 / t326 desktop scale (min-width:1025px) ----------
   Widen main-page columns toward the area-guide measure (~1160px) and
   step body/UI type up to the ~18-20px guide feel. Do not change the
   17 magazine area guides. Homepage desktop size/layout is left at
   production (1.61.28); only the three top stiles get a contrast pass.
   -------------------------------------------------------------------------- */

/* Landing-page MENU (same control, no stiles on inner pages) */
.bbp-head .bbh-burger{
  min-width:100px;
  min-height:76px;
  padding:12px 16px;
}
.bbp-head .bbh-burger__label{font-size:15px}
.bbp-head .bbh-burger__bars span{width:36px;height:3.5px}

/* Shared landing-page column: 1120 -> 1160, drop narrow intro caps */
body.bbp-body{
  --bbp-max: min(1160px, calc(100vw - 64px));
}
body.bbp-body .bbp-intro,
body.bbp-body .bbp-wrap--narrow,
body.bbp-body .bbp-hero__lead,
body.bbp-body .bbp-hero__title,
body.bbp-body .bbp-pres p,
body.bbp-body .bbw-callout__p,
body.bbp-body .bbw-instant__head,
body.bbp-body .bbw-instant__fine,
body.bbp-body .bbw-path,
body.bbp-body .bbp-plan__step--text .bbp-plan__body{
  max-width:none;
}
body.bbp-body .bbp-intro,
body.bbp-body .bbp-intro--light{
  font-size:19px;
  line-height:1.65;
}
body.bbp-body .bbp-kicker,
body.bbp-body .bbp-kicker--light{font-size:15px}
body.bbp-body .bbp-h2{font-size:clamp(30px,3.4vw,42px)}
body.bbp-body .bbp-fine,
body.bbp-body .bbp-fine--light,
body.bbp-body .bbp-plans__foot{font-size:15px;line-height:1.55}
body.bbp-body .bbp-card h3{font-size:16px}
body.bbp-body .bbp-card p,
body.bbp-body .bbp-card .bbp-plancard__lead{font-size:17px;line-height:1.55}
body.bbp-body .bbp-card .bbp-card__big{font-size:38px}
body.bbp-body .bbp-plancard__tag{font-size:14px}
body.bbp-body .bbp-plancard__list li{font-size:16.5px;line-height:1.45}
body.bbp-body .bbp-fees__title{font-size:24px}
body.bbp-body .bbp-fees__table{font-size:17px}
body.bbp-body .bbp-fees__table thead th{font-size:14px}
body.bbp-body .bbp-fees__fee{font-size:22px!important}
body.bbp-body .bbp-luxury__lead,
body.bbp-body .bbp-luxury__body{font-size:19px;line-height:1.7}
body.bbp-body .bbp-calc label,
body.bbp-body .bbp-calc>label{font-size:16px}
body.bbp-body .bbp-calc__plansave dt{font-size:15px}
body.bbp-body .bbp-calc__plansave dd{font-size:20px}

/* Books page: fill the wide column; larger intro/eyebrow/button type */
body.bbp-body .bbb-book__head{
  grid-template-columns:minmax(180px,280px) minmax(0,1fr);
  max-width:var(--bbp-max);
}
body.bbp-body .bbb-book__intro p{
  max-width:none;
  font-size:19px;
  line-height:1.65;
}
body.bbp-body .bbb-book__sub{font-size:17px}
body.bbp-body .bbb-book__title{font-size:clamp(32px,3.4vw,46px)}
body.bbp-body .bbb-book__note{font-size:16px!important;line-height:1.5!important}
body.bbp-body .bbb-book__chapters-title{font-size:26px}
body.bbp-body .bbb-hero2__lead{max-width:none;font-size:19px;line-height:1.6}
body.bbp-body .bbb-hero2__title{font-size:clamp(34px,4vw,52px)}
/* author + preview pair is defined at the end of this block */
body.bbp-body .bbb-unlock__lead{font-size:18px}
body.bbp-body .bbb-unlock__fine{font-size:15px}
body.bbp-body .bbb-unlock__form label,
body.bbp-body .bbb-optional{font-size:15px}

/* Blog posts keep their sidebar column (800px at 1280). Bump body type only. */
body.bbm-post .bb-guide{font-size:20px;line-height:1.7}

/* Hub cards */
body.bbm-hubpage .bbm-card__title,
body.bbm-hubpage .bbg-card__t{font-size:22px}
body.bbm-hubpage .bbm-card__ex,
body.bbm-hubpage .bbp-intro{font-size:18px;line-height:1.6}




/* ========================================================================
 * t328u (2026-11-11): Homepage top search stiles keep production
 * glass/navy color, border, weight, and hover (bb-home.css 1.61.28).
 * At >=1101px only (top row beside the logo): make the boxes taller and
 * the type larger, without changing width or position. MENU, logo,
 * bottom tiles, and Areas stay production. Mobile is unchanged.
 * ======================================================================== */
@media (min-width: 1101px){
  body.home .bbh-hero a.bbh-stile,
  body.home .bbh-hero .bbh-stile{
    min-height: 108px;
    font-size: clamp(17px, 1.3vw, 20px);
    line-height: 1.22;
    font-weight: 700;
  }
}

/* ========================================================================
 * t327u: Books — About the Author + Preview Chapter as equal thumbs.
 * Desktop only. Unlock form sits full-width under the pair. Mobile
 * (<=768) stacked preview+form layout is unchanged.
 * ======================================================================== */
body.bbp-body .bbb-book{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:auto auto auto auto auto;
  column-gap:28px;
  row-gap:12px;
}
body.bbp-body .bbb-book__head{
  grid-column:1 / -1;
  grid-row:1;
  margin-bottom:12px;
}
/* Subgrid so About-the-Author and Preview Chapter share title / lead / thumb rows. */
body.bbp-body .bbb-book__author,
body.bbp-body .bbb-unlock__feature-main{
  display:grid;
  grid-template-rows:subgrid;
  grid-row:2 / span 3;
  min-width:0;
  width:100%;
  max-width:none;
  margin:0;
  align-items:start;
}
body.bbp-body .bbb-book__author{grid-column:1}
body.bbp-body .bbb-unlock__feature-main{grid-column:2}
body.bbp-body .bbb-book__author::before{
  content:"ABOUT THE AUTHOR";
  display:block;
  margin:0;
  font:700 26px/1.2 var(--bbh-display, inherit);
  color:var(--srq-navy,#0b2545);
  letter-spacing:.02em;
  grid-row:1;
}
/* ::after sorts after the video in tree order, so pin it to the lead row. */
body.bbp-body .bbb-book__author::after{content:"";display:block;grid-row:2}
body.bbp-body .bbb-book__author .bbb-vid{grid-row:3}
body.bbp-body .bbb-unlock__feature-main .bbb-book__chapters-title{
  margin:0;
  font-size:26px;
}
body.bbp-body .bbb-unlock__feature-main .bbb-unlock__lead{margin:0}
body.bbp-body .bbb-book__author .bbb-vid--author,
body.bbp-body .bbb-book__author .bbb-vid__caption,
body.bbp-body .bbb-book__author .bbb-vid--free,
body.bbp-body .bbb-unlock__feature-main .bbb-vid{
  width:100%;
  max-width:none;
  margin:0;
}
body.bbp-body .bbb-unlock{display:contents}
body.bbp-body .bbb-unlock__feature{display:contents}
body.bbp-body .bbb-unlock__formcard{
  grid-column:1 / -1;
  grid-row:5;
  width:100%;
  max-width:760px;
  justify-self:center;
  margin-top:12px;
  /* Form now sits under the pair, so don't let sticky travel through the chapter grid
     (display:contents on .bbb-unlock would otherwise change its sticky containing block). */
  position:static;
}
body.bbp-body .bbb-unlock > .bbb-book__chapters-title,
body.bbp-body .bbb-unlock > .bbb-unlock__lead,
body.bbp-body .bbb-unlock > .bbb-chgrid{
  grid-column:1 / -1;
}



/* t329ua0 desktop: rates intro ~20px; price heads 44–52px, clearly above the subhead. */
body.bbp-body #bbp-rates > .bbp-wrap > p.bbp-intro{
  font-size:20px;
  line-height:1.7;
}
body.bbp-body .bbp-h2.bbp-pricehead{
  font-size:clamp(44px,4.2vw,52px);
  line-height:1.12;
  margin-top:72px;
  padding-top:40px;
  margin-bottom:12px;
}
body.bbp-body .bbp-h2.bbp-pricehead__sub{
  font-size:clamp(28px,2.6vw,36px);
  line-height:1.2;
  margin-bottom:20px;
}
/* Heading margin supplies the gap; don't also stack .bbp-fees' 40px. */
body.bbp-body .bbp-fees{margin-top:0}

}