@media screen {
/* Beauty Book 2026 production adapter · R-95 · presentation only.
 * Load after the retained legacy styles and the BB26 token/component files.
 * Existing copy, source pictures, anchors, and disclosure states stay in HTML.
 * Selectors opt in through the public body; the learner/Studio remain isolated.
 * Responsive navigation is owned exclusively by site-key.css.
 */
/* Editorial photographs keep authentic pixels and never replace a tested subject. */
.bb26 .bb-editorial-picture { margin:32px 0 0; max-width:100%; }
.bb26 .bb-editorial-picture img { display:block; width:100%; height:auto; object-fit:contain; transform:none; filter:none; border-radius:0; }
.bb26 .bb-editorial-picture--inset { width:min(100%,240px); margin-left:auto; margin-right:auto; }
.bb26 .bb-editorial-picture--lips { width:min(100%,620px); margin-left:auto; margin-right:auto; }
.bb26 .bb-editorial-picture--complexion { width:min(100%,280px); margin:0; }
.bb26 .bb-editorial-picture--complexion img { aspect-ratio:4/5; object-fit:cover; object-position:50% 42%; }
body.bb26 .bb-editorial-picture figcaption { margin-top:12px; font:16px/1.55 var(--bb-font-body); color:var(--bb-ink); }
.bb26 .bb-directory-intro { display:block; }
.bb26 .bb-directory-intro .bb-editorial-picture--complexion { width:240px; margin-top:24px; }
@media(max-width:700px) {
 .bb26 .bb-directory-intro .bb-editorial-picture--complexion { width:160px; margin-left:auto; }
}
body.bb26 {
  --font-body: var(--bb-font-body);
  --font-grotesque: var(--bb-font-body);
  --font-display: var(--bb-font-display);
  --font-mono: var(--bb-font-body);
  --reader-measure: var(--bb-reading-width);
  --reader-ground: var(--bb-white);
  --reader-ground-2: var(--bb-porcelain);
  --reader-ink: var(--bb-ink);
  --reader-ink-soft: var(--bb-muted);
  --reader-muted: var(--bb-muted);
  --reader-clay: var(--bb-blue);
  --reader-line: var(--bb-line);
  --reader-claim-eyebrow: var(--bb-book-blue-text);
  --reader-claim-ground: var(--bb-blue-wash);
  --reader-claim-ink: var(--bb-navy);
  --ground: var(--bb-white);
  --ink: var(--bb-ink);
  --ink2: var(--bb-ink);
  --ink-secondary: var(--bb-muted);
  --muted: var(--bb-muted);
  --navy: var(--bb-navy);
  --paper: var(--bb-white);
  --shade: var(--bb-porcelain);
  --ice: var(--bb-blue-wash);
  --line: var(--bb-line);
  --line2: var(--bb-line);
  --accent: var(--bb-blue);
  --accent-text: var(--bb-blue);
  --accent-soft: var(--bb-blue-wash);
  --plane-ground: var(--bb-white);
  --plane-sheet: var(--bb-porcelain);
  --plane-text: var(--bb-ink);
  --plane-accent: var(--bb-blue-wash);
  --plane-metal: var(--bb-gold);
  --plane-metal-text: var(--bb-gold-text);
  --plane-gutter: var(--bb-gutter);
  --plane-radius: 0;
  --plane-shadow: none;
  --plane-shadow-long: none;
  --home-ink: var(--bb-ink);
  --home-bone: var(--bb-white);
  --home-paper: var(--bb-white);
  --home-rule: var(--bb-line);
  --home-soft-ink: var(--bb-muted);
  --color-page-ground: var(--bb-white);
  --color-page-paper: var(--bb-white);
  --color-page-ink: var(--bb-ink);
  --color-page-soft: var(--bb-muted);
  --color-page-clay: var(--bb-blue);
  --color-page-line: var(--bb-line);
  --color-page-navy: var(--bb-navy);
  margin: 0;
  padding: 0;
  color: var(--bb-ink);
  background: var(--bb-white);
  font: 400 var(--bb-type-body)/var(--bb-leading) var(--bb-font-body);
  color-scheme: light;
  overflow-x: visible;
  -webkit-font-smoothing: antialiased;
}
/* Displays: the Beauty Book Bodoni line. Every page title (h1) is upright, as
   on Home and Innovation; italic stays the default only for unmarked chapter
   phrases (h2/.r-head) and for editorial emphasis (em). Question,
   module-title and explicit hero/chapter roles (below) set their own style. */
body.bb26 :is(h1,h2,.r-display,.r-head,.ed-hero-title) {
  font-family: var(--bb-font-display) !important;
  font-style: italic;
  font-weight: 400 !important;
  line-height: var(--bb-leading-heading) !important;
  color: var(--bb-navy) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  max-width: none;
}
body.bb26 :is(h1,.r-display,.ed-hero-title) { font-size: var(--bb-type-h1) !important; font-style: normal; }
body.bb26 :is(h2,.r-head) { font-size: var(--bb-type-h2) !important; }
body.bb26 :is(h3,h4,.r-subhead) {
  font-family: var(--bb-font-body);
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  color: var(--bb-navy);
  letter-spacing: normal;
  text-transform: none;
}
body.bb26 :is(h3,.r-subhead) { font-size: var(--bb-type-h3); }
body.bb26 :is(p,li,dd) { overflow-wrap: break-word; }
body.bb26 :is(.reader,.richtext,.body-copy,.page-body,.section-copy,.answer-body,.study-summary) {
  font-family: var(--bb-font-body);
  font-size: var(--bb-type-body);
  line-height: var(--bb-leading);
}
body.bb26 :is(.r-lead,.lead,.section-lead,.hero-lead,.home-masthead__lead) {
  color: var(--bb-ink) !important;
  font-family: var(--bb-font-body);
  font-size: var(--bb-type-lead);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: normal;
  max-width: 60ch;
}
/* Legacy eyebrows read as the sentence-case Nunito kicker role (see the role
   map below): no uppercase, no wide tracking. Template spacing stays. */
body.bb26 :is(.r-eyebrow,.eyebrow,.ed-hero-eyebrow,.color-eyebrow,.card-kicker,.header-kicker,.kicker,.r-claim-kicker) {
  color: var(--bb-book-blue-text) !important;
}
body.bb26 :is(.r-label,.label,.r-disc,.r-disclosure,.ssr-disclosure,.footnote,.table-note,.source-note,.privacy-note,.context-note,.catalogue-note,.owner-estimate,.recipe-caveat,figcaption) {
  color: var(--bb-muted);
  font: 400 var(--bb-type-note)/1.6 var(--bb-font-body);
  letter-spacing: normal;
  text-transform: none;
}
body.bb26 :is(.ssr-byline,.ssr-byline[data-author-byline]) {
  color: var(--bb-muted) !important;
  font: 400 var(--bb-type-label)/1.6 var(--bb-font-body);
  letter-spacing: normal;
  text-transform: none;
  margin: 20px 0 0;
}
body.bb26 :is(.r-hero,.family-hero,.ed-hero) :is(.ssr-byline,.ssr-disclosure) { color: var(--bb-muted) !important; }
body.bb26 a { color: var(--bb-blue); text-underline-offset: 4px; }
body.bb26 :is(a,button,summary,input,select):focus-visible { outline: 3px solid var(--bb-blue); outline-offset: 4px; }
/* On the shared navy footer the light ring has 14.10:1 contrast. The blue
   indicator stays on the reading ground (7.49:1 against white). */
body:is(.bb26,.bb26-reader) :is(.ssr-footer,.site-footer) :is(a,button,summary,input,select,[tabindex]):focus-visible { outline-color: var(--bb-white); }
body.bb26 :is(button,input,select,summary) { min-inline-size: 48px; }
body.bb26 :is(.ssr-skip,.clinical-skip,.skip-link):focus { color: var(--bb-white); background: var(--bb-navy); z-index: 200; }

body.bb26 :is(.ssr-crumbs,.clinical-breadcrumb,.breadcrumb) { width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); padding: 16px 0; margin-inline: auto; font: 400 14px/1.5 var(--bb-font-body); color: var(--bb-muted); text-transform: none; letter-spacing: normal; }
body.bb26 :is(.ssr-crumbs,.clinical-breadcrumb,.breadcrumb) a { display: inline-flex; align-items: center; justify-content: center; min-inline-size: 48px; min-block-size: 48px; max-inline-size: 100%; padding-inline: 6px; white-space: normal; }
body:is(.bb26,.bb26-reader) .ssr-footer {
  max-width: none;
  width: 100%;
  padding: 48px max(var(--bb-gutter),calc((100vw - var(--bb-page-width))/2));
  margin: var(--bb-section) 0 0;
  border-top: 5px solid var(--bb-book-blue);
  color: var(--bb-white);
  background: var(--bb-navy);
  font-family: var(--bb-font-body);
}
body:is(.bb26,.bb26-reader) .ssr-footer a { color: var(--bb-white); min-height: 48px; font-size: 16px; }
body:is(.bb26,.bb26-reader) .ssr-footer :is(.label,.ssr-footer-attribution,.ssr-footer-relationship) { color: var(--bb-white); font-family: var(--bb-font-body); }
body:is(.bb26,.bb26-reader) .ssr-footer .label { font-size: 15px; font-weight: 700; }
body:is(.bb26,.bb26-reader) .ssr-footer-nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; }
body:is(.bb26,.bb26-reader) .ssr-footer-nav { background: transparent; background-image: none; }
body.bb26.public-editorial.page-evidence.page-detail .evidence-source-action small { color: var(--bb-muted); opacity: 1; }
body:is(.bb26,.bb26-reader) .ssr-footer-nav :is(ul,li) { list-style: none; margin: 0; padding: 0; border: 0; background: transparent; }
body:is(.bb26,.bb26-reader) .ssr-footer-attribution { margin-top: 32px; font-size: 13px; border-top: 1px solid var(--bb-book-blue); padding-top: 24px; }
body:is(.bb26,.bb26-reader) .ssr-footer-relationship { font-size: 13px; }
body:is(.bb26,.bb26-reader) > .site-footer:not(.ssr-footer) { width: 100%; max-width: none; margin: var(--bb-section) 0 0; padding: 48px max(var(--bb-gutter),calc((100vw - var(--bb-page-width))/2)); color: var(--bb-white); background: var(--bb-navy); border-top: 5px solid var(--bb-book-blue); font-family: var(--bb-font-body); }
body:is(.bb26,.bb26-reader) > .site-footer:not(.ssr-footer)::before { content: none; }
body.bb26 .site-footer :is(p,.footer-wordmark,.footer-relationship,.footer-note) { color: var(--bb-white); font-size: 13px; line-height: 1.6; }
body.bb26 .site-footer .footer-wordmark { font: 400 30px/1.2 var(--bb-font-display); }
body.bb26 .site-footer .footer-nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; margin-block: 32px; }
body.bb26 .site-footer .footer-nav section > p { font: 700 15px/1.5 var(--bb-font-body); letter-spacing: normal; text-transform: none; }
body.bb26 .site-footer .footer-nav section > div { display: grid; }
body.bb26 .site-footer a { color: var(--bb-white); min-height: 48px; font: 400 16px/1.5 var(--bb-font-body); }
body:is(.bb26,.bb26-reader) :is(.ssr-footer,.site-footer) a { display: inline-flex; align-items: center; min-inline-size: 48px; min-block-size: 48px; max-inline-size: 100%; padding-block: 10px; white-space: normal; }
body:is(.bb26,.bb26-reader) .ssr-footer.site-footer :is(p,li,.label,.ssr-footer-attribution,.ssr-footer-relationship) { color: var(--bb-white); }
body:is(.bb26,.bb26-reader) .ssr-footer.site-footer .label { font: 700 15px/1.5 var(--bb-font-body); }
body:is(.bb26,.bb26-reader) .ssr-footer.site-footer :is(.ssr-footer-attribution,.ssr-footer-relationship) { font: 400 13px/1.6 var(--bb-font-body); }
body:is(.bb26,.bb26-reader) .ssr-footer.site-footer .ssr-footer-nav > section { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
body.bb26 :is(.ssr-skip,.clinical-skip,.skip-link) { display: inline-flex; align-items: center; min-inline-size: 48px; min-block-size: 48px; padding: 12px 18px; color: var(--bb-white); background: var(--bb-navy); border-radius: var(--bb-radius-control); font: 700 16px/1.5 var(--bb-font-body); }
body.bb26 :is(.ssr-skip,.clinical-skip):focus-visible { outline: 3px solid var(--bb-blue); outline-offset: 3px; }
/* Existing standalone navigation/next-step links keep their labels and URLs.
   Inline references within reading sentences retain the reading flow. */
body.bb26 :is(.r-eyebrow,.home-editorial-note__naked,.footnote[data-site-key-projection]) > a,
body.bb26 .ssr-faq > p:last-child > a { display: inline-flex; align-items: center; min-inline-size: 48px; min-block-size: 48px; max-inline-size: 100%; }
/* A wrapped inline link's union box can contain gaps between its line boxes.
   Existing destination lists and source/action chips need one actual hit box. */
body.bb26 .answer-related-list > li > a,
body.bb26 a.bb26-action-link,
body.bb26.public-editorial.page-learn.page-packet .r-hero .r-lead > a[href$="/answers/is-lipsense-safe-to-use"],
body.bb26 .product-category > h2 > a,
body.bb26 .family-routes > ul > li > a,
body.bb26 .material-stories__question > a[data-material-story-question],
body.bb26 .product-category-guide > p > a,
body.bb26.public-editorial.page-founder-story .r-founder-source > a,
body.bb26 :is(.richtext,.r-depth-body) a.rt-clinical,
body.bb26 .r-claim .r-disc > a.rt-clinical,
body.bb26.public-editorial .r-claim > a.r-claim-context,
body.bb26 .clinical-product-handoff > ul > li > a,
body.bb26 .clinical-product-discovery :is(ul,ol) > li > a,
body.bb26 a.clinical-product-pdp,
body.bb26.clinical-report .page-inner > ol > li > a,
body.bb26.catalogue-claim-inventory :is(.category,.claim-group-body) p.links > a,
body.bb26 .answer-body > .r-col > p > a:only-child:is([href$="/evidence/lipsense-ph-glossy-tint-formula"],[href$="/answers/how-long-has-senegence-been-in-business"],[href$="/learn/brand-story/vanuatu-orchid-seneplex-origin"],[href$="/evidence/identity-eyeluminator-under-eye-brightening-cream"],[href$="/learn/product-basics/microbiome-collection"]),
body.bb26 .answer-body > .r-col > p:first-child:has(+ h2) > a:only-child[href$="/answers/what-does-senegence-mean-by-clean-beauty"],
body.bb26 .answer-body > .r-col > p:last-child > a:only-child[href$="/answers/what-does-senegence-mean-by-clean-beauty"] { display: inline-flex; align-items: center; min-inline-size: 48px; min-block-size: 48px; max-inline-size: 100%; white-space: normal; }
body.bb26.catalogue-claim-inventory .product-jumps .jump-count { pointer-events: none; }
body.bb26 .clinical-answer-handoff > .ssr-spokes > li > a { min-inline-size: 48px; min-block-size: 48px; }
/* Keep source-owned trailing punctuation beside standalone action links,
   including the more specific legacy paragraph-link rules above. */
body.bb26 a.bb26-action-link,
body.bb26.catalogue-claim-inventory :is(.category,.claim-group-body) p.links > a { max-inline-size: calc(100% - 1ch) !important; vertical-align: middle; }
body.bb26 .next-steps__group > ul > li > a { min-inline-size: 48px; }

/* Existing public reading and chapter layouts. No topics/records are folded. */
body.bb26 .reader { padding: 0; background: var(--bb-white); color: var(--bb-ink); }
body.bb26 .r-col { width: min(var(--bb-reading-width),calc(100% - 2 * var(--bb-gutter))); max-width: none; padding-inline: 0; margin-inline: auto; }
body:is(.bb26,.bb26-reader) .ssr-footer.r-col,
body:is(.bb26,.bb26-reader).public-editorial .reader > .ssr-footer { width: 100%; max-width: none; margin-inline: 0; padding-inline: max(var(--bb-gutter),calc((100vw - var(--bb-page-width))/2)); }
body.bb26 > .footnote[data-footer-anchor] { background: var(--bb-blue-wash); color: var(--bb-navy); }
body.bb26 > .footnote[data-footer-anchor] a { color: var(--bb-blue); }
body:is(.bb26,.bb26-reader).public-editorial .reader > .r-col:not(.ssr-crumbs):not(.ssr-footer),
body.bb26.public-editorial .answer-cluster > .r-col { width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); padding-inline: 0; }
body.bb26.public-editorial :is(.reader > .r-hero,.reader > article > .r-hero,.family-hero) {
  position: relative;
  display: block;
  width: 100%;
  min-height: 0;
  max-width: none;
  padding: var(--bb-section) 0;
  margin: 0 0 32px;
  color: var(--bb-ink);
  background: var(--bb-white);
  border-bottom: 1px solid var(--bb-line);
  box-shadow: none;
  overflow: visible;
  transform: none;
}
body.bb26.public-editorial :is(.reader > .r-hero,.reader > article > .r-hero) > .r-col {
  width: min(var(--bb-reading-width),calc(100% - 2 * var(--bb-gutter)));
  max-width: none;
  margin-inline: auto;
  padding: 0;
}
body.bb26.public-editorial :is(.r-hero,.family-hero) :is(.r-display,.r-lead,.r-eyebrow,.r-entity-definition,.evidence-subject,.evidence-teaching,.evidence-meaning,.evidence-meaning strong) { color: var(--bb-ink); }
body.bb26.public-editorial .r-hero.evidence-detail-hero :is(.evidence-subject,.evidence-teaching,.evidence-meaning,.evidence-meaning strong) { color: var(--bb-ink); }
body.bb26.public-editorial .r-hero .r-display { margin: 0 0 24px; max-width: none; }
body.bb26.public-editorial .r-hero .r-lead { width: auto; max-width: 60ch; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: none; }
body.bb26.public-editorial .r-hero .r-lead::before,
body.bb26.public-editorial .r-hero::after { content: none; }
/* Keep the pre-existing catalogue photograph, without legacy ambient planes.
   The mosaic is one 16:9 photograph of six product tiles on its own linen
   ground (#EFE9DD): it is contained, never cropped, so every tile stays whole,
   and the same linen fills the rest of the frame. */
body.bb26.public-editorial.page-index:not(.page-learn):not(.page-evidence) .reader > .r-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: min(1440px,100%);
  padding: 0;
  margin-inline: auto;
}
body.bb26.public-editorial.page-index:not(.page-learn):not(.page-evidence) .reader > .r-hero > .r-col { grid-column: 1; grid-row: 1; width: 100%; padding: clamp(36px,5vw,64px) var(--bb-gutter); margin: 0; }
body.bb26.public-editorial.page-index:not(.page-learn):not(.page-evidence) .reader > .r-hero::before {
  content: "";
  display: block;
  position: static;
  grid-column: 2;
  grid-row: 1;
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 460px;
  margin: 0;
  padding: 0;
  border: 0;
  border-left: 7px solid var(--bb-book-blue);
  background: var(--plane-cover) center/contain no-repeat #EFE9DD;
  box-shadow: none;
  transform: none;
}
body.bb26.public-editorial.page-index:is(.page-learn,.page-evidence) .reader > .r-hero::before { content: none; }
body.bb26 .r-section { padding-block: var(--bb-section); }
body.bb26 .r-rule { max-width: var(--bb-page-width); margin: 0 auto; height: 1px; background: var(--bb-line); border: 0; }
body.bb26 :is(.ssr-cta,.btn,.shop-card,.color-hero .hero-link) {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border: 1px solid var(--bb-navy);
  border-radius: var(--bb-radius-control);
  background: var(--bb-navy);
  color: var(--bb-white);
  font: 700 16px/1.4 var(--bb-font-body);
  box-shadow: none;
  text-shadow: none;
  text-decoration: none;
  transform: none;
  filter: none;
}
body.bb26 :is(.ssr-cta,.btn):hover { background: var(--bb-blue); color: var(--bb-white); box-shadow: none; transform: none; }
body.bb26 .btn--quiet { background: transparent; color: var(--bb-navy); }
body.bb26 :is(.page-contents,.evidence-category-nav) { margin: 32px auto; padding: 24px 0; border-block: 1px solid var(--bb-line); background: transparent; box-shadow: none; }
body.bb26 .evidence-category-nav ul { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
body.bb26 :is(.page-contents a,.evidence-category-nav a) { display: inline-flex; align-items: center; min-height: 48px; padding: 10px 16px; background: var(--bb-blue-wash); color: var(--bb-navy); border: 1px solid var(--bb-line); border-radius: var(--bb-radius-control); font: 700 16px/1.4 var(--bb-font-body); text-decoration: none; }
body.bb26 .page-contents { display: flex; flex-wrap: wrap; gap: 12px; }

/* Photograph bindings stay page-owned. Packshots show the complete subject. */
body.bb26 .declared-picture { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; align-items: center; margin: 32px 0 0; padding: 16px; background: var(--bb-white); border-left: 5px solid var(--bb-book-blue); }
body.bb26 .declared-picture img { max-width: 100%; width: min(100%,380px); height: 320px; object-fit: contain; border-radius: 0; box-shadow: none; filter: none; }
body.bb26 .destination-card { display: flex; flex-direction: column; border: 1px solid var(--bb-line); border-radius: 0; background: var(--bb-white); color: var(--bb-ink); box-shadow: none; transform: none; text-decoration: none; overflow: hidden; }
body.bb26 .destination-card:hover { background: var(--bb-porcelain); box-shadow: none; transform: none; }
body.bb26 .destination-card__visual { position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; height: 240px; min-height: 0; aspect-ratio: auto; margin: 0; background: var(--bb-white); border-bottom: 1px solid var(--bb-line); border-radius: 0; }
body.bb26 .destination-card__visual::after { content: none; }
body.bb26 .destination-card__visual img { position: static; width: 100%; min-width: 0; height: 100%; object-fit: contain; flex: 1 1 0; opacity: 1; filter: none; transform: none; }
body.bb26 .destination-card__copy { display: block; padding: 24px; background: var(--bb-white); color: var(--bb-ink); }
body.bb26 .destination-card__copy strong { display: block; font: 700 22px/1.35 var(--bb-font-body); color: var(--bb-navy); }
body.bb26 .destination-card__cue { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; min-height: 48px; font: 700 16px/1.4 var(--bb-font-body); color: var(--bb-blue); }
body.bb26 :is(.r-inline-visual,.r-art-surface,.r-cover-plate,.r-bleed,.r-wrap-media,.r-specimen) { border-radius: 0; background: var(--bb-white); box-shadow: none; transform: none; }
body.bb26 :is(.r-inline-visual,.r-art-surface,.r-cover-plate,.r-bleed) img { border-radius: 0; box-shadow: none; filter: none; }
body.bb26 :is(.r-art--contain,.product-guide-photo,.declared-card-picture) img { object-fit: contain; }
body.bb26 .r-art--contain img { height: 100%; max-height: 100%; min-height: 0; }
body.bb26 .study-pair-figure figcaption { font: 400 15px/1.6 var(--bb-font-body); color: var(--bb-muted); }

/* Home: chapter copy and Joni's existing photograph occupy separate columns. */
body.bb26 #hero.ed-hero.home-masthead {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  width: min(1440px,100%);
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  color: var(--bb-ink);
  background: var(--bb-white);
  overflow: visible;
  box-shadow: none;
}
body.bb26 #hero.ed-hero.home-masthead::before,
body.bb26 #hero.ed-hero.home-masthead::after { content: none; }
body.bb26 #hero > .home-masthead__copy-plane { position: static; grid-column: 1; grid-row: 1; align-self: center; width: 100%; max-width: none; margin: 0; padding: clamp(36px,5vw,64px) var(--bb-gutter); border: 0; background: transparent; box-shadow: none; transform: none; }
body.bb26 #hero > .home-masthead__human-plane { position: static; grid-column: 2; grid-row: 1; align-self: stretch; width: 100%; height: auto; margin: 0; border: 0; border-left: 7px solid var(--bb-book-blue); border-radius: 0; background: var(--bb-porcelain); box-shadow: none; transform: none; clip-path: none; }
body.bb26 #hero > .home-masthead__human-plane img { width: 100%; height: 100%; max-height: 660px; object-fit: contain; opacity: 1; filter: none; }
body.bb26 #hero.ed-hero.home-masthead .home-masthead__copy-plane h1.ed-hero-title { max-width: none !important; font-size: var(--bb-type-hero) !important; margin: 0 0 var(--bb-space-4); }
body.bb26 #hero .ed-hero-eyebrow { font: 700 14px/1.5 var(--bb-font-body); text-shadow: none; color: var(--bb-book-blue-text); }
body.bb26 #hero .home-masthead__lead { width: auto; margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; transform: none; text-shadow: none; }
body.bb26 #hero .home-quick-start { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
body.bb26 #hero .home-quick-start a { min-height: 48px; padding: 12px 18px; border: 1px solid var(--bb-navy); border-radius: var(--bb-radius-control); background: var(--bb-navy); color: var(--bb-white); font: 700 16px/1.4 var(--bb-font-body); box-shadow: none; transform: none; }
body.bb26 #hero .home-quick-start a:first-child { color: var(--bb-white); background: var(--bb-navy); border-color: var(--bb-navy); }
body.bb26 #hero .home-quick-start a + a { color: var(--bb-navy); background: var(--bb-white); }
body.bb26 .home-introduction { width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); margin-inline: auto; padding: var(--bb-section) 0; background: var(--bb-white); border: 0; box-shadow: none; }
body.bb26 .home-editorial-note { position: static; display: grid; grid-template-columns: 1fr; gap: 24px; width: 100%; max-width: none; margin: 0 0 48px; padding: 32px; background: var(--bb-porcelain); border: 1px solid var(--bb-line); border-left: 5px solid var(--bb-book-blue); border-radius: 0; box-shadow: none; transform: none; }
body.bb26 :is(.home-editorial-note__copy,.home-editorial-note__naked) { width: 100%; margin: 0; padding: 0; background: transparent; color: var(--bb-ink); box-shadow: none; transform: none; }
body.bb26 .home-editorial-note__copy p { font-size: var(--bb-type-body); line-height: var(--bb-leading); }
body.bb26 .home-editorial-note__eyebrow { color: var(--bb-book-blue-text); font: 700 14px/1.5 var(--bb-font-body); }
body.bb26 .home-editorial-note__index { color: var(--bb-gold-text); font: 700 18px/1.5 var(--bb-font-body); }
body.bb26 .home-story-line { max-width: var(--bb-reading-width); margin: 0 0 32px; color: var(--bb-ink); font: 400 var(--bb-type-lead)/1.55 var(--bb-font-body); }
body.bb26 .home-destination-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
body.bb26 :is(.home-goal-concierge,.home-proof-band) { width:min(1180px,calc(100% - 40px)); margin:0 auto 64px; }
body.bb26 :is(.home-goal-grid,.home-proof-grid) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
body.bb26 .home-goal-grid a { display:flex; flex-direction:column; gap:.7rem; padding:24px; border:1px solid var(--bb-line); color:var(--bb-ink); text-decoration:none; }
body.bb26 .home-goal-grid a:hover { background:var(--bb-porcelain); }
body.bb26 .home-goal-grid strong { font-size:1.15rem; }
body.bb26 .home-goal-grid span:last-child { margin-top:auto; color:var(--bb-book-blue-text); }
body.bb26 .home-proof-card { padding:24px; border-top:4px solid var(--bb-book-blue); background:var(--bb-porcelain); }
body.bb26 .home-proof-card .home-proof-value { margin:0; font-family:var(--bb-font-display); font-size:clamp(1.5rem,3vw,2.5rem); line-height:1.15; }
body.bb26 .home-proof-card p { line-height:1.65; }
@media(max-width:700px) { body.bb26 :is(.home-goal-grid,.home-proof-grid) { grid-template-columns:minmax(0,1fr); } }

/* Answers: uniform rectangular cards; all existing cards and direct text stay. */
body.bb26.public-editorial .answer-cluster { padding-block: var(--bb-section); }
body.bb26.public-editorial .answer-cluster:nth-of-type(even) { background: var(--bb-porcelain); }
body.bb26.public-editorial .answer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px 24px; margin-top: 32px; }
body.bb26.public-editorial .ssr-faq,
body.bb26.public-editorial .ssr-faq:first-child,
body.bb26.public-editorial .answer-grid > .ssr-faq:only-child { display: block; grid-column: auto; width: auto; max-width: none; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; transform: none; }
body.bb26.public-editorial .ssr-faq::before { content: none; }
body.bb26.public-editorial .ssr-faq h3 { margin: 0; font: 700 22px/1.35 var(--bb-font-body); }
body.bb26.public-editorial .ssr-faq > p,
body.bb26.public-editorial .ssr-faq:first-child > p { margin: 16px 0 0; padding: 0; color: var(--bb-ink); font: 400 17px/1.55 var(--bb-font-body); }
body.bb26.public-editorial .answer-direct { width: min(var(--bb-reading-width),calc(100% - 2 * var(--bb-gutter))); margin: 0 auto 32px; padding: 24px; border: 0; border-left: 5px solid var(--bb-blue); background: var(--bb-blue-wash); box-shadow: none; transform: none; }
body.bb26.public-editorial .answer-direct > .r-col { width: 100%; margin: 0; }
body.bb26.public-editorial .answer-direct .r-lead { margin: 0; font-size: 18px; line-height: var(--bb-leading); }
body.bb26.public-editorial .answer-body { padding-top: 24px; }
body.bb26 .answer-selector { margin: 24px 0; padding-left: 28px; }
body.bb26 .answer-selector li { padding: 8px 0; font-size: 18px; line-height: var(--bb-leading); }
body.bb26 .answer-related-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; padding: 0; list-style: none; }

/* Evidence, product head, guides and founder retain their full installed body. */
body.bb26.public-editorial .ssr-evidence-claim { grid-template-columns: minmax(190px,.6fr) minmax(0,1.4fr); gap: 20px 32px; padding: 28px; margin-top: 24px; border: 1px solid var(--bb-line); border-top: 3px solid var(--bb-book-blue); border-radius: 0; background: var(--bb-white); box-shadow: none; transform: none; }
body.bb26.public-editorial .ssr-evidence-claim:nth-of-type(even) { transform: none; }
body.bb26.public-editorial .ssr-evidence-claim > .value { color: var(--bb-navy); font: 700 var(--bb-type-proof)/1.12 var(--bb-font-body); font-variant-numeric: tabular-nums; }
body.bb26.public-editorial .ssr-evidence-claim > .value.value--detail { font: 700 var(--bb-type-h3)/1.3 var(--bb-font-body); }
body.bb26.public-editorial .ssr-evidence-claim > .evidence-claim-title { font: 700 18px/1.4 var(--bb-font-body); }
body.bb26 .ssr-evidence-meta { margin: 24px 0; padding: 20px; border: 1px solid var(--bb-line); color: var(--bb-ink); background: var(--bb-porcelain); font: 400 16px/1.6 var(--bb-font-body); }
body.bb26 .ssr-evidence-meta dt { color: var(--bb-navy); font: 700 14px/1.5 var(--bb-font-body); }
body.bb26 .ssr-evidence-meta dd { color: var(--bb-ink); font: 400 16px/1.6 var(--bb-font-body); }
body.bb26.public-editorial .evidence-source-action { min-height: 48px; padding: 16px; background: var(--bb-blue-wash); border: 1px solid var(--bb-line); border-radius: var(--bb-radius-control); color: var(--bb-navy); box-shadow: none; transform: none; }
body.bb26.public-editorial.page-evidence.page-detail .evidence-source-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
body.bb26.public-editorial.page-evidence.page-detail .evidence-source-action { min-inline-size: 48px; max-inline-size: 100%; }
body.bb26.public-editorial.page-evidence.page-detail .evidence-source-action > :is(strong,small) { min-inline-size: 0; }
body.bb26.public-editorial.page-evidence.page-detail .evidence-source-action small { overflow-wrap: anywhere; }
body.bb26.public-editorial .evidence-source-action small { font: 400 13px/1.6 var(--bb-font-body); }
body.bb26.public-editorial .product-category-grid { display: block; }
body.bb26.public-editorial.page-products .product-category { display: block; padding: var(--bb-section) 0; margin: 0; background: var(--bb-white); border-top: 1px solid var(--bb-line); box-shadow: none; transform: none; }
body.bb26.public-editorial .product-category::before { content: none; }
body.bb26.public-editorial .product-category > h2 { margin-bottom: 24px; }
body.bb26.public-editorial .product-category > :is(p,.product-jobs,.r-eyebrow) { max-width: var(--bb-reading-width); }
body.bb26 .product-category-guide { max-width: var(--bb-reading-width); margin: 32px 0; }
body.bb26 .product-category-guide section { padding-block: 24px; border-bottom: 1px solid var(--bb-line); }
body.bb26 .product-category-guide h3 { margin-bottom: 16px; }
body.bb26 .product-guide-photo { margin: 24px 0; padding: 16px; border-left: 5px solid var(--bb-book-blue); background: var(--bb-white); }
body.bb26 .product-guide-photo img { max-height: 350px; width: 100%; height: auto; object-fit: contain; }
body.bb26.public-editorial .product-jobs li { font: 400 18px/1.6 var(--bb-font-body); color: var(--bb-ink); }
body.bb26.public-editorial .product-pdp-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; padding: 0; list-style: none; }
body.bb26.public-editorial .product-pdp-list > li { padding: 24px; border: 1px solid var(--bb-line); border-top: 3px solid var(--bb-book-blue); border-radius: 0; background: var(--bb-white); box-shadow: none; }
body.bb26.public-editorial .product-pdp-list a { min-height: 48px; font-size: 16px; }
body.bb26.public-editorial .product-featured-proof { padding: 24px; border: 1px solid var(--bb-line); border-radius: 0; background: var(--bb-blue-wash); color: var(--bb-navy); box-shadow: none; transform: none; }
body.bb26.public-editorial .learn-audience-intro { margin: 32px 0; padding: 32px 0; color: var(--bb-ink); background: var(--bb-blue-wash); border: 0; box-shadow: none; }
body.bb26.public-editorial .learn-audience-intro .r-col { padding-inline: 0; }
body.bb26 .ssr-spokes { padding: 0; list-style: none; margin-top: 32px; }
body.bb26.public-editorial .ssr-spokes a { display: grid; grid-template-columns: minmax(36px,auto) minmax(0,1fr) auto; gap: 12px; min-height: 56px; padding: 16px 0; color: var(--bb-navy); border-bottom: 1px solid var(--bb-line); background: transparent; border-radius: 0; box-shadow: none; transform: none; font-family: var(--bb-font-body); }
body.bb26.public-editorial .ssr-spokes :is(.no,.meta) { color: var(--bb-muted); font: 400 14px/1.5 var(--bb-font-body); }
body.bb26.public-editorial .ssr-spokes .t { color: var(--bb-navy); font: 700 18px/1.5 var(--bb-font-body); }
body.bb26.public-editorial .ssr-spokes .sub { grid-column: 2 / -1; color: var(--bb-ink); font: 400 17px/1.55 var(--bb-font-body); }
body.bb26 .visual-safe-copy { color: var(--bb-ink); background: var(--bb-white); border-radius: 0; border: 1px solid var(--bb-line); box-shadow: none; backdrop-filter: none; }
body.bb26.public-editorial .r-hero > .visual-safe-copy { color: var(--bb-ink); background: var(--bb-white); border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; transform: none; }
body.bb26 .r-quote { color: var(--bb-navy); font: italic 400 clamp(24px,2.8vw,38px)/1.4 var(--bb-font-display); border-left: 3px solid var(--bb-gold); }
body.bb26 :is(.r-claim,.family-part--proof) { color: var(--bb-navy); background: var(--bb-blue-wash); border: 0; border-top: 3px solid var(--bb-book-blue); border-radius: 0; box-shadow: none; }
body.bb26 .r-stat { color: var(--bb-navy); font: 700 var(--bb-type-proof)/1.12 var(--bb-font-body); font-variant-numeric: tabular-nums; }
body.bb26 .r-claim-kicker { font: 700 14px/1.5 var(--bb-font-body); color: var(--bb-book-blue-text); letter-spacing: .08em; }
body.bb26 .rt-term-ref { font-size: 13px; }
body.bb26 :is(.r-proof-count,.rt-spec dt) { font: 700 13px/1.5 var(--bb-font-body); color: var(--bb-muted); }
body.bb26 .material-stories { background-color: var(--bb-porcelain); background-image: none; }
body.bb26 .material-stories__grid { border-radius: 0; }
body.bb26 :is(.material-stories__number,.material-stories__eyebrow) { font: 700 14px/1.5 var(--bb-font-body); color: var(--bb-book-blue-text); }
body.bb26 .r-say { color: var(--bb-ink); }
body.bb26 .family-hero__grid { min-height: 0; }
body.bb26 .family-hero__description { color: var(--bb-ink); font: 400 18px/var(--bb-leading) var(--bb-font-body); }
body.bb26 .family-hero__copy { padding: 24px 32px; }
body.bb26 .family-visual { background: var(--bb-porcelain); border-radius: 0; }
body.bb26 .family-visual--text { background: var(--bb-blue-wash); }
body.bb26 .family-visual--text::before,body.bb26 .family-visual--text::after { border-color: var(--bb-line); background: transparent; transform: none; }
body.bb26 .family-visual--text span { background: transparent; border-color: var(--bb-line); border-radius: 0; transform: none; }
body.bb26 .family-companion { color: var(--bb-ink); background: var(--bb-blue-wash); border: 1px solid var(--bb-line); border-radius: 0; box-shadow: none; }
body.bb26 .family-companion :is(p,.r-eyebrow) { color: var(--bb-ink); }
body.bb26 .family-companion .family-store-exit { min-height: 48px; color: var(--bb-navy); background: var(--bb-white); border-color: var(--bb-line); }
body.bb26 :is(.r-details,.r-depth,.evidence-detail-disclosure) { margin-block: 24px; border-color: var(--bb-line); border-radius: 0; background: var(--bb-white); box-shadow: none; }
body.bb26 :is(.r-details,.r-depth,.evidence-detail-disclosure) > summary { min-height: 56px; padding: 16px 0; font: 700 18px/1.5 var(--bb-font-body); color: var(--bb-navy); background: transparent; box-shadow: none; }
body.bb26 .r-depth-body { font-size: 18px; }
body.bb26 :is(.next-steps,.clinical-next-steps) { margin-top: 48px; padding-block: 32px; border-top: 1px solid var(--bb-line); background: var(--bb-white); border-radius: 0; box-shadow: none; }
body.bb26 .next-steps__groups { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
body.bb26 .next-steps__group ul { margin: 16px 0 0; padding: 0; list-style: none; }
body.bb26 .next-steps a { display: inline-flex; align-items: center; min-height: 48px; color: var(--bb-blue); font: 700 16px/1.5 var(--bb-font-body); }
body.bb26 .next-steps .next-steps__primary { display: flex; color: var(--bb-white); background: var(--bb-navy); border: 1px solid var(--bb-navy); border-radius: var(--bb-radius-control); padding: 16px 20px; }
body.bb26 .next-steps .next-steps__primary:hover { color: var(--bb-white); background: var(--bb-blue); border-color: var(--bb-blue); }
body.bb26 .discussion-module { padding: 32px; background: var(--bb-blue-wash); color: var(--bb-ink); border: 1px solid var(--bb-line); border-radius: 0; box-shadow: none; }
body.bb26 .discussion-module__link { min-height: 48px; color: var(--bb-blue); }
body.bb26 :is(.discussion-module__eyebrow,.discussion-module__meta) { font: 400 13px/1.6 var(--bb-font-body); color: var(--bb-muted); }
body.bb26 .archive-notice { color: var(--bb-ink); background: var(--bb-porcelain); border-left: 3px solid var(--bb-gold); border-radius: 0; font: 400 16px/1.6 var(--bb-font-body); }

/* Existing clinical hub and report content uses one BB26 screen presentation. */
body.bb26.clinical-library .shell { width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); margin-inline: auto; }
body.bb26.clinical-library > header { padding: var(--bb-section) 0; background: var(--bb-white); border-bottom: 1px solid var(--bb-line); box-shadow: none; }
body.bb26.clinical-library > header::after { content: none; }
body.bb26.clinical-library h1 { max-width: none; }
body.bb26.clinical-library header nav { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
body.bb26.clinical-library header nav a { min-height: 48px; margin: 0; padding: 12px 18px; border: 1px solid var(--bb-line); border-radius: var(--bb-radius-control); color: var(--bb-navy); background: var(--bb-blue-wash); font: 700 16px/1.5 var(--bb-font-body); }
/* Gemini P2-1: the hero jump links sit on the light page with no tilted empty
   frame or dark band behind them, and the library's legacy `nav`/`nav a` rules
   stop at the shared masthead so it matches Home and Innovation exactly. */
body.bb26.clinical-library > header::before { content: none; }
body.bb26.clinical-library > header nav { background: transparent; border-block: 0; }
body.bb26.clinical-library > .site-key { margin: 0; }
body.bb26.clinical-library > .site-key a { margin: 0; }
body.bb26.clinical-library > .site-key .site-key__wordmark { min-height: 44px; font: 400 1.45rem/1.1 var(--bb-font-display, var(--font-display, Georgia, serif)); }
body.bb26.clinical-library > .site-key .site-key__link { display: flex; min-height: 48px; font-family: inherit; font-size: 14px; font-weight: 650; }
@media (max-width: 1020px) {
  body.bb26.clinical-library > .site-key .site-key__wordmark { font-size: 1.4rem; }
  body.bb26.clinical-library > .site-key .site-key__link { font-size: 16px; }
}
body.bb26.clinical-report .topbar:empty { display: none; }
body.bb26.clinical-library .library-section { padding-block: var(--bb-section); border-color: var(--bb-line); }
body.bb26.clinical-library .reports { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 32px; }
body.bb26.clinical-library .reports > article { display: flex; flex-direction: column; gap: 16px; padding: 24px; margin: 0; border: 1px solid var(--bb-line); border-top: 3px solid var(--bb-book-blue); border-radius: 0; background: var(--bb-white); box-shadow: none; transform: none; }
body.bb26.clinical-library .reports > article::before { content: none; }
body.bb26.clinical-library .reports > article h2 { font: 700 24px/1.3 var(--bb-font-body) !important; color: var(--bb-navy); letter-spacing: normal; }
body.bb26.clinical-library .reports > article p { font-size: 17px; line-height: 1.55; margin: 0; }
body.bb26.clinical-library .reports > article .card-kicker { font-size: 14px; }
body.bb26.clinical-library .reports > article .links { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: auto; }
body.bb26.clinical-library .links a { min-height: 48px; display: inline-flex; align-items: center; padding: 8px 0; color: var(--bb-blue); font: 700 16px/1.5 var(--bb-font-body); border: 0; background: transparent; }
body.bb26.clinical-library .links a:first-child { padding: 12px 16px; background: var(--bb-navy); color: var(--bb-white); border: 1px solid var(--bb-navy); border-radius: var(--bb-radius-control); }
body.bb26.clinical-library .declared-card-picture { height: 220px; min-height: 0; margin: -24px -24px 0; padding: 16px; border-bottom: 1px solid var(--bb-line); background: var(--bb-white); }
body.bb26.clinical-library .declared-card-picture img { min-width: 0; max-width: 100%; height: 100%; object-fit: contain; }
body.bb26.clinical-library .clinical-actions { position: static; display: flex; flex-wrap: wrap; justify-content: flex-end; width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); margin: 24px auto; }
body.bb26.clinical-library .clinical-actions button { min-height: 48px; padding: 12px 18px; color: var(--bb-navy); background: var(--bb-white); border: 1px solid var(--bb-line); border-radius: var(--bb-radius-control); font: 700 16px/1.5 var(--bb-font-body); letter-spacing: normal; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
body.bb26.clinical-pdf-library :is(.download-grid,.source-report-grid) { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
body.bb26.clinical-pdf-library .download-card { display: flex; flex-direction: column; border-color: var(--bb-line); border-radius: 0; background: var(--bb-white); box-shadow: none; }
body.bb26.clinical-pdf-library .download-card .declared-card-picture { width: 100%; height: 240px; margin: 0; padding: 16px; }
body.bb26.clinical-pdf-library .download-card h2 { font: 700 24px/1.3 var(--bb-font-body) !important; }
body.bb26.clinical-pdf-library :is(.package,.source-report-card .package,.result span) { font: 400 14px/1.6 var(--bb-font-body); letter-spacing: normal; color: var(--bb-muted); }
body.bb26.clinical-pdf-library .result strong { font: 700 var(--bb-type-h3)/1.3 var(--bb-font-body); color: var(--bb-navy); font-variant-numeric: tabular-nums; }
body.bb26.clinical-pdf-library :is(.package-guide,.source-report-card,.guide-grid div,.proof-strip div) { border: 1px solid var(--bb-line); border-radius: 0; background: var(--bb-blue-wash); color: var(--bb-ink); box-shadow: none; }
body.bb26.clinical-pdf-library .package-guide > p { color: var(--bb-ink); font-size: 18px; }
body.bb26.clinical-pdf-library .guide-grid :is(strong,span) { color: var(--bb-ink); font: 400 16px/1.6 var(--bb-font-body); }
body.bb26.clinical-pdf-library .source-report-card h3 { font: 700 22px/1.3 var(--bb-font-body); color: var(--bb-navy); }
/* Astra S2A C1: retain the installed findings and labels at BB26 role floors. */
body.bb26.clinical-pdf-library .source-report-card .source-report-summary { font: 400 17px/1.62 var(--bb-font-body); }
body.bb26.clinical-pdf-library .source-report-identity { font: 650 13px/1.6 var(--bb-font-body); }
body.bb26.clinical-pdf-library .proof-strip > div > span { font: 400 13px/1.6 var(--bb-font-body); }
body.bb26.catalogue-claim-inventory .summary-prompt { font: 400 16px/1.5 var(--bb-font-body); }
body.bb26.clinical-report .report { width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); max-width: none; margin: 32px auto; }
body.bb26.clinical-report :is(.page,.content-page,.results-page,.technical-page,.source-divider,.hub-visual-page) { width: 100%; max-width: none; min-height: 0; margin: 0 0 48px; padding: 32px; color: var(--bb-ink); background: var(--bb-white); border: 1px solid var(--bb-line); border-radius: 0; box-shadow: none; overflow: visible; }
body.bb26.clinical-report .page.hero,
body.bb26.clinical-report > .hero { display: block; color: var(--bb-ink); background: var(--bb-white); border-top: 5px solid var(--bb-book-blue); }
body.bb26.clinical-report .hero::before,
body.bb26.clinical-report .hero::after { content: none; }
body.bb26.clinical-report .report > .page.hero { width: 100%; margin: 0 0 48px; padding: 32px; color: var(--bb-ink); background: var(--bb-white); box-shadow: none; }
body.bb26.clinical-report .report > .page.hero :is(.hero-lead,.page-header,.header-kicker,.brand-lockup span) { color: var(--bb-ink); border-color: var(--bb-line); }
body.bb26.clinical-report .report > .page.hero .proof-grid { margin-bottom: 0; transform: none; }
body.bb26.clinical-report .report > .page.hero .hero-image { padding: 0; border: 0; background: var(--bb-white); box-shadow: none; transform: none; }
body.bb26.clinical-report .report > .page.hero .hero-image img { filter: none; }
body.bb26.clinical-report :is(.hero-grid,.page-inner) { min-height: 0; width: 100%; max-width: none; margin: 0; padding: 0; }
body.bb26.clinical-report .hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; align-items: center; }
body.bb26.clinical-report .hero h1 { max-width: none; margin: 16px 0 24px; }
body.bb26.clinical-report .hero :is(p,.hero-lead,.brand-lockup,.header-kicker) { color: var(--bb-ink); }
body.bb26.clinical-report .topbar { position: static; display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); margin: 24px auto; padding: 0; }
body.bb26.clinical-report .topbar :is(a,button,.btn) { min-height: 48px; font: 700 16px/1.4 var(--bb-font-body); border-radius: var(--bb-radius-control); color: var(--bb-navy); background: var(--bb-white); border: 1px solid var(--bb-line); padding: 12px 18px; letter-spacing: normal; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
body.bb26.clinical-report .study-ribbon { display: flex; flex-wrap: wrap; gap: 12px; padding: 20px 0; margin-top: 24px; background: transparent; }
body.bb26.clinical-report .study-ribbon :is(a,span) { display: inline-flex; align-items: center; min-height: 48px; font-size: 14px; color: var(--bb-navy) !important; background: var(--bb-blue-wash) !important; border-radius: var(--bb-radius-control); }
body.bb26.clinical-report :is(.proof-grid,.quote-grid,.source-grid) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
body.bb26.clinical-report :is(.proof-card,.result-card,.quote) { padding: 24px; border: 1px solid var(--bb-line); border-radius: 0; background: var(--bb-blue-wash); color: var(--bb-ink); box-shadow: none; transform: none; }
body.bb26.clinical-report :is(.proof-value,.metric-value,.stat-value) { color: var(--bb-navy); font: 700 var(--bb-type-proof)/1.12 var(--bb-font-body); font-family: var(--bb-font-body) !important; font-variant-numeric: tabular-nums; letter-spacing: normal; }
body.bb26.clinical-report :is(.proof-label,.proof-time,.meter-copy,.row-label) { color: var(--bb-ink); font: 400 16px/1.6 var(--bb-font-body); }
body.bb26.clinical-report :is(.table-scroll,.table-wrap,.wide-scroll) { width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; margin-block: 24px; border: 1px solid var(--bb-line); background: var(--bb-white); }
body.bb26.clinical-report table { width: 100%; max-width: 100%; margin: 0; border-collapse: collapse; font: 400 16px/1.55 var(--bb-font-body); color: var(--bb-ink); background: var(--bb-white); }
body.bb26.clinical-report :is(th,td) { padding: 14px 16px; border-color: var(--bb-line); min-width: 0; white-space: normal; color: var(--bb-ink); font-size: 16px; }
body.bb26.clinical-report th { background: var(--bb-blue-wash); color: var(--bb-navy); font-weight: 700; }
body.bb26.clinical-report :is(.page-header,.section-title,.table-title) { border-color: var(--bb-line); color: var(--bb-navy); }
body.bb26.clinical-report .page-header { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; height: auto; min-height: 49px; padding-bottom: 16px; }
body.bb26.clinical-report .brand-lockup { display: flex; flex-wrap: wrap; align-items: center; min-width: 0; max-width: 100%; gap: 12px; }
body.bb26.clinical-report .header-kicker { min-width: 0; max-width: 100%; }
body.bb26.clinical-report .body-copy { font-size: 18px; line-height: var(--bb-leading); }
body.bb26.clinical-report .two-col { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
body.bb26.clinical-report :is(.hero-image,.regimen-products):has(> .declared-picture) { position: static; width: 100%; height: auto; min-height: 0; margin: 0; transform: none; }
body.bb26.clinical-report .hero :is(.hero-image,.regimen-products) > .declared-picture { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0,1fr); margin: 0; gap: 12px; padding: 0 0 0 16px; }
body.bb26.clinical-report .hero :is(.hero-image,.regimen-products) > .declared-picture > img { position: static; width: 100%; height: auto; max-height: none; aspect-ratio: 1; object-fit: contain; transform: none; margin: 0; }
body.bb26.clinical-report .clinical-answer-handoff { color: var(--bb-ink); background: var(--bb-blue-wash); border-color: var(--bb-line); font-family: var(--bb-font-body); }
body.bb26.clinical-report :is(p,li,dd,.subt,.feature-panel p,.method-grid p,.auth-panel p,.context-note p,.quote span) { font-size: 18px; line-height: var(--bb-leading); color: var(--bb-ink); }
body.bb26.clinical-report :is(.proof-card p,.meter-item small,.source-grid span,.tnote,.technical-footer,.context-note p,.auth-panel p,.table-note,.privacy-note,figcaption) { font-size: 13px !important; line-height: 1.6; color: var(--bb-muted) !important; }
body.bb26.clinical-report :is(.source-grid b,.source-grid .v,.brand-lockup span,.header-kicker,.section-title span,.context-note b,.auth-panel b,.flag,.meta .k,.meta .v) { font-size: 14px; line-height: 1.6; }
body.bb26.clinical-report :is(.feature-panel,.method-grid article,.auth-panel,.source-grid,.chart,.meta,.lab-attr,.synopsis,.rename-note,.claimcard,.metric-note,.fig,.chartwrap,.conclusion-section .conclude) { border-color: var(--bb-line); border-radius: 0; background: var(--bb-porcelain); box-shadow: none; }
body.bb26.clinical-report :is(.method-number,.claimcard .big,.quote strong) { font: 700 var(--bb-type-h3)/1.3 var(--bb-font-body); font-family: var(--bb-font-body) !important; color: var(--bb-navy); font-variant-numeric: tabular-nums; }
body.bb26.clinical-report .meter-track { border-radius: 0; background: var(--bb-blue-wash); box-shadow: none; }
body.bb26.clinical-report .meter-track i { border-radius: 0; background: var(--bb-blue); }
body.bb26.clinical-report .source-link { min-height: 48px; display: inline-flex; align-items: center; font: 700 16px/1.5 var(--bb-font-body); background: var(--bb-navy); color: var(--bb-white); border-radius: var(--bb-radius-control); text-transform: none; }
body.bb26.clinical-report .result-table.compact :is(td,th) { font-size: 14px; padding: 12px 10px; }
body.bb26.clinical-report :is(.eyebrow,.header-kicker,.section-title span) { font: 700 14px/1.5 var(--bb-font-body) !important; color: var(--bb-book-blue-text) !important; }
body.bb26.clinical-report .chart { overflow-x: auto; max-width: 100%; overscroll-behavior-inline: contain; }
body.bb26.clinical-report .chart svg { min-width: 720px; width: 100%; height: auto; }
body.bb26.clinical-report .chart svg text { font: 400 13px var(--bb-font-body); fill: var(--bb-muted); }
body.bb26.clinical-report > main.page:not(.report) > :is(.confid,header.lh,.titleblock) { width: 100%; max-width: none; margin: 0 0 24px; color: var(--bb-ink); background: var(--bb-white); box-shadow: none; border-color: var(--bb-line); }
body.bb26.clinical-report > main.page:not(.report) > header.lh :is(div,p,span,b) { color: var(--bb-ink); }
body.bb26.clinical-report > main.page:not(.report) > .titleblock :is(.kicker,.subt,.cover-close .cc-line) { color: var(--bb-ink); }
body.bb26.clinical-report :is(.confid,.docid,.docid b,.kicker,.rename-note,.rename-note b,.rename-note span,.metric-note,.metric-note b,.metric-note span,.sign,.sign span,.cap) { font-size: 14px; line-height: 1.6; color: var(--bb-ink); }
body.bb26.clinical-report > main.page:not(.report) section > table { display: block; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
body.bb26.catalogue-claim-inventory .shell { width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); padding: 0; margin-inline: auto; }
body.bb26.catalogue-claim-inventory .shell > .hero { display: block; padding: var(--bb-section) 0; color: var(--bb-ink); background: var(--bb-white); border-radius: 0; border-bottom: 1px solid var(--bb-line); box-shadow: none; }
body.bb26.catalogue-claim-inventory .boundary { background: var(--bb-blue-wash); color: var(--bb-ink); border-left-color: var(--bb-blue); }
body.bb26.catalogue-claim-inventory :is(.jump-panel,.category,.claim,.claim-group) { border-color: var(--bb-line); border-radius: 0; background: var(--bb-white); color: var(--bb-ink); box-shadow: none; }
body.bb26.catalogue-claim-inventory :is(.jump-count,.claim-no,.claim-kind) { font: 700 14px/1.5 var(--bb-font-body); color: var(--bb-book-blue-text); }
body.bb26.catalogue-claim-inventory .claim-no span { font-size: inherit; }
body.bb26.catalogue-claim-inventory .jump-list a { min-height: 48px; font: 700 16px/1.4 var(--bb-font-body); border-radius: var(--bb-radius-control); color: var(--bb-navy); background: var(--bb-blue-wash); }
body.bb26.catalogue-claim-inventory .jump-count { color: var(--bb-blue); background: var(--bb-blue-wash); border-radius: 0 var(--bb-radius-control) var(--bb-radius-control) 0; }
body.bb26.catalogue-claim-inventory .claim-group-title { color: var(--bb-navy); font: italic 400 var(--bb-type-h2)/var(--bb-leading-heading) var(--bb-font-display); }
body.bb26.catalogue-claim-inventory .claim-group-summary { min-height: 56px; }

/* LipSense color system: preserve tube bindings, mathematical claims and tables. */
body.bb26.color-system-page :is(.color-hero,.color-section,.companion-module,.shop-module,.color-footer,.recipe-caveat) { width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); max-width: none; margin-inline: auto; padding-block: var(--bb-section); }
body.bb26.color-system-page .color-hero { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px; align-items: center; min-height: 0; }
body.bb26.color-system-page .color-hero::before { content: none; }
body.bb26.color-system-page .color-hero .hero-lead { max-width: 60ch; }
body.bb26.color-system-page .hero-product-stage { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: center; gap: 8px; width: 100%; height: auto; min-height: 0; padding: 24px 0 0 16px; border-left: 7px solid var(--bb-book-blue); background: var(--bb-white); }
body.bb26.color-system-page .hero-product-stage::before { content: none; }
body.bb26.color-system-page .hero-tube { position: static; width: 100%; height: 360px; margin: 0; transform: none; filter: none; overflow: visible; }
body.bb26.color-system-page .hero-tube img { position: static; width: 100%; max-width: 100%; height: 100%; object-fit: contain; transform: none; }
body.bb26.color-system-page .hero-caption { position: static; grid-column: 1 / -1; max-width: none; margin-top: 16px; color: var(--bb-muted); font: 400 13px/1.6 var(--bb-font-body); }
body.bb26.color-system-page .section-rule { width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); margin: 0 auto; border-color: var(--bb-line); }
body.bb26.color-system-page .section-intro { gap: 32px; }
body.bb26.color-system-page .section-intro :is(p,.section-copy) { color: var(--bb-ink); font-size: 18px; line-height: var(--bb-leading); }
body.bb26.color-system-page :is(.claim-band,.wardrobe-contrast,.shade-control,.companion-card) { background: var(--bb-blue-wash); color: var(--bb-ink); border: 1px solid var(--bb-line); border-radius: 0; box-shadow: none; transform: none; }
body.bb26.color-system-page :is(.recipe-card,.system-step,.shop-card) { border-radius: 0; box-shadow: none; transform: none; }
body.bb26.color-system-page .wide-scroll { width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
body.bb26.color-system-page .system-diagram { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; min-width: 0; }
body.bb26.color-system-page .system-step { width: auto; padding: 24px; background: var(--bb-white); color: var(--bb-ink); border: 1px solid var(--bb-line); border-top: 3px solid var(--bb-book-blue); }
body.bb26.color-system-page .system-step :is(p,li) { font-size: 17px; line-height: 1.55; }
body.bb26.color-system-page .step-no { color: var(--bb-gold-text); font: 700 16px/1.5 var(--bb-font-body); }
body.bb26.color-system-page .layer-math { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; min-width: 0; }
body.bb26.color-system-page .layer-math :is(.big,.math-symbol) { color: var(--bb-navy); font-family: var(--bb-font-body); font-variant-numeric: tabular-nums; }
body.bb26.color-system-page .recipe-rail { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); min-width: 0; width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter))); gap: 24px; margin-inline: auto; }
body.bb26.color-system-page .recipe-card { min-width: 0; width: 100%; padding: 24px; border: 1px solid var(--bb-line); background: var(--bb-white); }
body.bb26.color-system-page .recipe-tubes { display: flex; width: 100%; gap: 8px; margin-bottom: 24px; background: var(--bb-white); }
body.bb26.color-system-page .recipe-tubes img { min-width: 0; width: 33.333%; height: 200px; flex: 1 1 0; object-fit: contain; box-shadow: none; filter: none; }
body.bb26.color-system-page :is(.companion-grid,.shop-grid) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
body.bb26.color-system-page .companion-card { padding: 24px; }
body.bb26.color-system-page .color-footer { border-color: var(--bb-line); font-family: var(--bb-font-body); }
body.bb26.color-system-page :is(.claim-band p,.shade-control p) { color: var(--bb-ink); font-size: 18px; }
body.bb26.color-system-page .claim-band a { color: var(--bb-blue); }
body.bb26.color-system-page .claim-band .big { color: var(--bb-navy); font: 700 var(--bb-type-proof)/1.15 var(--bb-font-body); font-variant-numeric: tabular-nums; }
body.bb26.color-system-page .shade-control::after { content: none; }
body.bb26.color-system-page .wardrobe-contrast article:last-child { background: var(--bb-blue-wash); color: var(--bb-ink); }
body.bb26.color-system-page .wardrobe-contrast .owner-estimate { color: var(--bb-muted); font-size: 14px; }
body.bb26.color-system-page .recipe-body { padding: 0; }
body.bb26.color-system-page .recipe-body :is(p,li) { font-size: 17px; line-height: 1.55; }
body.bb26.color-system-page .recipe-card { grid-template-rows: auto auto; }
body.bb26.color-system-page .math-choice { font-size: 14px; }
body.bb26.color-system-page :is(.companion-card,.shop-card) .role { font: 700 14px/1.5 var(--bb-font-body); letter-spacing: .08em; color: var(--bb-book-blue-text); }
body.bb26.color-system-page .shop-module { color: var(--bb-ink); background: var(--bb-white); }
body.bb26.color-system-page .shop-card { display: block; color: var(--bb-ink); background: var(--bb-blue-wash); padding: 24px; }
body.bb26.color-system-page .shop-card p { color: var(--bb-ink); font-size: 17px; }
body.bb26.color-system-page .shop-card a { display: flex; flex-wrap: wrap; min-height: 48px; padding: 12px 0; white-space: normal; color: var(--bb-blue); border-color: var(--bb-line); font: 700 16px/1.5 var(--bb-font-body); }
body.bb26 .home-editorial-note::after { content: none; }
/* Search remains its existing form and result renderer, with BB26 controls. */
body.bb26 :is(.s-search .field,.s-chip,.track-chip,.s-row,.s-zero) { background: var(--bb-white); color: var(--bb-ink); border-color: var(--bb-line); border-radius: var(--bb-radius-control); box-shadow: none; backdrop-filter: none; }
body.bb26 .s-search .field { min-height: 56px; font: 400 18px/1.5 var(--bb-font-body); }
body.bb26 :is(.s-chip,.track-chip) { min-height: 48px; font: 700 16px/1.5 var(--bb-font-body); }
body.bb26 .s-chip::before { background: var(--bb-gold); box-shadow: none; }
body.bb26 .s-row { border-radius: 0; min-height: 56px; }
body.bb26 .s-meta > .track-chip { min-inline-size: 0; max-inline-size: 100%; white-space: normal; }
/* A technical ingredient title keeps its display scale and whole words inside
   the existing reading column, including the longest installed INCI name. */
body.bb26.public-editorial.page-evidence.page-detail h1.bb26-long-word-title { font-size: min(var(--bb-type-h1),68px) !important; }

/* Clinical method-card titles take the module-title role (role map below);
   the former 44px display cap for them is retired. */

@media (max-width: 1020px) {
  body.bb26.public-editorial .answer-grid, body.bb26 .home-destination-grid, body.bb26.clinical-library .reports { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  /* Technical ingredient names and long questions keep whole-word wrapping.
     The phone type scale fits the actual reading column without clipping. */
  body.bb26.public-editorial.page-evidence.page-detail h1 { font-size: clamp(1.5rem,7vw,var(--bb-type-h1)) !important; overflow-wrap: normal; word-break: normal; }
  body.bb26.public-editorial.page-evidence.page-detail h1.bb26-long-word-title { font-size: clamp(1.5rem,7.5vw,var(--bb-type-h1)) !important; }
  body.bb26.public-editorial.page-evidence.page-detail:has(h1.bb26-long-word-title) :is(h2,.r-head) { font-size: clamp(1.375rem,6.25vw,var(--bb-type-h2)) !important; }
  body.bb26.clinical-report :is(h1,.r-display) { font-size: 40px !important; }
  body.bb26.clinical-report :is(h2,.r-head) { font-size: 28px !important; }
  body:is(.bb26,.bb26-reader) .ssr-footer { padding-block: 40px 24px; }
  body:is(.bb26,.bb26-reader) .ssr-footer-nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
  body.bb26 .site-footer .footer-nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
  body.bb26.public-editorial :is(.reader > .r-hero,.reader > article > .r-hero) { margin-bottom: 24px; }
  body.bb26.public-editorial.page-index:not(.page-learn):not(.page-evidence) .reader > .r-hero { display: flex; flex-direction: column; }
  body.bb26.public-editorial.page-index:not(.page-learn):not(.page-evidence) .reader > .r-hero > .r-col { order: 0; padding: 36px var(--bb-gutter); background: var(--bb-white); }
  body.bb26.public-editorial.page-index:not(.page-learn):not(.page-evidence) .reader > .r-hero::before { order: 1; min-height: 0; height: auto; aspect-ratio: 16 / 9; border-left: 0; border-top: 5px solid var(--bb-book-blue); }
  body.bb26 #hero.ed-hero.home-masthead { display: flex; flex-direction: column; }
  body.bb26 #hero > .home-masthead__copy-plane { order: 0; padding: 36px var(--bb-gutter); }
  body.bb26 #hero > .home-masthead__human-plane { order: 1; border-left: 0; border-top: 5px solid var(--bb-book-blue); height: auto; }
  body.bb26 #hero > .home-masthead__human-plane img { height: auto; max-height: none; }
  body.bb26 .home-editorial-note { padding: 24px 20px; }
  body.bb26 .home-quick-start a { flex-grow: 1; justify-content: center; }
  body.bb26 :is(.home-destination-grid,.answer-related-list,.next-steps__groups,.study-pair-gallery),
  body.bb26.public-editorial :is(.answer-grid,.product-pdp-list),
  body.bb26.clinical-library .reports { grid-template-columns: 1fr; }
  body.bb26 .destination-card__visual { height: 250px; }
  body.bb26.public-editorial .answer-direct { padding: 22px 20px; }
  body.bb26.public-editorial .ssr-evidence-claim { grid-template-columns: 1fr; padding: 24px 20px; }
  body.bb26.public-editorial .ssr-evidence-claim > :is(.r-eyebrow,.evidence-claim-title,.value,p,.ssr-evidence-meta) { grid-column: 1; }
  body.bb26.public-editorial.page-evidence.page-detail .r-hero .ssr-evidence-meta { display: block; }
  body.bb26.public-editorial.page-evidence.page-detail .evidence-source-list { grid-template-columns: minmax(0,1fr); }
  body.bb26 .ssr-evidence-meta dt { margin-top: 16px; }
  body.bb26 .ssr-evidence-meta dd { margin: 4px 0 0; }
  body.bb26 .declared-picture { gap: 16px; padding: 12px; }
  body.bb26 .declared-picture img { width: 100%; height: auto; max-height: 300px; }
  body.bb26.public-editorial .ssr-spokes a { grid-template-columns: 32px minmax(0,1fr); gap: 8px; }
  /* Long source-owned ingredient labels cannot set the phone grid minimum. */
  body.bb26.public-editorial:is(.page-evidence,.page-learn).page-index .ssr-spokes > li > a { grid-template-columns: minmax(44px,max-content) minmax(0,1fr); }
  body.bb26.public-editorial .ssr-spokes .meta { grid-column: 2; }
  /* Category links give the phone reader a full-width title before context. */
  body.bb26.public-editorial.page-products .product-category > .ssr-spokes > li > a { grid-template-columns: minmax(0,1fr); row-gap: 4px; }
  body.bb26.public-editorial.page-products .product-category > .ssr-spokes :is(.t,.meta,.sub) { grid-column: 1; }
  body.bb26.public-editorial.page-products .product-category > .ssr-spokes .t { grid-row: 1; }
  body.bb26.public-editorial.page-products .product-category > .ssr-spokes .meta { grid-row: 2; }
  body.bb26.clinical-report .clinical-answer-handoff .ssr-spokes > li > a { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 8px; }
  body.bb26.clinical-report .clinical-answer-handoff .ssr-spokes .meta { grid-column: 2; min-inline-size: 0; max-inline-size: 100%; }
  body.bb26.clinical-report :is(.page,.content-page,.results-page,.technical-page,.source-divider,.hub-visual-page) { padding: 24px 20px; margin-bottom: 32px; }
  body.bb26.clinical-report .report > .page.hero { padding: 24px 20px; margin-bottom: 32px; }
  body.bb26.clinical-report .header-kicker { display: block; }
  body.bb26.clinical-report .page-header { flex-direction: column; align-items: flex-start; }
  body.bb26.clinical-report > main.page:not(.report) > header.lh { flex-direction: column; align-items: flex-start; gap: 20px; }
  body.bb26.clinical-report > main.page:not(.report) > header.lh > div { max-width: 100%; text-align: left; }
  body.bb26.clinical-pdf-library :is(.download-grid,.source-report-grid) { grid-template-columns: 1fr; }
  body.bb26 .family-hero__copy { padding: 24px 0; }
  body.bb26.clinical-report :is(.hero-grid,.two-col,.proof-grid,.quote-grid,.source-grid) { grid-template-columns: 1fr; gap: 24px; }
  body.bb26.clinical-report .hero :is(.hero-image,.regimen-products) > .declared-picture { padding-left: 8px; }
  body.bb26.clinical-report .proof-card { padding: 24px 20px; }
  body.bb26.clinical-report .topbar { justify-content: flex-start; }
  body.bb26.clinical-report .topbar :is(a,button) { flex-grow: 1; }
  body.bb26.clinical-report :is(th,td) { font-size: 14px; padding: 12px 10px; }
  body.bb26.color-system-page :is(.color-hero,.section-intro,.system-diagram,.recipe-rail,.companion-grid,.shop-grid) { grid-template-columns: 1fr; gap: 24px; }
  body.bb26.color-system-page .hero-product-stage { padding: 16px 0; border-left: 0; border-top: 5px solid var(--bb-book-blue); }
  body.bb26.color-system-page .hero-tube { height: 280px; }
  body.bb26.color-system-page .recipe-rail { min-width: 0; }
  body.bb26.color-system-page .layer-math { gap: 12px; }
  body.bb26.color-system-page .possibility-copy small { font-size: 13px; }
}
@media (max-width: 360px) {
  body.bb26 :is(h1,.r-display,.ed-hero-title) { font-size: 32px !important; }
  body.bb26.clinical-report :is(h1,.r-display) { font-size: 30px !important; }
  body.bb26 :is(h2,.r-head) { font-size: 28px !important; }
}
/* Native and scripted disclosure state remains authoritative. */
body.bb26 [hidden] { display: none !important; }
/* Slice 1 count summaries keep their recorded text and readable metadata size. */
body.bb26 .ssr-summary { font-size: 14px; line-height: 1.55; }
body.bb26.public-editorial .ssr-spokes > li > a > :is(.t,.meta,.sub) { min-inline-size: 0; max-inline-size: 100%; }
/* Preserve the installed clinical theme control when legacy inline styles
   carry a fixed light paper or a fixed blue link. The light palette is intact. */
html[data-theme="dark"] body.bb26.clinical-library .lead { background: var(--bb-porcelain); }
html[data-theme="dark"] body.bb26.clinical-library .links a:not(:first-child) { color: var(--bb-blue) !important; }
html[data-theme="dark"] body.bb26 a { transition: none; }
html[data-theme="dark"] body.bb26.clinical-report .hero .proof-card { background: var(--bb-blue-wash); }
html[data-theme="dark"] body.bb26.clinical-report .hero .proof-card .proof-value { color: var(--bb-navy); }
html[data-theme="dark"] body.bb26.clinical-report .hero .proof-card :is(.proof-label,.proof-time) { color: var(--bb-ink); }
html[data-theme="dark"] body.bb26.clinical-report .brand-lockup span { color: var(--bb-navy); }
html[data-theme="dark"] body.bb26.clinical-report :is(.context-note,.rename-note) { background: var(--bb-porcelain); }
html[data-theme="dark"] body.bb26.clinical-report .titleblock :is(.meta,.lab-attr,.rename-note) { background: var(--bb-porcelain); color: var(--bb-ink); }
html[data-theme="dark"] body.bb26.clinical-report .titleblock .meta > div:nth-child(odd) { background: var(--bb-blue-wash); }
html[data-theme="dark"] body.bb26.clinical-report .titleblock .meta .k { color: var(--bb-muted); }
html[data-theme="dark"] body.bb26.clinical-report .titleblock .meta .v { color: var(--bb-ink); }
html[data-theme="dark"] body.bb26 .s-chip { background: var(--bb-white); }
body.bb26 .reveal { opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; }
body.bb26 :is(.r-head,h2.sec) { background-image: none; border-bottom: 1px solid var(--bb-line); }
/* BB26 explicit reading roles. Existing unmarked surfaces keep their own
   adapter rules. Important declarations here replace only the paired legacy
   heading/eyebrow declarations on these opt-in elements, not the whole cascade. */
body.bb26 :is(.bb-role-hero,.bb-role-chapter,.bb-role-question,.bb-role-module-title) {
  font-style: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  margin-block: 0 var(--bb-space-4);
}
body.bb26 :is(.bb-role-hero,.bb-role-chapter) {
  font-family: var(--bb-font-display) !important;
  font-weight: 400 !important;
  line-height: var(--bb-leading-heading) !important;
}
body.bb26 .bb-role-hero { font-size: var(--bb-type-hero) !important; }
body.bb26 .bb-role-chapter { font-size: var(--bb-type-h2) !important; }
body.bb26 :is(.bb-role-hero,.bb-role-chapter) em { font-style: italic; font-weight: inherit; }
/* Role map (G11): existing template headings and eyebrows take a regulated
   role without markup churn. Each :where() list keeps its role rule at the
   explicit-role specificity; only explicit role classes set role margins, so
   template spacing is unchanged.
   Question role: index section titles and sentence-style packet titles.
   Module-title role: full-sentence answer subheads, product names, and the
   titles of tools, panels, disclosures, tables and handoff modules.
   Index, track, family, clinical and evidence page titles are upright hero
   displays; their short section phrases stay chapter displays (the Beauty
   Book italic line). A question that is the page's own title is set below. */
body.bb26 :is(.bb-role-question,.bb-role-module-title,:where(
  .page-answers.page-index .answer-cluster .r-head,
  .page-evidence.page-index .evidence-index-group .r-head,
  .page-learn.page-index .learn-audience-intro .r-head,
  .page-products.page-index .product-category > h2,
  .page-learn.page-packet .r-hero .r-display,
  .page-answers .answer-body .r-head,
  .regimen-finder h2,
  .family-companion h2,
  .discussion-module h2,
  .evidence-detail-summary-heading,
  .package-guide h2,
  .clinical-next-steps h2,
  .clinical-report :is(h2.table-title,.feature-panel h2,.method-grid > article > h2),
  .catalogue-claim-inventory :is(.jump-panel h2,.claim-group-title))) {
  font-family: var(--bb-font-body) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
body.bb26 :is(.bb-role-question,:where(
  .page-answers.page-index .answer-cluster .r-head,
  .page-evidence.page-index .evidence-index-group .r-head,
  .page-learn.page-index .learn-audience-intro .r-head,
  .page-products.page-index .product-category > h2,
  .page-learn.page-packet .r-hero .r-display)) { font-size: var(--bb-type-question) !important; }
body.bb26 :is(.bb-role-module-title,:where(
  .page-answers .answer-body .r-head,
  .regimen-finder h2,
  .family-companion h2,
  .discussion-module h2,
  .evidence-detail-summary-heading,
  .package-guide h2,
  .clinical-next-steps h2,
  .clinical-report :is(h2.table-title,.feature-panel h2,.method-grid > article > h2),
  .catalogue-claim-inventory :is(.jump-panel h2,.claim-group-title))) { font-size: var(--bb-type-h3) !important; }
/* Page-title question: when a question is the page's own h1 (answer detail,
   sentence-style packet titles) it keeps the question scale in the upright
   Bodoni display line, like every other page title. Questions that title a
   section keep the Nunito question role above. */
body.bb26 :is(h1.bb-role-question,.page-learn.page-packet .r-hero h1.r-display) {
  font-family: var(--bb-font-display) !important;
  font-weight: 400 !important;
  line-height: var(--bb-leading-heading) !important;
}
@media (max-width: 700px) {
  /* Clinical phone headings keep 28px displays; module titles keep their role. */
  body.bb26.clinical-report :is(.bb-role-module-title,:where(h2.table-title,.feature-panel h2,.method-grid > article > h2,.clinical-next-steps h2,.jump-panel h2)) { font-size: var(--bb-type-h3) !important; }
}
body.bb26 :is(.bb-role-kicker,.bb-role-field-label,:where(.r-eyebrow,.eyebrow,.ed-hero-eyebrow,.color-eyebrow,.card-kicker,.header-kicker,.kicker,.r-claim-kicker,.family-part__label,.claim-no,.claim-kind,.clinical-report .section-title span)) {
  font-family: var(--bb-font-body) !important;
  font-size: var(--bb-type-label) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}
body.bb26 :is(.bb-role-kicker,.bb-role-field-label) { margin-block: 0 var(--bb-space-2) !important; }
body.bb26 .bb-role-proof-numeral {
  font: 700 var(--bb-type-proof)/1.12 var(--bb-font-body) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: normal;
  text-wrap: balance;
  overflow-wrap: break-word;
}
body.bb26 :is(.bb-role-body,.bb-role-lead,.bb-role-note) {
  font-family: var(--bb-font-body) !important;
  font-style: normal;
  font-weight: 400;
  max-inline-size: 65ch;
}
body.bb26 .bb-role-body { font-size: var(--bb-type-body); line-height: var(--bb-leading); }
body.bb26 .bb-role-lead { font-size: var(--bb-type-lead); line-height: 1.55; }
body.bb26 .bb-role-note { font-size: var(--bb-type-note); line-height: 1.6; }
body.bb26 :is(.bb-role-body,.bb-role-lead,.bb-role-note) :is(strong,b) { font-weight: 600; }
body.bb26 .bb-role-control {
  font: 700 var(--bb-type-ui)/1.4 var(--bb-font-body);
  letter-spacing: normal;
  text-transform: none;
  min-block-size: var(--bb-tap);
  white-space: normal;
}
/* The /products proof-card action reads in the control role's type, not as an
   uppercase mono label; its card keeps the existing hit area and layout. */
body.bb26.public-editorial .product-proof-action { font: 700 var(--bb-type-ui)/1.4 var(--bb-font-body); letter-spacing: normal; text-transform: none; }
/* Same content order at every width. The complete Why heading now occupies a
   full row; its paragraphs and authentic package image are not rearranged. */
body.bb26.public-editorial .r-hero :is(.bb-role-hero,.bb-role-question) { margin-block: 0 var(--bb-space-4); }
body.bb26 .home-editorial-note__copy {
  display: flex;
  flex-direction: column;
  gap: var(--bb-space-4);
}
body.bb26 .home-editorial-note__copy > .bb-role-chapter { max-inline-size: 30ch; }
body.bb26 .home-editorial-note__copy > .bb-role-kicker { margin-bottom: 0 !important; }
body.bb26 .home-editorial-note__copy > .bb-role-chapter { margin-bottom: 0; }
body.bb26 .home-editorial-note__copy .home-naked-door { margin-block-start: var(--bb-space-4); }
body.bb26 :is(.home-goal-concierge,.home-proof-band) {
  width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter)));
  margin-block-end: var(--bb-section);
}
body.bb26 :is(.home-goal-grid,.home-proof-grid) { gap: var(--bb-space-5); margin-block-start: var(--bb-space-6); }
body.bb26 :is(.home-goal-grid > a,.home-proof-card) { padding: var(--bb-space-5); }
body.bb26 .home-goal-grid > a { gap: var(--bb-space-4); }
body.bb26 .home-goal-grid .bb-role-module-title { margin-block-end: 0; }
body.bb26 .home-proof-card > p + p { margin-block: var(--bb-space-4); }
body.bb26 .home-destination-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--bb-space-6); }
body.bb26 .bb-innovation-directory { padding-block: var(--bb-space-6); }
body.bb26 .bb-innovation-directory .ssr-spokes { margin-block-start: 0; }
body.bb26 .bb-innovation-directory .ssr-spokes .bb-role-module-title { margin-block: 0; }
body.bb26 .bb-innovation-directory .ssr-spokes > li > a { gap: var(--bb-space-3); padding-block: var(--bb-space-5); }
@media (max-width: 700px) {
  body.bb26 .home-destination-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 360px) {
  body.bb26 .bb-role-hero,
  body.bb26 #hero.ed-hero.home-masthead .home-masthead__copy-plane h1.bb-role-hero { font-size: 2rem !important; }
  body.bb26 .bb-role-chapter { font-size: 1.75rem !important; }
}
/* Source-owned Why V2: complete benefit groups in one reading order. */
body.bb26 .home-why {
  width: min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter)));
  margin-inline: auto;
  padding-block: var(--bb-section);
}
body.bb26 .home-why__intro { max-inline-size: 65ch; margin-block-end: var(--bb-space-7); }
body.bb26 .home-why__intro > .bb-role-chapter { max-inline-size: 26ch; }
body.bb26 .home-why__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--bb-space-7) var(--bb-space-6); }
body.bb26 .home-why__module { min-inline-size: 0; padding-block-start: var(--bb-space-5); border-block-start: 1px solid var(--bb-line); }
body.bb26 .home-why__module--wide { grid-column: 1 / -1; }
body.bb26 .home-why__module > .bb-role-body { margin-block: 0 var(--bb-space-4); }
body.bb26 .home-why__qualification { color: var(--bb-ink); }
body.bb26 .home-why__links { display: flex; flex-wrap: wrap; gap: var(--bb-space-2) var(--bb-space-5); margin-block-start: var(--bb-space-4); }
body.bb26 .home-why__links > a { display: inline-flex; align-items: center; max-inline-size: 100%; min-block-size: var(--bb-tap); padding-block: var(--bb-space-3); }
body.bb26 .home-why__routine { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--bb-space-6); margin-block: var(--bb-space-5); }
body.bb26 .home-why__routine .bb-role-body { margin: 0; }
body.bb26 .home-why .home-naked-door { max-inline-size: 26.25rem; margin-block-start: var(--bb-space-6); }
body.bb26 .home-why__story { padding-block-start: var(--bb-space-6); margin-block-start: var(--bb-space-7); border-block-start: 1px solid var(--bb-line); }
body.bb26 .home-why__story > .bb-role-field-label { margin-block-start: var(--bb-space-5) !important; }
@media (max-width: 700px) {
  body.bb26 :is(.home-why__grid,.home-why__routine) { grid-template-columns: minmax(0,1fr); }
}
/* Home V3 (2026-10-21): one band per job; an authentic packshot beside each
   Why reason (mobile order: heading, image, line, link); quieter porcelain
   grounds for WHY05/WHY06 with a blush Naked Bottle callout; study metadata on
   proof cards; product-bound goal proof; the conversation rail and a single
   Directory & sources band directly above the footer. */
body.bb26 #hero > .home-masthead__human-plane picture { display: contents; }
body.bb26 #hero .home-quick-start a { white-space: nowrap; }
body.bb26 .home-why__intro > .bb-role-chapter em { font-style: italic; }
body.bb26 .home-why__body { display: grid; grid-template-columns: minmax(0,1fr) minmax(8.5rem,34%); gap: var(--bb-space-5) var(--bb-space-6); align-items: start; }
body.bb26 .home-why__module--wide .home-why__body { grid-template-columns: minmax(0,1fr) minmax(10rem,26%); }
body.bb26 .home-why__body > .home-why__media { grid-column: 2; grid-row: 1; }
body.bb26 .home-why__body > .home-why__text { grid-column: 1; grid-row: 1; min-inline-size: 0; }
body.bb26 .home-why__body--set { grid-template-columns: minmax(0,1fr); }
body.bb26 .home-why__body--set > .home-why__media { grid-column: 1; grid-row: 1; justify-content: flex-start; }
body.bb26 .home-why__body--set > .home-why__text { grid-row: 2; }
body.bb26 .home-why__text > .bb-role-body { margin-block: 0 var(--bb-space-4); }
body.bb26 .home-why__media { display: flex; justify-content: center; gap: var(--bb-space-2); margin: 0; }
body.bb26 .home-why__media > :is(picture,img) { display: block; flex: 1 1 0; min-inline-size: 0; max-inline-size: 15rem; }
body.bb26 .home-why__media--set > :is(picture,img) { max-inline-size: 11rem; }
body.bb26 :is(.home-why__media,.home-proof-card__media) img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 1; object-fit: contain; }
body.bb26 .home-why__bridge { margin: 0 0 var(--bb-space-3); color: var(--bb-book-blue-text); font: italic 400 clamp(1.375rem,1.1rem + .9vw,1.875rem)/1.2 var(--bb-font-display); }
body.bb26 .home-why__source { margin-block: 0 var(--bb-space-4); color: var(--bb-muted); }
body.bb26 .home-why__module--quiet { padding: var(--bb-space-5) var(--bb-space-5) var(--bb-space-6); background: var(--bb-porcelain); }
body.bb26 .home-why__callout { margin-block: var(--bb-space-4); padding: var(--bb-space-5); background: var(--bb-blush); border-inline-start: 4px solid var(--bb-gold); }
body.bb26 .home-why__callout > .bb-role-body { margin: 0; color: var(--bb-ink); }
body.bb26 .home-why__callout > .bb-role-body + .bb-role-body { margin-block-start: var(--bb-space-3); }
body.bb26 .home-proof-card__media { margin: 0 0 var(--bb-space-4); }
body.bb26 .home-proof-card__media img { max-inline-size: 8rem; }
body.bb26 .home-proof-card__meta { margin-block: 0; color: var(--bb-muted); }
body.bb26 .home-why__story > h3.bb-role-module-title { font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: var(--bb-type-question) !important; line-height: var(--bb-leading-heading) !important; }
body.bb26 .home-why__signoff { margin: var(--bb-space-6) 0 0; color: var(--bb-ink); font: italic 400 clamp(1.25rem,1rem + .8vw,1.75rem)/1.3 var(--bb-font-display); }
body.bb26 .home-goal-card__media { display: block; inline-size: 4.5rem; block-size: 4.5rem; }
body.bb26 .home-goal-card__media :is(picture,img) { display: block; inline-size: 100%; block-size: 100%; }
body.bb26 .home-goal-card__media img { object-fit: contain; }
body.bb26 .home-goal-card__proof { padding: var(--bb-space-2) var(--bb-space-3); border-inline-start: 3px solid var(--bb-book-blue); background: var(--bb-blue-wash); color: var(--bb-ink); font: 400 var(--bb-type-note)/1.5 var(--bb-font-body); }
body.bb26 .home-goal-card__action { font-weight: 700; }
body.bb26 .home-routine-band { margin-block-start: var(--bb-space-6); padding: var(--bb-space-5); background: var(--bb-blue-wash); border-inline-start: 5px solid var(--bb-book-blue); }
body.bb26 .home-routine-band > .bb-role-body { margin-block: 0; }
body.bb26 .home-introduction > .home-destination-grid { order: 1; }
body.bb26 .home-introduction > .home-conversation { order: 2; margin-block-start: var(--bb-space-7); }
body.bb26 .home-introduction > .home-sources { order: 3; }
body.bb26 .home-conversation__list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--bb-space-5); margin: var(--bb-space-5) 0 0; padding: 0; list-style: none; }
body.bb26 .home-conversation__card { display: flex; flex-direction: column; gap: var(--bb-space-2); block-size: 100%; padding-block-end: var(--bb-space-4); color: var(--bb-ink); text-decoration: none; border-block-end: 1px solid var(--bb-line); }
body.bb26 .home-conversation__media { display: block; aspect-ratio: 1; overflow: hidden; background: var(--bb-porcelain); }
body.bb26 .home-conversation__media :is(picture,img) { display: block; inline-size: 100%; block-size: 100%; }
body.bb26 .home-conversation__media img { object-fit: cover; }
body.bb26 .home-conversation__topic { color: var(--bb-book-blue-text); font: 700 var(--bb-type-label)/1.4 var(--bb-font-body); }
body.bb26 .home-conversation__title { font: 700 var(--bb-type-ui)/1.35 var(--bb-font-body); }
body.bb26 .home-conversation__marker { margin-block-start: auto; color: var(--bb-muted); font: 400 var(--bb-type-note)/1.4 var(--bb-font-body); }
body.bb26 .home-conversation__card:hover .home-conversation__title { text-decoration: underline; text-underline-offset: .2em; }
body.bb26 :is(.home-conversation__card,.home-goal-card,.home-sources__list a):focus-visible { outline: 3px solid var(--bb-blue); outline-offset: 4px; }
body.bb26 .home-sources { margin-block-start: var(--bb-space-7); padding-block-start: var(--bb-space-5); border-block-start: 1px solid var(--bb-line); }
body.bb26 .home-sources__label { color: var(--bb-muted); }
body.bb26 .home-sources__list { display: flex; flex-wrap: wrap; gap: 0 var(--bb-space-5); margin: 0; padding: 0; list-style: none; }
body.bb26 .home-sources__list a { display: inline-flex; align-items: center; min-block-size: var(--bb-tap); color: var(--bb-blue); font: 700 var(--bb-type-ui)/1.4 var(--bb-font-body); text-underline-offset: .2em; }
@media (max-width: 1020px) {
  body.bb26 .home-conversation__list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  body.bb26 :is(.home-why__body,.home-why__module--wide .home-why__body) { grid-template-columns: minmax(0,1fr); gap: var(--bb-space-4); }
  body.bb26 .home-why__body > :is(.home-why__media,.home-why__text) { grid-column: 1; grid-row: auto; }
  body.bb26 .home-why__media:not(.home-why__media--set) > :is(picture,img) { max-inline-size: 14rem; }
  body.bb26 .home-why__module--quiet { padding-inline: var(--bb-space-4); }
}
@media (max-width: 560px) {
  body.bb26 .home-conversation__list { grid-template-columns: minmax(0,1fr); }
  body.bb26 .home-conversation__card { display: grid; grid-template-columns: 5.5rem minmax(0,1fr); grid-template-rows: auto auto 1fr; column-gap: var(--bb-space-4); row-gap: var(--bb-space-1); }
  body.bb26 .home-conversation__media { grid-row: 1 / span 3; }
}
@media (prefers-reduced-motion: reduce) { body.bb26 *,body.bb26 *::before,body.bb26 *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
}
@media print {
  body.bb26 { background: white; color: black; }
  body.bb26.clinical-report .report { width: 100%; margin: 0; }
  body.bb26.clinical-report .page { border: 0; margin: 0; box-shadow: none; }
  body.bb26.clinical-report table { font-size: 14px; }
  body.bb26 :is(.table-scroll,.chart-scroll,.visual-scroll) { width: 100%; max-width: 100%; overflow: visible; }
  body.bb26 :is(.chart-scroll,.visual-scroll) > :is(svg,img) { width: 100%; min-width: 0; max-width: 100%; height: auto; }
  body.bb26 table { break-inside: auto; }
  body.bb26 thead { display: table-header-group; }
  body.bb26 tr { break-inside: avoid; }
  body.bb26 details > :not(summary) { display: block !important; }
  body.bb26 details::details-content { content-visibility: visible !important; block-size: auto !important; }
}

/* Innovation · five editorial chapters; scoped to the ingredients guide.
   The shared BB26 roles, existing material owner and reader remain intact. */
body.bb26 :is(.bb-innovation,.bb-innovation-hero) { color:var(--bb-ink); }
body.bb26 .bb-innovation-hero { max-width:var(--bb-reading-width); }
body.bb26 .bb-innovation-hero .bb-role-hero { max-width:20ch; margin-block:var(--bb-space-4) var(--bb-space-5); }
body.bb26 :is(.bb-innovation,.bb-innovation-hero) p { max-width:65ch; }
body.bb26 .bb-innovation { padding-block:var(--bb-space-6); }
body.bb26 .bb-innovation :is(section,article,aside) { min-width:0; scroll-margin-block-start:var(--bb-space-7); }
body.bb26 .bb-innovation-chapter { padding-block:var(--bb-section); border-block-start:1px solid var(--bb-line); }
body.bb26 .bb-innovation-chapter > .bb-role-chapter { max-width:24ch; margin-block:0 var(--bb-space-7); }
body.bb26 .bb-innovation-chapter > .bb-innovation-module + .bb-innovation-module { margin-block-start:var(--bb-section); }
body.bb26 .bb-innovation-module > :first-child { margin-block-start:0; }
body.bb26 .bb-innovation-module > :last-child { margin-block-end:0; }
body.bb26 .bb-innovation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--bb-space-7); margin-block:var(--bb-space-6); }
body.bb26 .bb-innovation-grid > article { padding-block-start:var(--bb-space-5); border-block-start:1px solid var(--bb-line); }
body.bb26 .bb-innovation-grid :is(.bb-role-body,.bb-role-note) { max-width:100%; }
body.bb26 .bb-innovation-proof { border-inline-start:3px solid var(--bb-blue); background:var(--bb-blue-wash); padding:var(--bb-space-5); margin-block:var(--bb-space-6); }
body.bb26 .bb-innovation-proof .bb-role-proof-numeral { display:block; margin-block-end:var(--bb-space-3); }
body.bb26 .bb-innovation .bb-role-note { font-size:var(--bb-type-ui); line-height:var(--bb-leading); color:var(--bb-muted); }
body.bb26 .bb-innovation-routine { list-style:decimal-leading-zero; padding-inline-start:var(--bb-space-6); margin-block:var(--bb-space-6); }
body.bb26 .bb-innovation-routine > li { padding-inline-start:var(--bb-space-3); margin-block:var(--bb-space-7); }
body.bb26 .bb-innovation-routine > li::marker { color:var(--bb-book-blue-text); font-weight:700; font-variant-numeric:tabular-nums; }
body.bb26 :is(.bb-innovation,.bb-innovation-hero) .bb-innovation-links { list-style:none; display:flex; flex-wrap:wrap; gap:var(--bb-space-2) var(--bb-space-5); padding:0; margin-block:var(--bb-space-4); }
body.bb26 :is(.bb-innovation,.bb-innovation-hero) a { color:var(--bb-blue); text-decoration:underline; text-underline-offset:.2em; overflow-wrap:anywhere; }
body.bb26 :is(.bb-innovation,.bb-innovation-hero) .bb-innovation-links a { display:inline-flex; align-items:center; min-height:var(--bb-tap); font:600 var(--bb-type-ui)/1.5 var(--bb-font-body); }
body.bb26 .bb-innovation > nav { padding-block-end:var(--bb-space-6); }
body.bb26 .bb-innovation > nav .bb-innovation-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
body.bb26 .bb-innovation :is(.bb-microbiome-jobs,.bb-formula-pairings) { margin:var(--bb-space-5) 0; }
body.bb26 .bb-innovation :is(.bb-microbiome-jobs,.bb-formula-pairings) > div { padding-block:var(--bb-space-4); border-block-start:1px solid var(--bb-line); }
body.bb26 .bb-innovation :is(.bb-microbiome-jobs,.bb-formula-pairings) dd { margin-inline-start:0; margin-block-start:var(--bb-space-2); }
body.bb26 .bb-innovation details { border-block-start:1px solid var(--bb-line); padding-block:var(--bb-space-4); }
body.bb26 .bb-innovation summary { cursor:pointer; min-height:var(--bb-tap); padding-block:var(--bb-space-3); color:var(--bb-navy); }
body.bb26 .bb-innovation details[open] > summary { margin-block-end:var(--bb-space-4); }
body.bb26 .bb-peptide-family > section + section { margin-block-start:var(--bb-space-7); }
body.bb26 .bb-innovation :is(.bb-formula-detail,.bb-research-detail,.bb-innovation-material) { margin-block-start:var(--bb-space-5); }
body.bb26 .bb-innovation :is(.bb-formula-detail,.bb-research-detail) > summary { font-size:var(--bb-type-ui); }
body.bb26 .bb-innovation-upcoming { margin-block:var(--bb-section); padding:var(--bb-space-6); border:1px solid var(--bb-line); background:var(--bb-porcelain); }
body.bb26 .bb-innovation-supporting-question { padding-block:var(--bb-space-5); border-block-start:1px solid var(--bb-line); }
body.bb26 :is(.bb-innovation,.bb-innovation-hero) :is(a,summary):focus-visible { outline:3px solid var(--bb-blue); outline-offset:4px; }
@media(max-width:720px) {
 body.bb26 .bb-innovation-grid, body.bb26 .bb-innovation > nav .bb-innovation-links { grid-template-columns:1fr; }
 body.bb26 .bb-innovation-routine { padding-inline-start:var(--bb-space-5); }
 body.bb26 .bb-innovation-upcoming { padding:var(--bb-space-5); }
}
@media(prefers-reduced-motion:reduce) {
 body.bb26 :is(.bb-innovation,.bb-innovation-hero) { scroll-behavior:auto; }
}
@media print {
 body.bb26 .bb-innovation-grid { display:block; }
 body.bb26 .bb-innovation-chapter { padding-block:var(--bb-space-6); }
 body.bb26 .bb-innovation :is(article,.bb-innovation-proof) { break-inside:avoid; }
 body.bb26 .bb-innovation details::details-content { content-visibility:visible; }
 body.bb26 .bb-innovation :is(.bb-innovation-upcoming,.bb-innovation-proof) { background:transparent; }
}

/* Selected existing photography: full scene and printed label, never cropped. */
body.bb26 .bb-innovation-figure { margin:var(--bb-space-6) auto; width:100%; }
body.bb26 .bb-innovation-figure img { display:block; width:100%; height:auto; object-fit:contain; }
body.bb26 .bb-innovation-figure--founder { max-width:21.25rem; }
body.bb26 .bb-innovation-figure--glp { max-width:30rem; }
body.bb26 .bb-innovation-figure figcaption { margin-block-start:var(--bb-space-3); }
body.bb26 .bb-innovation-evidence-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--bb-space-6); align-items:center; margin-block:var(--bb-space-6); }
body.bb26 .bb-innovation-evidence-pair > :is(figure,.bb-innovation-proof) { margin-block:0; }
@media(max-width:720px) { body.bb26 .bb-innovation-evidence-pair { grid-template-columns:1fr; } }
@media print { body.bb26 .bb-innovation-evidence-pair { display:block; } }
/* Compact official packshots under the heading of routine steps, proof and
   color cards: the whole bottle on its own studio ground, never cropped. */
body.bb26 .bb-innovation-thumbs { display:flex; flex-wrap:wrap; gap:var(--bb-space-3); margin-block:var(--bb-space-3) var(--bb-space-4); }
body.bb26 .bb-innovation-thumbs > picture { display:block; flex:0 0 auto; }
body.bb26 .bb-innovation-thumbs img { display:block; width:5.5rem; height:5.5rem; object-fit:contain; border:1px solid var(--bb-line); }
@media(max-width:720px) { body.bb26 .bb-innovation-thumbs img { width:4.75rem; height:4.75rem; } }
@media print { body.bb26 .bb-innovation-thumbs img { width:3.5rem; height:3.5rem; } }

/* Innovation V3 visual refinement. Only this route opts into the hero override;
   the existing decorative asset binding remains in markup and source history. */
body.bb26.public-editorial .reader > .r-hero:has(.bb-innovation-hero) {
  display:block;
  min-height:0;
  padding-block:var(--bb-space-6);
  margin-block-end:0;
  background:var(--bb-white);
  border:0;
  box-shadow:none;
}
body.bb26.public-editorial .reader > .r-hero:has(.bb-innovation-hero)::before,
body.bb26.public-editorial .reader > .r-hero:has(.bb-innovation-hero)::after { content:none; }
body.bb26.public-editorial .reader > .r-hero:has(.bb-innovation-hero) > .visual-bg-layer { display:none; }
body.bb26.public-editorial .reader > .r-hero:has(.bb-innovation-hero) > .r-col {
  width:min(var(--bb-page-width),calc(100% - 2 * var(--bb-gutter)));
  max-width:none;
  margin-inline:auto;
  padding:0;
  background:transparent;
}
body.bb26 .bb-innovation-hero { max-width:none; }
body.bb26 .bb-innovation-hero .bb-role-hero {
  max-width:24ch;
  margin-block:var(--bb-space-3) var(--bb-space-4);
}
body.bb26 .bb-innovation-hero > .bb-role-lead { margin-block:0 var(--bb-space-4); }
body.bb26 .bb-innovation-hero > .bb-role-lead + .bb-role-lead {
  font-size:var(--bb-type-body);
  line-height:var(--bb-leading);
}
body.bb26 .bb-innovation-hero > .bb-innovation-links { margin-block:var(--bb-space-4) 0; }
body.bb26 .bb-innovation { padding-block-start:var(--bb-space-4); }
body.bb26 .bb-innovation > nav { padding-block-end:var(--bb-space-4); }
body.bb26 .bb-innovation > nav .bb-innovation-links {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:var(--bb-space-2) var(--bb-space-5);
  margin-block:0;
}
body.bb26 .bb-innovation > nav .bb-innovation-links > li { margin:0; }
body.bb26 .bb-innovation > nav .bb-innovation-links a {
  width:100%;
  padding-block:var(--bb-space-2);
  border-block-start:1px solid var(--bb-line);
}
body.bb26 .bb-innovation-chapter > .bb-role-chapter {
  max-width:28ch;
  margin-block-end:var(--bb-space-6);
}
body.bb26 .bb-innovation-routine { margin-block:var(--bb-space-5); }
body.bb26 .bb-innovation-routine > li { margin-block:var(--bb-space-5); }
body.bb26 .bb-innovation-routine > li > .bb-innovation-links { margin-block-end:0; }
body.bb26 .bb-innovation-story-pair {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:var(--bb-space-5);
  margin-block-end:var(--bb-space-6);
}
body.bb26 .bb-innovation-story-copy { min-width:0; }
body.bb26 .bb-innovation-story-copy > :first-child { margin-block-start:0; }
body.bb26 .bb-innovation-story-copy > :last-child { margin-block-end:0; }
body.bb26 .bb-innovation-story-pair > .bb-innovation-figure--founder { margin:0; }
body.bb26 .bb-innovation-evidence-pair {
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:var(--bb-space-5);
}
body.bb26 .bb-innovation-evidence-pair > .bb-innovation-figure--glp { margin:0; }
body.bb26 .bb-innovation-evidence-pair > .bb-innovation-proof { margin:0; }
@media(min-width:1024px) {
  body.bb26 .bb-innovation-story-pair {
    grid-template-columns:minmax(0,1fr) minmax(15rem,21.25rem);
    gap:var(--bb-space-7);
  }
  body.bb26 .bb-innovation-evidence-pair {
    grid-template-columns:minmax(0,30rem) minmax(0,1fr);
    gap:var(--bb-space-6);
  }
}
@media(min-width:1100px) {
  body.bb26 .bb-innovation-routine {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--bb-space-5) var(--bb-space-7);
  }
  body.bb26 .bb-innovation-routine > li { min-width:0; margin:0; }
  body.bb26 .bb-innovation-routine > li:last-child { grid-column:1 / -1; }
}
@media(max-width:720px) {
  body.bb26.public-editorial .reader > .r-hero:has(.bb-innovation-hero) { padding-block:var(--bb-space-5); }
  body.bb26 .bb-innovation-story-pair,
  body.bb26 .bb-innovation-evidence-pair { grid-template-columns:minmax(0,1fr); }
  body.bb26 .bb-innovation-routine { display:block; }
  body.bb26 .bb-innovation-story-pair > .bb-innovation-figure--founder { margin-inline:auto; }
}
@media print {
  body.bb26 .bb-innovation-story-pair,
  body.bb26 .bb-innovation-evidence-pair,
  body.bb26 .bb-innovation-routine { display:block; }
  body.bb26 .bb-innovation-routine > li { margin-block:var(--bb-space-5); }
}

/* Home visual refinement: keep each proof phrase and all its qualifications as
   one existing source-owned value. No text or Studio key migration. */
body.bb26 .home-proof-card {
  --bb-type-proof:clamp(1.5rem,1.2rem + .6vw,1.875rem);
  display:flex;
  flex-direction:column;
}
body.bb26 .home-proof-card > .home-why__links {
  margin-block-start:auto;
  padding-block-start:var(--bb-space-4);
}
body.bb26 #hero > .home-masthead__human-plane { background:var(--bb-white); }
@media(min-width:701px) {
  body.bb26 .home-proof-card > .bb-role-field-label { min-block-size:4.5em; }
}
@media(max-width:700px) {
  body.bb26 #hero > .home-masthead__copy-plane { padding:24px var(--bb-gutter); }
  body.bb26 #hero.ed-hero.home-masthead .home-masthead__copy-plane h1.ed-hero-title {
    font-size:clamp(2rem,1.5rem + 3vw,2.5rem) !important;
  }
  body.bb26 #hero .home-quick-start { flex-direction:column; align-items:stretch; }
  body.bb26 #hero .home-quick-start a { min-height:48px; }
}
@media print {
  /* Home V3 packshots print as small references, never full-page product photos. */
  body.bb26 :is(.home-why__media,.home-proof-card__media,.home-goal-card__media,.home-conversation__media) :is(picture,img) { display:inline-block; inline-size:5rem; max-inline-size:5rem; block-size:auto; }
}

/* Innovation V5: the existing full GLP photograph also introduces the page.
   All hero copy/actions precede it in DOM order; the study pair stays intact. */
body.bb26 .bb-innovation-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--bb-space-5);
  align-items:center;
}
body.bb26 .bb-innovation-hero-copy { min-width:0; }
body.bb26 .bb-innovation-hero .bb-role-hero {
  font-size:clamp(42px,4vw,64px) !important;
  max-width:none;
}
body.bb26 .bb-innovation-hero-copy > .bb-role-lead { margin-block:0 var(--bb-space-4); }
body.bb26 .bb-innovation-hero-copy > .bb-role-lead + .bb-role-lead {
  font-size:var(--bb-type-body);
  line-height:var(--bb-leading);
}
body.bb26 .bb-innovation-hero-copy > .bb-innovation-links { margin-block:var(--bb-space-4) 0; }
body.bb26 .bb-innovation-hero-grid > .bb-innovation-figure--hero {
  width:100%;
  max-width:26rem;
  margin:0;
  justify-self:center;
}
@media(min-width:1024px) {
  body.bb26 .bb-innovation-hero-grid {
    grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
    gap:var(--bb-space-7);
  }
}
@media(max-width:700px) {
  body.bb26 .bb-innovation-hero .bb-role-hero { font-size:40px !important; }
  body.bb26 .bb-innovation-hero-grid { grid-template-columns:minmax(0,1fr); }
}
@media print { body.bb26 .bb-innovation-hero-grid { display:block; } }

/* Innovation V6 (PKG-E, 2026-10-21): routine-moment tags, exact product chips,
   soft surface cards for the day-to-night steps, the technology map, and the
   GLP proof placed directly after its heading at every width. */
body.bb26 .bb-innovation-moment {
  display:inline-block;
  margin:0 0 var(--bb-space-3);
  padding:var(--bb-space-1) var(--bb-space-3);
  border:1px solid var(--bb-line);
  border-radius:999px;
  background:var(--bb-white);
  color:var(--bb-book-blue-text);
  font:600 var(--bb-type-note)/1.4 var(--bb-font-body);
  letter-spacing:.01em;
}
body.bb26 :is(.bb-innovation,.bb-innovation-hero) .bb-innovation-chips {
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:var(--bb-space-2);
  padding:0;
  margin-block:var(--bb-space-4);
}
body.bb26 :is(.bb-innovation,.bb-innovation-hero) .bb-innovation-chips > li { margin:0; }
body.bb26 :is(.bb-innovation,.bb-innovation-hero) .bb-innovation-chips a {
  display:inline-flex;
  align-items:center;
  min-height:var(--bb-tap);
  padding:var(--bb-space-1) var(--bb-space-4);
  border:1px solid var(--bb-line);
  border-radius:999px;
  background:var(--bb-porcelain);
  color:var(--bb-navy);
  font:600 var(--bb-type-note)/1.35 var(--bb-font-body);
  text-decoration:none;
}
body.bb26 :is(.bb-innovation,.bb-innovation-hero) .bb-innovation-chips a:hover { border-color:var(--bb-blue); text-decoration:underline; }
body.bb26 .bb-innovation-routine > li {
  padding:var(--bb-space-5);
  background:var(--bb-porcelain);
  border-block-start:3px solid var(--bb-book-blue);
}
body.bb26 .bb-innovation-map { margin:var(--bb-space-5) 0 0; }
body.bb26 .bb-innovation-map > div {
  display:grid;
  grid-template-columns:minmax(0,16rem) minmax(0,1fr);
  gap:var(--bb-space-2) var(--bb-space-6);
  padding-block:var(--bb-space-4);
  border-block-start:1px solid var(--bb-line);
}
body.bb26 .bb-innovation-map dd { margin:0; }
body.bb26 .bb-innovation-map dd > .bb-role-body { margin-block:0 var(--bb-space-2); }
body.bb26 .bb-innovation-map dd > a {
  display:inline-flex;
  align-items:center;
  min-height:var(--bb-tap);
  font:600 var(--bb-type-ui)/1.5 var(--bb-font-body);
}
body.bb26 .bb-innovation-proof .bb-innovation-links { margin-block-end:0; }
@media(min-width:1024px) {
  body.bb26 .bb-innovation-evidence-pair--proof-first { grid-template-columns:minmax(0,1fr) minmax(0,30rem); }
}
@media(max-width:720px) {
  body.bb26 .bb-innovation-map > div { grid-template-columns:minmax(0,1fr); }
  body.bb26 .bb-innovation-routine > li { padding:var(--bb-space-4); }
}
@media print {
  body.bb26 .bb-innovation-routine > li,
  body.bb26 .bb-innovation-chips a { background:transparent; }
}

/* ==== PKG-I article templates (G44–G46): answers, guides and their collections.
   Beauty Book 2026 roles: navy/blue on white and porcelain, 1px lines, upright
   Nunito labels, Bodoni only for the italic step ordinal. Every block below is
   opt-in by its own article-* class; no existing selector changes meaning. */
body.bb26 .article-pills { display:flex; flex-wrap:wrap; align-items:center; gap:var(--bb-space-2); margin:var(--bb-space-4) 0 0; padding:0; list-style:none; }
body.bb26 .article-pills > li { margin:0; }
body.bb26 .article-pills > li:not(.article-pill) { padding:0; }
body.bb26 .article-pill { display:inline-flex; align-items:center; min-height:32px; padding:4px 12px; border:1px solid var(--bb-line); border-radius:999px; background:var(--bb-white); color:var(--bb-navy); font:700 var(--bb-type-label)/1.4 var(--bb-font-body); letter-spacing:.01em; text-decoration:none; white-space:nowrap; }
body.bb26 a.article-pill { min-height:var(--bb-tap); padding-inline:16px; background:var(--bb-blue-wash); }
body.bb26 a.article-pill:hover { background:var(--bb-navy); border-color:var(--bb-navy); color:var(--bb-white); }
body.bb26 a.article-pill:focus-visible { outline:3px solid var(--bb-blue); outline-offset:2px; }
body.bb26 .article-pill--time { color:var(--bb-muted); font-weight:400; }
body.bb26 .article-pill--discussion { border-color:var(--bb-blue); color:var(--bb-blue); }
body.bb26 .article-card-context { display:flex; flex-wrap:wrap; gap:var(--bb-space-2); margin:var(--bb-space-3) 0 0; }
body.bb26.public-editorial .ssr-faq > .article-card-context { margin:var(--bb-space-3) 0 0; font:inherit; }

/* Quick answer: the existing ice-blue zone gains a kicker, a 1px line and a navy rule. */
body.bb26.public-editorial .answer-direct { border:1px solid var(--bb-line); border-left:4px solid var(--bb-navy); }
body.bb26 .answer-direct .article-kicker { margin:0 0 var(--bb-space-2) !important; color:var(--bb-navy); }

/* Collections: facet groups sit under the topic list as one browsing panel. */
body.bb26 .evidence-category-nav.article-facet-nav { margin-block:0; padding-block:var(--bb-space-4); border-top:0; }
body.bb26 .article-facet-nav .r-eyebrow { margin:0 0 var(--bb-space-3); color:var(--bb-muted); }
body.bb26 .article-facet-nav a[aria-current="page"],
body.bb26 .answer-category-nav a[aria-current="page"] { background:var(--bb-navy); border-color:var(--bb-navy); color:var(--bb-white); }
body.bb26.public-editorial.page-learn.page-index .article-spokes.ssr-spokes > li > a {
  grid-template-columns:72px minmax(36px,auto) minmax(0,1fr) auto;
  grid-template-areas:"thumb no title meta" "thumb . sub sub" "thumb . ctx ctx";
  align-items:start; column-gap:var(--bb-space-4);
}
body.bb26.public-editorial .article-spokes > li > a > .article-thumb { grid-area:thumb; }
body.bb26.public-editorial .article-spokes > li > a > .no { grid-area:no; }
body.bb26.public-editorial .article-spokes > li > a > .t { grid-area:title; }
body.bb26.public-editorial .article-spokes > li > a > .meta { grid-area:meta; }
body.bb26.public-editorial .article-spokes > li > a > .sub { grid-area:sub; margin:var(--bb-space-1) 0 0; }
body.bb26.public-editorial .article-spokes > li > a > .article-card-context { grid-area:ctx; margin:var(--bb-space-2) 0 0; }
body.bb26 .article-thumb { display:flex; align-items:center; justify-content:center; width:72px; height:72px; overflow:hidden; border:1px solid var(--bb-line); background:var(--bb-white); color:var(--bb-navy); font:400 2rem/1 var(--bb-font-display); }
body.bb26 .article-thumb img { display:block; width:100%; height:100%; object-fit:contain; }

/* Where it fits: previous · this · next, with the italic Bodoni step ordinal. */
body.bb26 .bb-role-step-ordinal { display:block; font-family:var(--bb-font-display) !important; font-style:italic; font-weight:400; font-size:var(--bb-type-lead); line-height:1.2; color:var(--bb-book-blue-text); }
body.bb26 .article-fit__steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); gap:0; margin:var(--bb-space-5) 0 0; padding:0; list-style:none; border:1px solid var(--bb-line); }
body.bb26 .article-fit__step { display:flex; flex-direction:column; gap:var(--bb-space-1); min-width:0; margin:0; padding:var(--bb-space-5); background:var(--bb-white); }
body.bb26 .article-fit__step + .article-fit__step { border-left:1px solid var(--bb-line); }
body.bb26 .article-fit__step.is-current { background:var(--bb-blue-wash); box-shadow:inset 0 4px 0 var(--bb-navy); }
body.bb26 .article-fit__label { color:var(--bb-navy); font:700 var(--bb-type-ui)/1.4 var(--bb-font-body); }
body.bb26 .article-fit__products { color:var(--bb-ink); font:400 var(--bb-type-ui)/1.5 var(--bb-font-body); }
body.bb26 .article-fit__products a { display:inline-flex; align-items:center; min-height:var(--bb-tap); color:var(--bb-blue); font-weight:700; }
body.bb26 .article-fit__source,
body.bb26 .article-spec__source,
body.bb26 .article-proof__links,
body.bb26 .article-inci__source { margin:var(--bb-space-4) 0 0; color:var(--bb-muted); font:400 var(--bb-type-note)/1.6 var(--bb-font-body); }
body.bb26 :is(.article-fit__source,.article-spec__source,.article-proof__links,.article-inci__source) a { display:inline-flex; align-items:center; min-height:var(--bb-tap); color:var(--bb-blue); font-weight:700; }

/* Beauty Book product module: Benefits · What's Inside · Application · Good For. */
body.bb26 .article-spec__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:var(--bb-space-5) 0 0; border-top:1px solid var(--bb-line); }
body.bb26 .article-spec__part { min-width:0; padding:var(--bb-space-5) var(--bb-space-5) var(--bb-space-5) 0; border-bottom:1px solid var(--bb-line); }
body.bb26 .article-spec__part:nth-child(even) { padding-left:var(--bb-space-5); border-left:1px solid var(--bb-line); }
body.bb26 .article-spec__part dt { color:var(--bb-navy); }
body.bb26 .article-spec__part dd { margin:0; color:var(--bb-ink); font:400 var(--bb-type-body)/var(--bb-leading) var(--bb-font-body); }

/* Proof ledger and ingredient drawers: native disclosure, tabular numerals. */
body.bb26 :is(.article-proof__study,.article-inci) { margin:var(--bb-space-4) 0 0; border:1px solid var(--bb-line); background:var(--bb-white); }
body.bb26 :is(.article-proof__study,.article-inci) > summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--bb-space-2) var(--bb-space-4); min-height:var(--bb-tap); padding:var(--bb-space-3) var(--bb-space-5); cursor:pointer; list-style:none; color:var(--bb-navy); font:700 var(--bb-type-ui)/1.4 var(--bb-font-body); }
body.bb26 :is(.article-proof__study,.article-inci) > summary::-webkit-details-marker { display:none; }
body.bb26 :is(.article-proof__study,.article-inci) > summary::after { content:"+"; margin-left:auto; color:var(--bb-blue); font:400 1.25rem/1 var(--bb-font-display); }
body.bb26 :is(.article-proof__study,.article-inci)[open] > summary::after { content:"−"; }
body.bb26 :is(.article-proof__study,.article-inci) > summary:focus-visible { outline:3px solid var(--bb-blue); outline-offset:2px; }
body.bb26 :is(.article-proof__count,.article-inci__cue) { color:var(--bb-muted); font-weight:400; font-size:var(--bb-type-label); }
body.bb26 :is(.article-proof__study,.article-inci)[open] > :not(summary) { margin-inline:var(--bb-space-5); }
body.bb26 .article-proof__study[open] > :last-child,
body.bb26 .article-inci[open] > :last-child { margin-bottom:var(--bb-space-5); }
body.bb26 .article-proof__scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
body.bb26 .article-proof__scroll:focus-visible { outline:3px solid var(--bb-blue); outline-offset:2px; }
body.bb26 .article-proof__table { width:100%; min-width:36rem; border-collapse:collapse; color:var(--bb-ink); font:400 var(--bb-type-label)/1.5 var(--bb-font-body); text-align:left; }
/* The summary already shows the study title; the caption stays for assistive technology. */
body.bb26 .article-proof__table caption { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
body.bb26 .article-proof__scroll { position:relative; }
body.bb26 .article-proof__table :is(th,td) { padding:var(--bb-space-3); border-bottom:1px solid var(--bb-line); vertical-align:top; }
body.bb26 .article-proof__table thead th { color:var(--bb-navy); font-weight:700; border-bottom:2px solid var(--bb-navy); }
body.bb26 .article-proof__numeral { color:var(--bb-navy); font-weight:700; font-variant-numeric:tabular-nums lining-nums; }
/* Reviewed answer figures may carry a house-voice caption and an official photograph (FP-15/FP-70). */
body.bb26 .r-inline-visual > figcaption { margin:var(--bb-space-3) 0 0; color:var(--bb-muted); font:400 var(--bb-type-label)/1.55 var(--bb-font-body); }
body.bb26 .r-inline-visual.is-photograph img { max-height:min(70vh, 720px); background:var(--bb-white); }
/* Ledger rows lead with the reviewed result sentence; kind and timepoint stay narrow (FP-25). */
body.bb26 .article-proof__table { table-layout:fixed; }
body.bb26 .article-proof__table :is(thead th:first-child,.article-proof__finding) { width:58%; }
body.bb26 .article-proof__finding { color:var(--bb-ink); font-weight:400; font-variant-numeric:tabular-nums lining-nums; }
body.bb26 .article-proof__finding strong { color:var(--bb-navy); }
body.bb26 .article-proof__table td { color:var(--bb-muted); overflow-wrap:anywhere; }
body.bb26 .article-proof__more { margin:var(--bb-space-2) 0 0; }
body.bb26 .article-proof__more > summary { display:inline-flex; align-items:center; min-height:var(--bb-tap); cursor:pointer; color:var(--bb-blue); font:700 var(--bb-type-ui)/1.4 var(--bb-font-body); text-decoration:underline; text-underline-offset:.2em; }
body.bb26 .article-proof__more > summary:focus-visible { outline:3px solid var(--bb-blue); outline-offset:2px; }
body.bb26 .article-inci__list { margin:var(--bb-space-2) 0 0; max-inline-size:none; color:var(--bb-ink); font:400 var(--bb-type-label)/1.7 var(--bb-font-body); overflow-wrap:anywhere; }
body.bb26 .article-inci__note { margin:var(--bb-space-2) 0 0; color:var(--bb-muted); font:400 var(--bb-type-note)/1.5 var(--bb-font-body); }

/* Related reading: compact cards with kind, title and context pills. */
body.bb26 .article-related-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--bb-space-4); margin:var(--bb-space-5) 0 0; padding:0; list-style:none; }
body.bb26 .article-related-list > li { margin:0; }
body.bb26 .article-related-list a { display:flex; flex-direction:column; gap:var(--bb-space-2); height:100%; padding:var(--bb-space-5); border:1px solid var(--bb-line); background:var(--bb-white); color:var(--bb-navy); text-decoration:none; }
body.bb26 .article-related-list a:hover { background:var(--bb-porcelain); }
body.bb26 .article-related-list a:focus-visible { outline:3px solid var(--bb-blue); outline-offset:2px; }
body.bb26 .article-related__kind { color:var(--bb-muted); font:700 var(--bb-type-label)/1.4 var(--bb-font-body); }
body.bb26 .article-related__title { font:700 var(--bb-type-ui)/1.4 var(--bb-font-body); }

/* Community drawer: the affiliation label, heading and topic stay in view. */
body.bb26 .discussion-module__drawer > summary { display:block; cursor:pointer; list-style:none; }
body.bb26 .discussion-module__drawer > summary::-webkit-details-marker { display:none; }
body.bb26 .discussion-module__drawer > summary::after { content:"See the discussion"; display:inline-flex; align-items:center; min-height:var(--bb-tap); margin-top:var(--bb-space-2); color:var(--bb-blue); font:700 var(--bb-type-ui)/1.4 var(--bb-font-body); text-decoration:underline; text-underline-offset:.2em; }
body.bb26 .discussion-module__drawer[open] > summary::after { content:"Close"; }
body.bb26 .discussion-module__drawer > summary:focus-visible { outline:3px solid var(--bb-blue); outline-offset:4px; }
body.bb26 .discussion-module__summary > :is(.discussion-module__eyebrow,.discussion-module__topic) { display:block; }
body.bb26 .discussion-module__summary > .discussion-module__topic { margin:var(--bb-space-3) 0 0; }
body.bb26 .discussion-module__drawer > .discussion-module__inner { margin-top:var(--bb-space-3); }

@media (max-width:700px) {
  body.bb26.public-editorial.page-learn.page-index .article-spokes.ssr-spokes > li > a {
    grid-template-columns:56px minmax(0,1fr);
    grid-template-areas:"thumb title" "thumb meta" "sub sub" "ctx ctx";
  }
  body.bb26.public-editorial .article-spokes > li > a > .no { display:none; }
  body.bb26 .article-thumb { width:56px; height:56px; }
  body.bb26 .article-spec__grid,
  body.bb26 .article-related-list { grid-template-columns:minmax(0,1fr); }
  body.bb26 .article-spec__part,
  body.bb26 .article-spec__part:nth-child(even) { padding:var(--bb-space-4) 0; border-left:0; }
  body.bb26 .article-fit__step + .article-fit__step { border-left:0; border-top:1px solid var(--bb-line); }
  body.bb26 :is(.article-proof__study,.article-inci) > summary { padding-inline:var(--bb-space-4); }
  body.bb26 :is(.article-proof__study,.article-inci)[open] > :not(summary) { margin-inline:var(--bb-space-4); }
  /* Phones read the ledger without sideways scrolling; the table keeps its semantics. */
  body.bb26 .article-proof__table { min-width:0; }
  body.bb26 .article-proof__table :is(th,td) { padding:var(--bb-space-2); }
  body.bb26 .article-pill { white-space:normal; }
}
@media print {
  body.bb26 :is(.article-proof__study,.article-inci,.discussion-module__drawer) > summary::after { content:none; }
}

/* FP-21 (4) / A-42: wide clinical tables and figures signal that they scroll
   with an edge fade on narrow screens; no cue text narrates the layout. */
body.bb26 .table-scroll-cue { display:none !important; }
@media (max-width:720px) {
  body.bb26 :is(.table-scroll,.visual-scroll,.chart-scroll)[role="region"] {
    background:
      linear-gradient(to right, var(--bb-white,#fff) 30%, rgba(255,255,255,0)) left center / 28px 100% no-repeat local,
      linear-gradient(to left, var(--bb-white,#fff) 30%, rgba(255,255,255,0)) right center / 28px 100% no-repeat local,
      linear-gradient(to right, rgba(11,49,90,.16), rgba(11,49,90,0)) left center / 14px 100% no-repeat scroll,
      linear-gradient(to left, rgba(11,49,90,.16), rgba(11,49,90,0)) right center / 14px 100% no-repeat scroll;
  }
}

/* Owner-issued 2026 report: readable document and text-based homepage figures. */
body.bb26 .sustain-report {--sustain-gutter:clamp(20px,4vw,56px);max-width:1120px;margin-inline:auto;padding:clamp(28px,6vw,80px) var(--sustain-gutter);background:var(--bb-white);}
body.bb26 .sustain-report__body {max-width:76ch;margin-inline:auto;}
body.bb26 .sustain-report h1 {font:500 clamp(2.4rem,5vw,4.8rem)/1.08 var(--bb-font-display);color:var(--bb-indigo);margin:0 0 2rem;}
body.bb26 .sustain-report h2 {font:500 clamp(1.8rem,3vw,2.8rem)/1.15 var(--bb-font-display);margin:3rem 0 1.25rem;scroll-margin-top:100px;}
body.bb26 .sustain-report h3 {font-size:1.25rem;margin:1.8rem 0 .6rem;}
body.bb26 .sustain-report :is(p,li,blockquote) {font-size:1.0625rem;line-height:1.75;overflow-wrap:anywhere;}
body.bb26 .sustain-report li {margin-block:.65rem;}
body.bb26 .sustain-report blockquote {margin:2rem 0;padding:1rem 1.5rem;border-inline-start:3px solid var(--bb-book-blue);}
body.bb26 .sustain-report__note {font-size:.875rem;}
body.bb26 .sustain-report__stats-section {margin:2.5rem calc(-1 * var(--sustain-gutter));padding:1px var(--sustain-gutter) 2rem;background:var(--bb-blue-wash);}
body.bb26 .sustain-report__stats-section h3 {color:var(--bb-indigo);font-family:var(--bb-font-body);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;}
body.bb26 .sustain-report__stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:1rem 0 2rem;}
body.bb26 .sustain-report__stats:has(>li:only-child) {grid-template-columns:minmax(0,1fr);}
body.bb26 .sustain-report__stats:has(>li:nth-child(2):last-child) {grid-template-columns:repeat(2,minmax(0,1fr));}
body.bb26 .sustain-report .sustain-report__stats>li {min-width:0;margin:0;padding:22px 20px 24px;border-top:2px solid var(--bb-book-blue);background:var(--bb-white);color:var(--bb-ink);line-height:1.5;}
body.bb26 .sustain-report__stats .bb-role-proof-numeral {display:block;color:var(--bb-indigo);font-size:clamp(2.5rem,6vw,3.25rem)!important;line-height:1.12!important;margin:.1rem 0 .8rem;text-wrap:balance;}
body.bb26 .sustain-report__stat-prefix {display:block;font-size:.875rem;}
body.bb26 .sustain-report__stat-statement {display:block;font-size:1rem;line-height:1.5;}
@media(max-width:600px){body.bb26 .sustain-report__stats,body.bb26 .sustain-report__stats:has(>li:nth-child(2):last-child){grid-template-columns:minmax(0,1fr);}}
body.bb26 .sustain-feature {margin-block:var(--bb-space-8,48px);padding:clamp(24px,5vw,64px);background:var(--bb-blue-wash);border-radius:4px;color:var(--bb-ink);}
body.bb26 .sustain-feature h2 {max-width:18ch;font:500 clamp(2.3rem,5vw,4.6rem)/1.05 var(--bb-font-display);margin:1rem 0 2rem;}
body.bb26 .sustain-feature__stats {padding:0;list-style:none;}
body.bb26 .sustain-feature__stats li {min-width:0;border-top:1px solid var(--bb-line);padding-top:1rem;}
body.bb26 .sustain-feature__stats strong {display:block;font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;margin-bottom:.75rem;}
body.bb26 .sustain-feature__button {display:inline-block;margin-top:1.75rem;padding:.85rem 1.25rem;background:var(--bb-navy);color:var(--bb-white);text-decoration:none;border-radius:2px;}

/* Editorial dates and useful report follow-up paths share the Book's quiet type. */
.content-updated{font-size:.82rem;line-height:1.5;color:var(--bb-ink-muted,#596275);margin:.75rem 0 1.25rem}
.clinical-related-answers{max-width:68rem;margin:2rem auto;padding:1.5rem 1.25rem;background:#f5f7fa;border-top:1px solid #d8dfe8}
.clinical-related-answers h2{font-size:1.3rem;line-height:1.3;margin:0 0 .75rem}
.clinical-related-answers li{margin:.4rem 0}

/* P14 live geometry: a table's standalone product door needs a full touch area. */
body.bb26 td[data-label="A place to begin"] > a {
  display: inline-flex;
  align-items: center;
  min-block-size: 44px;
  min-inline-size: 44px;
  max-inline-size: 100%;
  white-space: normal;
}
body.bb26 :is(button,input,select,textarea,summary) { min-block-size: 44px; }
body.bb26 :is(.family-product-exits,.product-technology) a,
body.bb26 :is(.family-product,.product-information) h3 > a { display: inline-flex; align-items: center; min-block-size: 44px; min-inline-size: 44px; max-inline-size: 100%; }
body.bb26 a[aria-label="See supplement statement"] { min-inline-size: 44px; }
body:is(.bb26,.bb26-reader).clinical-report .ssr-footer :is(p,span,.label,.ssr-footer-attribution,.ssr-footer-relationship) { color: var(--bb-white); }
/* Solid table grounds keep text contrast determinate across the scrolling area. */
body.bb26 :is(.table-scroll,.chart-scroll,.visual-scroll) { background-image: none !important; }
body.bb26 .ssr-byline a { color: var(--bb-navy) !important; }
body.bb26 :is(.guided-reader-note,.learn-local-tools,.download-card .links,.p14-breadcrumb,.pv-links) a,
body.bb26 .product-source-quote cite a,
body.bb26 .book-shop-choice a { display: inline-flex; align-items: center; min-block-size: 44px; min-inline-size: 44px; max-inline-size: 100%; white-space: normal; }
body.bb26 .article-proof__caption a { display: inline-flex; align-items: center; min-block-size: 44px; min-inline-size: 44px; max-inline-size: 100%; }
/* A multi-family shade board needs the full hero width for readable labels. */
body.bb26 .family-hero__grid:has([data-visual-id="compositions/lip-finish-and-shade"]) { grid-template-columns: minmax(0,1fr); }
body.bb26 [data-visual-id="compositions/lip-finish-and-shade"] { align-self: start; width: 100%; }
body.bb26 [data-visual-id="compositions/finish-and-shade"] { grid-column: 1 / -1; width: 100%; }
body.bb26 :is(.sg-evidence-table caption,.download-card .card-body,.bb-innovation-module) > a,
body.bb26 .sg-evidence-table caption a { display: inline-flex; align-items: center; min-block-size: 44px; min-inline-size: 44px; max-inline-size: 100%; }

/* QC15: composed editorial endings and one consistent Beauty Book reading grid. */
body.bb26 .article-products > .r-col,
body.bb26 :is(.r-article, main.reader, main.reader > article) > :is(.product-information, .rt-term-legends, .product-identity-photo) {
  inline-size: min(760px, calc(100% - 2 * var(--bb-gutter)));
  margin-inline: auto;
}
body.bb26 .product-information { padding-block: 24px; border-block-start: 1px solid var(--bb-line); }
body.bb26 .product-information-actions { display:flex; flex-wrap:wrap; gap:12px 24px; margin-block:24px 0; }
body.bb26 .product-information-actions a { min-block-size:48px; display:inline-flex; align-items:center; font:700 16px/1.5 var(--bb-font-body); }
body.bb26 .product-technology { display:inline-block; margin-inline-end:8px; font:600 14px/1.5 var(--bb-font-body); }
body.bb26 .discussion-module { box-sizing:border-box; inline-size:min(1160px,calc(100% - 2 * var(--bb-gutter))); margin:48px auto 0; padding:32px; }
body.bb26 .next-steps { container-type:inline-size; padding-block:32px; margin-block:48px; }
body.bb26 .next-steps > .r-head { font-size:clamp(28px,3vw,40px); margin-block:0 24px; }
body.bb26 .next-steps__groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:32px 24px; }
body.bb26 .next-steps__group:only-child { grid-column:1 / -1; }
body.bb26 .next-steps__group h3 { font:700 22px/1.3 var(--bb-font-body); margin:0 0 16px; }
body.bb26 .next-steps__group li { margin:0; padding:0; }
body.bb26 .next-steps__group a { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; min-block-size:48px; padding:12px 0; border-block-end:1px solid var(--bb-line); font:700 16px/1.5 var(--bb-font-body); }
body.bb26 .next-steps .next-steps__primary { background:transparent; color:var(--bb-navy); border:0; border-block-end:1px solid var(--bb-line); padding:12px 0; border-radius:0; }
body.bb26 .next-steps .next-steps__primary:hover { background:transparent; color:var(--bb-blue); }
body.bb26.clinical-report :is(.clinical-answer-handoff,.clinical-product-handoff) { box-sizing:border-box; inline-size:100%; max-inline-size:none; margin:40px 0; padding:32px; background:var(--bb-white); border:1px solid var(--bb-line); }
body.bb26 .clinical-answer-handoff .ssr-spokes > li > a { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:12px; min-block-size:48px; padding:12px 0; align-items:center; }
body.bb26 .clinical-product-handoff ul { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin:16px 0 0; padding:0; list-style:none; }
body.bb26 .clinical-product-handoff a { display:inline-flex; align-items:center; min-block-size:48px; padding-block:12px; }
body.bb26 .family-companion p a { display:inline; padding:0; border:0; background:transparent; color:var(--bb-blue); text-decoration:underline; text-underline-offset:.18em; }
body.bb26 .family-companion > a { display:inline-flex; align-items:center; min-block-size:48px; border-color:var(--bb-line); background:transparent; }
body.bb26 .product-identity > :is(section,nav) { margin-block-start:32px; padding-block-start:24px; border-block-start:1px solid var(--bb-line); }
body.bb26 .evidence-source-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,288px),1fr)); gap:16px; }
body.bb26 .evidence-source-action { box-sizing:border-box; min-block-size:48px; padding:16px; font:400 16px/1.5 var(--bb-font-body); }
body.bb26 .product-qualifications { max-inline-size:65ch; margin-block-start:32px; padding-block-start:20px; border-block-start:1px solid var(--bb-line); font:400 14px/1.6 var(--bb-font-body); }
body:is(.bb26,.bb26-reader)[class] .ssr-footer-nav ul { display:flex; flex-direction:column; gap:0; grid-template-columns:none; }
body:is(.bb26,.bb26-reader)[class] .ssr-footer-nav li { margin:0; padding:0; border:0; }
body:is(.bb26,.bb26-reader)[class] .ssr-footer-nav a { display:flex; inline-size:100%; box-sizing:border-box; min-block-size:48px; padding:12px 0; border:0; font:400 16px/1.5 var(--bb-font-body); }
body:is(.bb26,.bb26-reader)[class] .ssr-footer-nav .label { font:700 15px/1.5 var(--bb-font-body); text-transform:none; letter-spacing:normal; margin-block:0 12px; }
body:is(.bb26,.bb26-reader)[class] .ssr-footer-attribution,
body:is(.bb26,.bb26-reader)[class] .ssr-footer-relationship { font:400 13px/1.6 var(--bb-font-body); }
body.bb26 .home-destination-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin:32px 0 48px; gap:24px; }
body.bb26 .editorial-directory { margin-block:24px; border-block:1px solid var(--bb-line); }
body.bb26 .editorial-directory > summary { padding:16px 0; min-block-size:56px; cursor:pointer; font:700 18px/1.5 var(--bb-font-body); color:var(--bb-navy); }
body.bb26 .editorial-directory > :not(summary) { margin-block:24px; }
body.bb26 .qc15-showcases { display:grid; gap:40px; padding-block:48px; }
body.bb26 .qc15-showcases > section { margin:0; padding:0; max-inline-size:65ch; }
body.bb26 .qc15-showcases h2 { font:italic 32px/1.2 var(--bb-font-display); margin:0 0 20px; }
body.bb26 .qc15-showcases p { font:400 18px/1.62 var(--bb-font-body); margin:0 0 20px; }
body.bb26 a.book-shop-quiet { display:inline; padding:0; border:0; background:transparent; color:var(--bb-blue); font:600 16px/1.5 var(--bb-font-body); text-decoration:underline; }
@media(max-width:760px) {
 body.bb26 .home-destination-grid { grid-template-columns:minmax(0,1fr); }
 body.bb26 .next-steps__groups { grid-template-columns:minmax(0,1fr); }
 body.bb26.clinical-report :is(.clinical-answer-handoff,.clinical-product-handoff) { padding:24px 20px; }
 body.bb26 .clinical-answer-handoff .ssr-spokes > li > a { grid-template-columns:24px minmax(0,1fr); }
 body.bb26 .clinical-answer-handoff .meta { grid-column:2; }
 body:is(.bb26,.bb26-reader) .ssr-footer-nav { gap:32px 24px; }
 body.bb26 .discussion-module { padding:24px 20px; }
}
body.bb26 .shop-module .shop-grid { display:block; }
body.bb26 .shop-card { display:block; max-inline-size:65ch; padding:24px 0; margin:0; border:0; border-block-end:1px solid var(--bb-line); background:transparent; box-shadow:none; }
/* The catalogue is an editorial reference, not a product storefront. */
body.bb26 .product-pdp-list { display:block; }
body.bb26 .product-pdp-list > li { border-radius:0; box-shadow:none; margin-block:24px; border-block-start:1px solid var(--bb-line); }
body.bb26 .product-row-exits { display:flex; flex-wrap:wrap; gap:12px 24px; }
body.bb26 .product-row-exits a { background:transparent; border:0; border-radius:0; color:var(--bb-blue); min-block-size:48px; padding:12px 0; }

/* A quiet, standalone family handoff keeps the same usable target as other exits. */
body.bb26 .family-companion > a.book-shop-quiet { display:inline-flex; align-items:center; min-block-size:48px; padding-block:12px; box-sizing:border-box; }

body:is(.bb26,.bb26-reader)[class] .ssr-footer { margin-block-start:64px; }
@media(max-width:600px) { body:is(.bb26,.bb26-reader)[class] .ssr-footer { margin-block-start:48px; } }

body.bb26 :is(.guide-options,.more-reading) > summary { min-block-size:48px; padding-block:12px; cursor:pointer; color:var(--bb-navy); font:700 18px/1.5 var(--bb-font-body); }
body.bb26 .guide-options { margin-block:32px; }
body.bb26 .guide-options > .r-col { width:100%; margin-inline:0; }

body.bb26 .product-information details > summary { min-block-size:48px; padding-block:12px; box-sizing:border-box; cursor:pointer; }

body.bb26 .product-information[id] { scroll-margin-block-start:96px; }
body.bb26.public-editorial .answer-cluster .answer-grid { display:block; }
body.bb26.public-editorial .answer-cluster .ssr-faq { padding-block:16px; border-block-end:1px solid var(--bb-line); }
body.bb26 .answer-cluster .destination-card { display:grid; grid-template-columns:56px minmax(0,1fr); gap:16px; padding:0; min-block-size:56px; background:transparent; border:0; box-shadow:none; }
body.bb26 .answer-cluster .destination-card__visual { width:56px; height:56px; min-height:0; aspect-ratio:auto; }
body.bb26 .answer-cluster .destination-card__visual img { width:100%; height:100%; object-fit:contain; }
body.bb26 .answer-cluster .destination-card__copy { padding:0; align-self:center; }
body.bb26 .answer-cluster .destination-card__copy strong { font:700 18px/1.4 var(--bb-font-body); }
body.bb26 .answer-cluster .destination-card__cue { display:none; }
body.bb26 .answer-preview > summary { min-block-size:48px; padding-block:12px; cursor:pointer; font:600 16px/1.5 var(--bb-font-body); }

body.bb26 .answer-cluster[hidden], body.bb26 .answer-cluster .ssr-faq[hidden] { display:none !important; }

body:is(.bb26,.bb26-reader)[class] .ssr-footer-nav a { text-decoration:none; text-underline-offset:4px; }
body:is(.bb26,.bb26-reader)[class] .ssr-footer-nav a:hover { text-decoration:underline; }
body:is(.bb26,.bb26-reader)[class] .ssr-footer-nav a:focus-visible { outline:2px solid var(--bb-white); outline-offset:4px; }