@font-face{font-family:FieldSerif;src:url(fonts/bodoni-moda-normal.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:FieldSerif;src:url(fonts/bodoni-moda-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:FieldSans;src:url(fonts/nunito-sans-normal.woff2) format("woff2");font-weight:200 900;font-display:swap}
:root{--ink:#221f1f;--deep:#272e64;--second:#505966;--paper:#ffffff;--white:#ffffff;--line:#cfd9e4;--brass:#6d9bc8;--soft:#edf3f9;--sage:#edf3f9;--rose:#f8f9fb;--serif:FieldSerif,Georgia,'Times New Roman',serif;--sans:FieldSans,Arial,sans-serif;color-scheme:light;scroll-padding-top:90px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--sans);text-rendering:optimizeLegibility}a{color:inherit;text-underline-offset:.18em}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3e6e9f;outline-offset:3px}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,summary{cursor:pointer}button{color:inherit}img,svg,video{max-width:100%}p{margin:.45em 0 1em}h1,h2,h3,h4{overflow-wrap:normal}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1.12;margin:0 0 .4em}h1{font-size:clamp(2.45rem,5.2vw,5.35rem)}h2{font-size:clamp(1.85rem,3.4vw,3.3rem)}h3{font-size:clamp(1.26rem,2vw,1.8rem)}.wrap{width:min(1280px,91vw);margin-inline:auto}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:5px}.notice{background:var(--deep);color:#ffffff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.notice .wrap{display:flex;justify-content:space-between;align-items:center;min-height:29px;gap:12px}.notice a{text-decoration:none;letter-spacing:.08em}.notice b{margin-right:8px;color:#d8e6f3}.mast{background:var(--white);border-bottom:1px solid var(--line)}.mast .wrap{display:flex;align-items:center;gap:26px;min-height:81px}.wordmark{text-decoration:none;font:500 clamp(1.4rem,2.25vw,2.15rem)/1.1 var(--serif);letter-spacing:-.055em;white-space:nowrap}.wordmark small{display:block;font:700 9px/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;margin-top:4px}.main-nav{display:flex;align-items:center;gap:clamp(12px,1.8vw,28px);margin-left:auto}.main-nav a{font-size:14px;text-decoration:none;padding:12px 0;white-space:nowrap;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a[aria-current=page]{border-color:var(--brass)}.find{display:inline-flex;gap:7px;align-items:center;font:700 14px var(--sans);text-decoration:none;padding:10px 0 10px 16px;border-left:1px solid var(--line)}.find svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.menu-toggle{display:none;border:0;background:none;padding:10px 0;font-weight:700}.crumb{font-size:12px;font-weight:700;color:var(--second);margin:18px 0}.crumb a{color:inherit;text-decoration:none}.crumb a:hover{text-decoration:underline}.kicker{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#3e6e9f;margin:0 0 11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--deep);min-height:44px;padding:11px 20px;background:var(--deep);color:white;font:700 15px/1.3 var(--sans);text-decoration:none}.btn.light{background:transparent;color:var(--ink)}.btn:hover{background:#221f1f;color:white}.links{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.muted{color:var(--second)}.a-arrow{text-decoration:none;font-weight:750;font-size:15px}.a-arrow span{color:var(--brass);padding-left:5px}.a-arrow:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:.91fr 1.09fr;align-items:stretch;gap:clamp(22px,4vw,70px);padding:32px 0 28px}.hero .intro{align-self:center;max-width:590px}.hero h1{font-size:clamp(3rem,5vw,5.35rem);line-height:1.05;margin-bottom:21px}.hero .lead{font-size:clamp(1.02rem,1.5vw,1.26rem);max-width:48ch;color:var(--second);line-height:1.52}.hero-frame{margin:0}.hero-frame img{width:100%;height:clamp(300px,31vw,470px);display:block;object-fit:cover;object-position:50% 50%;background:#cfd9e4}.hero-frame figcaption,.image-caption{color:#505966;font-size:12px;margin-top:8px}.homeband{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:14px 0;gap:0}.homeband a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 20px;text-decoration:none;font-weight:700;font-size:15px}.homeband a+a{border-left:1px solid var(--line)}.homeband i,.number{font:italic 18px var(--serif);color:var(--brass)}.homeband em{font-style:normal;color:var(--brass)}.section{padding:42px 0 44px}.section+.section{border-top:1px solid var(--line)}.section-hd{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-hd h2{margin:0}.section-hd p{max-width:45ch;font-size:15px;color:var(--second);margin:.45em 0 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{display:flex;flex-direction:column;padding:21px;border:1px solid var(--line);background:var(--white);min-width:0}.card .pic{height:185px;margin:-21px -21px 17px;display:grid;place-items:center;background:#edf3f9;overflow:hidden}.card .pic img{width:100%;height:100%;object-fit:contain;max-height:100%}.card .pic.cover img{object-fit:cover}.card p{font-size:15px;color:var(--second)}.card .kicker{color:var(--brass)}.card .a-arrow{margin-top:auto;align-self:start}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.dark-block{background:var(--deep);color:#ffffff;padding:40px clamp(18px,3.2vw,48px);margin:8px 0 30px}.dark-block .kicker,.dark-block .a-arrow span{color:#d8e6f3}.dark-block .shelf{display:grid;grid-template-columns:1fr 1.58fr;gap:32px;align-items:center}.dark-block p{color:#ffffff}.dark-block .tile{border-top:1px solid #8192a6;display:block;text-decoration:none;padding:12px 0}.dark-block .tile b{font:500 24px/1.25 var(--serif);display:block;margin:2px 0}.dark-block .tile small{font:700 10px var(--sans);color:#d8e6f3;letter-spacing:.14em;text-transform:uppercase}.dark-block .a-arrow{color:#fff}
.introline{max-width:900px;padding:22px 0 20px}.introline h1{font-size:clamp(2.6rem,5vw,4.7rem);margin:.12em 0 .22em}.introline>p:not(.kicker){max-width:70ch;color:var(--second);font-size:19px}.introline .kicker{margin-bottom:8px}.toolsbar{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:15px 0 22px}.filter-btn{min-height:42px;border:1px solid #cfd9e4;background:#ffffff;border-radius:30px;padding:8px 16px;font-size:14px;font-weight:750}.filter-btn[aria-pressed=true]{color:white;background:var(--deep);border-color:var(--deep)}.searchbox{width:min(100%,720px);display:flex;gap:9px;align-items:center;background:white;border:1px solid #8192a6;padding:6px 14px;margin:13px 0 6px}.searchbox input{min-width:0;flex:1;border:none;outline:0;padding:8px 3px;background:transparent;color:var(--ink)}.searchbox:focus-within{outline:2px solid var(--brass)}.search-icon{font-size:21px}.listing-count{font-size:14px;color:var(--second);margin-bottom:12px}.listing{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 22px}.listing li{border-top:1px solid var(--line);min-width:0}.listing a{display:block;padding:12px 6px 13px 0;text-decoration:none}.listing b{font:500 21px/1.25 var(--serif);display:block;margin-bottom:3px}.listing p{font-size:14px;color:var(--second);margin:5px 0}.listing small{font-size:10px;letter-spacing:.11em;font-weight:800;text-transform:uppercase;color:#3e6e9f}.finder{margin:10px 0 30px;padding:20px 22px;background:#edf3f9;border:1px solid var(--line)}.finder h2{font-size:clamp(1.6rem,2.8vw,2.5rem)}.finder .listing{max-height:44rem;overflow-y:auto;padding-right:8px;overscroll-behavior:contain}.finder .listing li{border-color:#cfd9e4}.journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.42fr);gap:clamp(20px,4vw,60px);margin:12px 0 32px}.aside-card{align-self:start;border:1px solid var(--line);background:var(--white);padding:18px}.aside-card img{display:block;width:100%;max-height:310px;object-fit:contain}.aside-card h3{margin:.6em 0}.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:12px}.step{display:grid;grid-template-columns:70px 1fr;gap:15px;align-items:start;border-top:1px solid var(--line);padding:16px 0;min-width:0}.step img{display:block;width:70px;height:84px;object-fit:contain;background:#edf3f9}.step .date{font:500 clamp(1.5rem,3vw,2.6rem)/1 var(--serif);color:#3e6e9f}.step .kicker{margin-bottom:6px}.step p{margin:.3em 0 .75em}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.timeline article{min-width:0;border-top:2px solid #6d9bc8;padding-top:16px}.timeline img{width:100%;height:200px;object-fit:contain;background:#edf3f9}.timeline .scene{object-fit:cover}.timeline time{display:block;font:italic 28px/1.2 var(--serif);color:#3e6e9f;margin:10px 0}.timeline p{font-size:15px}.metricgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,195px),1fr));gap:12px;margin:15px 0}.metric{background:#edf3f9;padding:16px;min-width:0;border-left:2px solid #6d9bc8}.metric b{font:500 clamp(1.45rem,2.5vw,2.1rem)/1.12 var(--serif);display:block;margin:4px 0 9px}.metric p{font-size:14px;margin:0;color:var(--second)}.study-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:16px;padding:20px;border:1px solid var(--line);background:var(--white);align-items:start}.study-row img{width:100%;height:140px;object-fit:contain}.study-row .subject{font-weight:800}.study-row p{font-size:15px}.study-row .kicker{margin-bottom:9px}.study-list{display:grid;gap:14px;margin:0 0 22px}.study-row .links a{font-size:14px}.full-top{margin:18px 0 0;padding:16px;border-block:1px solid var(--line);font-size:14px;color:var(--second)}.full-top strong{color:var(--ink)}
.original{max-width:920px;margin:24px auto 46px;font-size:17px;overflow-wrap:break-word}.original.wide{max-width:1120px}.original>*{max-width:100%}.original nav,.original aside{max-width:100%}.original .ssr-crumbs{display:none}.original .r-hero,.original .family-hero,.original article>header,.original .page-header{margin:15px 0 22px}.original .r-display,.original h1{max-width:29ch;font-size:clamp(2.2rem,4.3vw,4rem)}.original header p,.original .r-intro{max-width:72ch}.original section{margin-block:21px}.original .r-section,.original .product-information,.original section.page,.original .report-card,.original .family-section,.original .pdf-card,.original .panel{padding:18px clamp(10px,2vw,26px);border:1px solid var(--line);background:var(--white)}.original section section{padding:0;border:0}.original h2{font-size:clamp(1.65rem,2.75vw,2.5rem);margin-top:.4em}.original h3{font-size:clamp(1.2rem,2vw,1.65rem);margin-top:.6em}.original h4{margin:12px 0 5px}.original ol,.original ul{padding-left:1.35em}.original li{margin-bottom:.36em}.original .r-eyebrow,.original .eyebrow,.original .kicker,.original .r-kicker,.original .meta-label{font:800 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#3e6e9f}.original hr{border:0;border-top:1px solid var(--line);margin:20px 0}.original .page-contents{padding:10px 16px;border-left:2px solid var(--brass);background:#edf3f9}.original .page-contents a,.original .study-ribbon a,.original .clinical-actions a{display:inline-block;margin:3px 8px 3px 0;font-size:14px}.original .page-contents ul{display:flex;gap:5px 12px;flex-wrap:wrap;list-style:none;padding:0}.original img:not([class*=avatar]){display:block;max-width:100%;height:auto;object-fit:contain}.original figure{margin:18px 0}.original figure img{display:block;max-height:650px;max-width:100%;margin:0 auto}.original figcaption{color:var(--second);font-size:14px;margin:8px 0 16px}.original .author-byline img,.original [class*="byline"] img,.original img[width="44"]{width:36px;height:36px;border-radius:50%;display:inline-block;vertical-align:middle}.original .hero-product img,.original .product-identity figure img,.original .identity-photo img,.original .product-photo img{max-height:350px;width:auto}.original .feature-grid,.original .product-grid,.original .proof-grid,.original .results-grid,.original .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px}.original .stat,.original .proof-card,.original .result-card,.original .result-item{padding:13px;border:1px solid var(--line);min-width:0}.original .stat-value,.original .number,.original .metric-value{display:block;font:500 28px var(--serif);color:#3e6e9f}.original .tablewrap{max-width:100%;overflow:auto;margin:12px 0;border:1px solid var(--line);border-radius:3px}.original table{border-collapse:collapse;width:100%;font-size:15px}.original th,.original td{text-align:left;padding:10px;border-bottom:1px solid var(--line);min-width:72px;vertical-align:top}.original th{background:#edf3f9}.original details,.full{margin:10px 0;padding:9px 13px;border:1px solid var(--line);background:var(--white)}.original details>summary,.full>summary{font-weight:750;min-height:40px;padding:7px 2px}.original details[open]>summary{border-bottom:1px solid var(--line);margin-bottom:10px}.original .next-steps{padding:20px 0;border-top:1px solid var(--line)}.original select,.original input,.original button{border:1px solid #8192a6;background:#fff;padding:8px;max-width:100%;margin:3px;font-size:15px}.original .visual-scroll,.original .article-proof__scroll,.original .answer-comparison__scroll,.original .table-scroll{overflow:auto;max-width:100%}.original .visual-scroll img{width:100%;min-width:0}.original .source-visual,.original img[src*=".svg"]{max-width:100%}.original [hidden]{display:none!important}.original .product-information__media,.original .answer-index-thumb,.original .product-thumbnail{max-width:180px}.original .link-card,.original .guide-card,.original .evidence-card{max-width:100%;display:block}.original .link-card img,.original .guide-card img{max-height:210px}.original .sr-only,.original .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.original .r-actions,.original .evidence-source-actions,.original .product-information-actions,.original .clinical-product-handoff{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.original .r-actions a,.original .evidence-source-actions a{font-weight:700}.original details :last-child{margin-bottom:0}.original .result-list img,.original .product-result img,.original .answer-card img{max-height:160px}.folio-foot{background:var(--deep);color:#edf3f9;padding:35px 0;margin-top:35px}.folio-foot .wrap{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:18px}.folio-foot b{font:500 24px var(--serif)}.folio-foot p{max-width:53ch;font-size:14px;color:#f8f9fb;margin:6px 0}.folio-foot nav{display:flex;flex-wrap:wrap;gap:14px}.folio-foot a{font-size:14px;text-decoration:none;border-bottom:1px solid #8192a6}.foot-compare{display:block;font-size:12px;color:var(--second);margin:20px 0}
@media(min-width:1550px){.wrap{width:1280px}}@media(max-width:930px){.mast .wrap{gap:14px;min-height:65px}.main-nav{gap:11px}.main-nav a{font-size:13px}.hero{gap:20px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.card .pic{height:155px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.notice .wrap{min-height:25px;font-size:9px}.mast .wrap{position:relative;flex-wrap:wrap;gap:12px;min-height:61px}.wordmark{font-size:1.48rem}.wordmark small{font-size:8px}.menu-toggle{display:inline-block;margin-left:auto}.main-nav{display:none;order:5;flex:1 0 100%;margin:0 0 8px;gap:0;border-top:1px solid var(--line)}.main-nav.open{display:grid;grid-template-columns:repeat(2,1fr)}.main-nav a{padding:10px 4px;font-size:15px}.find{font-size:13px;padding-left:10px}.hero{padding:24px 0 15px;grid-template-columns:1fr;gap:18px}.hero h1{font-size:clamp(2.75rem,9vw,4.2rem);margin-bottom:13px;max-width:17ch}.hero .lead{font-size:17px;line-height:1.48}.hero-frame img{height:clamp(210px,45vw,310px)}.homeband a{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px;font-size:13px;padding:8px 3px;text-align:center}.homeband i{font-size:13px}.homeband em{display:none}.homeband{padding:6px 0}.section{padding:30px 0}.section-hd{align-items:start;display:block}.section-hd .a-arrow{display:inline-block;margin-top:6px}.grid,.timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid.two{gap:12px}.card{padding:14px}.card .pic{margin:-14px -14px 12px;height:150px}.journey,.dark-block .shelf{grid-template-columns:1fr;gap:15px}.introline{padding:15px 0}.introline h1{font-size:clamp(2.45rem,7.8vw,3.5rem)}.introline>p:not(.kicker){font-size:17px}.crumb{margin:12px 0}.finder{padding:14px}.study-row{grid-template-columns:1fr 75px;padding:14px;gap:10px}.study-row img{height:90px}.original{font-size:16px;margin:16px 0 26px}.original .page-contents{padding:8px 12px}.timeline img{height:155px}.folio-foot{margin-top:20px}}
@media(max-width:520px){.grid,.grid.two,.timeline{grid-template-columns:1fr}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four .card{padding:11px}.grid.four .card .pic{margin:-11px -11px 9px;height:120px}.grid.four h3{font-size:1.22rem}.grid.four .card p{font-size:14px}.card .pic{height:180px}.listing{grid-template-columns:1fr}.listing b{font-size:19px}.hero-frame figcaption{font-size:11px}.timeline img{height:190px}.step{grid-template-columns:52px 1fr;gap:10px}.step img{width:52px;height:68px}.metricgrid{grid-template-columns:1fr}.study-row{grid-template-columns:1fr}.study-row>img{order:-1;max-width:90px}.aside-card img{max-height:210px}.btn{font-size:14px;padding:10px 14px}.original section{margin-block:15px}.original .r-section{padding:14px 11px}.footer-links{font-size:13px}}
@media print{.notice,.mast,.foot-compare,.folio-foot,.toolsbar,.skip,.filter-btn{display:none}.original,.wrap,.card{max-width:100%;width:100%}.full:not([open])> :not(summary){display:block}body{background:white;color:#221f1f}}
[hidden]{display:none!important}.ext::after{content:" ↗";font-size:.72em;vertical-align:text-top}.notice a.ext::after{content:none}.full>summary{font-size:16px}.filter-btn{text-decoration:none}.original picture{display:block}.original :where(a,td,th,li){overflow-wrap:anywhere}.original .ssr-footer{display:none}
.original .brand-lockup img,.original .brand img{max-width:125px;max-height:38px;object-fit:contain}.original .page-title{font:500 clamp(1.7rem,2.7vw,2.6rem)/1.17 var(--serif)}.original .header-kicker{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.hero-frame figcaption .a-arrow{font-size:12px}.original .destination-card img{max-width:100px;max-height:100px}.original .product-browse-controls{display:flex;flex-wrap:wrap;gap:6px}.original .product-browse-controls label{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.original .product-browse-controls label select{margin-left:0}
@media(max-width:520px){.mast .wrap{gap:9px}.wordmark{font-size:clamp(17px,5.2vw,23px)}.find{font-size:0;padding:8px 0 8px 8px}.find svg{width:20px;height:20px}.menu-toggle{font-size:14px}.main-nav.open{margin:0 0 8px}.hero-frame img{object-position:center center}}
.formula-bridge{display:grid;grid-template-columns:minmax(115px,210px) 1fr;align-items:center;gap:24px;background:var(--sage);padding:22px;margin:12px 0 26px}.formula-bridge img{width:100%;max-height:210px;object-fit:contain}.formula-bridge h2{font-size:clamp(1.6rem,2.5vw,2.45rem)}.folio-foot nav{max-width:670px}.study-jumps{margin:0 0 5px}.report-result{scroll-margin-block-start:18px}.finder .more[hidden]{display:none}
@media(max-width:520px){.hero-frame figcaption{font-size:12px}.homeband{grid-template-columns:1fr}.homeband a{display:grid;grid-template-columns:25px 1fr auto;justify-content:start;text-align:left;gap:9px;min-height:39px;padding:5px 2px}.homeband a+a{border-left:0;border-top:1px solid var(--line)}.homeband em{display:block}.formula-bridge{grid-template-columns:74px 1fr;padding:12px;gap:12px}.report-result{padding-top:22px}.study-jumps .btn{min-height:40px}.folio-foot nav{gap:8px 15px}}
.original .source-grid>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .55rem;padding:.35rem 0}.original .source-grid>div>span{font-size:14px;color:var(--second)}.original .source-links{display:flex;flex-wrap:wrap;gap:.55rem 1rem}.study-jumps{margin-bottom:12px}

/* S06 shared navigation: a visible link fallback, enhanced to the existing disclosure. */
.mast .menu-toggle:focus-visible,.mast .main-nav a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(max-width:760px){
 .mast .menu-toggle{display:none}
 .mast .main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .navigation-ready .mast .menu-toggle{display:inline-block}
 .navigation-ready .mast .main-nav:not(.open){display:none}
 .navigation-ready .mast .main-nav.open{display:grid}
}

/* Reference titles and their source domains remain one distinct mobile tap target. */
.original .evidence-source-actions:has(.evidence-source-list){display:block}
.original .evidence-source-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.45rem .65rem;align-items:stretch}
.original .evidence-source-list>a{display:flex;min-width:0;min-height:44px;padding:.65rem .8rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.18rem;border:1px solid #cfd9e4;border-radius:4px;background:#ffffff;color:#221f1f;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}
.original .evidence-source-list>a strong{text-decoration:underline;text-underline-offset:.15em}
.original .evidence-source-list>a small{font:400 .82rem/1.35 var(--sans,Arial,sans-serif);color:#505966}
.original .evidence-source-list>a.ext::after{content:none}
.original .evidence-source-list>a:focus-visible{outline:3px solid #3e6e9f;outline-offset:1px}
@media(max-width:600px){.original .evidence-source-list{grid-template-columns:1fr}}

/* Keep the section label on its own line above the original article jump links. */
.original nav.page-contents > strong:first-child{display:block;margin:0 0 .45rem}
.original nav.page-contents > a{vertical-align:top}
.original nav.page-contents > a:focus-visible{outline:3px solid #3e6e9f;outline-offset:2px}

/* Keep heading words intact; authored spaces, slashes and hyphens provide line breaks. */
main :where(h1,h2,h3,h4),main :where(h1,h2,h3,h4) a,.original :where(h1,h2,h3,h4) a{overflow-wrap:normal;word-break:normal;hyphens:none}
.original.collection-directory{max-width:1120px}
.collection-directory .evidence-filters{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem;padding:1rem;background:var(--soft);margin:1.2rem 0}
.collection-directory .evidence-filters label{display:grid;gap:.3rem;flex:1 1 18rem;font-weight:700}
.collection-directory .evidence-filters input{width:100%;margin:0;min-height:46px}
.collection-directory .evidence-filters select{width:100%;margin:0;min-height:46px}
.original.evidence-directory .evidence-index-group{padding:1.2rem 0;border-top:1px solid var(--line)}
.original.evidence-directory .evidence-index-group>header p{max-width:65ch;font-size:.95rem;color:var(--second)}
.original.evidence-directory .ssr-spokes .t{font-size:clamp(1.15rem,2vw,1.55rem)}
.original.evidence-directory .ssr-spokes>li>a{padding:1rem 0}
.collection-directory .evidence-filters button{min-height:46px;margin:0}
.collection-directory .evidence-filters [role=status]{flex-basis:100%;margin:0;font-size:.85rem;color:var(--second)}
.original .collection-start{background:var(--soft);border:0}
.original .collection-start .answer-start{margin:.6rem 0}
.original .collection-start ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1.4rem}
.original .answer-filters[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.5rem}
.original .answer-filters>summary{grid-column:1/-1}
.original .answer-filters nav ul{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:.5rem 0}
.original .answer-filters nav li{margin:0}
.original .answer-filters nav a{display:block;min-height:44px;padding:.6rem .75rem;background:var(--soft);font-size:.88rem;line-height:1.4;text-decoration:none}
.original .answer-filters nav a[aria-current]{background:var(--deep);color:white}
.original .answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.original .answer-grid .ssr-faq{min-width:0;border:1px solid var(--line);padding:.8rem}
.original .answer-grid .ssr-faq h3{margin:0}
.original .answer-grid .destination-card{box-shadow:none;border:0;border-radius:0;padding:0;min-height:80px}
.original .answer-grid .destination-card__visual{flex-basis:70px;max-width:70px;max-height:80px}
.original .answer-grid .destination-card img{max-height:80px}
.original .answer-grid .answer-preview{border:0;border-top:1px solid var(--line);padding:.5rem 0 0;margin:.6rem 0 0}
.original.collection-directory .answer-cluster{padding:1.2rem 0;border:0;border-top:1px solid var(--line)}
.original.collection-directory .answer-grid a.destination-card{background:white;border:0;box-shadow:none;padding:0}
.original.collection-directory .answer-grid .destination-card__copy strong{font:500 1.2rem/1.2 var(--serif)}
.original.collection-directory .editorial-directory{padding:0;border:0}
.original.collection-directory .editorial-directory>summary{font-size:.9rem}
.original .article-card-context{display:flex;flex-wrap:wrap;gap:.35rem .65rem;font-size:.78rem;color:var(--second)}
.original .learn-local-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;padding:.6rem 0}
.original .learn-local-tools a{min-height:44px;display:inline-flex;align-items:center;font-weight:700}
.original .learn-local-tools:not(:has(a)){display:none}
@media(max-width:600px){
 .original .answer-grid,.original .answer-filters[open],.original .collection-start ul{grid-template-columns:1fr}
 .original .answer-grid .ssr-faq{padding:.65rem}
}
main :where(.next-steps,.r-actions,.evidence-source-actions)>*{min-width:0;max-width:100%}

/* The homepage's deeper product teaching uses the same compact visual hierarchy as its lead. */
.original .home-why__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.original .home-why__module{min-width:0;margin:0;padding:1.2rem;border:1px solid var(--line)}
.original .home-why__module--wide{grid-column:1/-1}
.original .home-why__media{width:min(100%,16rem);margin:1rem auto}
.original .home-why__media--set{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem}
.original .home-why__media--set picture{flex:1 1 0;min-width:0}
.original .home-why__media img{width:100%;max-height:190px;object-fit:contain}
.original .home-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.original .home-proof-card{padding:1rem;border:1px solid var(--line);min-width:0}
.original .home-proof-card__media{width:6rem;margin:.5rem auto}
.original .home-proof-card__media img{width:100%;max-height:120px;object-fit:contain}
.original .home-proof-value{font:500 2rem/1.1 var(--serif);color:var(--deep)}
.original .home-why__story{padding:1.5rem;background:var(--soft);margin:1.5rem 0}
.original .home-goal-grid,.original .home-conversation__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0;list-style:none}
.original .home-goal-card,.original .home-conversation__card{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.4rem .85rem;padding:1rem;border:1px solid var(--line);text-decoration:none;align-content:start}
.original .home-goal-card>*:not(.home-goal-card__media),.original .home-conversation__card>*:not(.home-conversation__media){grid-column:2;min-width:0}
.original .home-goal-card__media,.original .home-conversation__media{grid-column:1;grid-row:1/5;width:4.5rem;height:5rem}
.original .home-goal-card__media img,.original .home-conversation__media img{width:100%;height:5rem;object-fit:contain}
.original .home-goal-card__body,.original .home-conversation__topic{font-size:.9rem;line-height:1.45;color:var(--second)}
.original .home-goal-card__action{font-size:.85rem;text-decoration:underline;font-weight:700}
.original .home-goal-card strong,.original .home-conversation__card strong{font:500 1.35rem/1.2 var(--serif)}
.original .sustain-feature{padding:1.5rem;background:var(--soft)}
.original .sustain-feature ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:1rem}
.original .sustain-feature strong{display:block;font:500 2rem/1.15 var(--serif);color:var(--deep)}
.original .reports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.original .reports>article{min-width:0;padding:1.2rem;border:1px solid var(--line)}
.original .reports>article.wide{grid-column:1/-1}
.original .reports .clinical-card-media{display:block;width:100%;height:130px;max-height:130px;object-fit:contain;margin:0 auto 1rem}
.original .reports h3{font-size:1.45rem;line-height:1.2}
.original .reports .card-kicker{font-size:.8rem;color:var(--second)}
.original .reports .links{gap:.7rem}
@media(max-width:700px){
 .original .home-why__grid,.original .home-proof-grid,.original .home-goal-grid,.original .home-conversation__list,.original .sustain-feature ul,.original .reports{grid-template-columns:1fr}
 .original .home-why__module{padding:1rem}
}

/* Clinical findings retain their table semantics and explicit result labels on phones. */
@media(min-width:601px){
 .original .article-proof__table th:nth-child(2),.original .article-proof__table td:nth-child(2){min-width:8rem}
 .original .article-proof__table th:nth-child(3),.original .article-proof__table td:nth-child(3){min-width:9rem}
}
@media(max-width:600px){
 .original .article-proof__scroll,.original .article-proof .tablewrap{overflow:visible;border:0}
 .original table.article-proof__table{display:block;min-width:0;font-size:1rem;line-height:1.5}
 .original .article-proof__table caption{display:block;text-align:left;padding:.6rem 0;font-weight:700}
 .original .article-proof__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .original .article-proof__table tbody{display:block}
 .original .article-proof__table tr{display:block;margin:.6rem 0;border:1px solid var(--line)}
 .original .article-proof__table th,.original .article-proof__table td{display:block;width:auto;min-width:0;padding:.7rem .8rem}
 .original .article-proof__table td::before{content:attr(data-label);display:block;font-size:.78rem;font-weight:700;color:var(--second);margin-bottom:.2rem}
 .original .article-proof__table td:last-child{border-bottom:0}
 .original .article-proof__study>summary{display:flex;flex-wrap:wrap;gap:.4rem}
 .original .article-proof__count{font-size:.8rem;color:var(--second)}
}

/* BEGIN private narrative comparison rows: original table/column/row semantics retained. */
@media screen and (max-width:767px){
 .original .answer-comparison:not(.answer-comparison--stacked) .answer-comparison__scroll,
 .original .answer-comparison:not(.answer-comparison--stacked) .tablewrap{overflow:visible}
 .original .answer-comparison:not(.answer-comparison--stacked) table.sg-evidence-table:not(.article-proof__table){display:block;width:100%;min-width:0;font-size:1rem;line-height:1.55}
 .original .answer-comparison:not(.answer-comparison--stacked) table.sg-evidence-table:not(.article-proof__table) caption{display:block;padding:.8rem;text-align:left}
 .original .answer-comparison:not(.answer-comparison--stacked) table.sg-evidence-table:not(.article-proof__table) thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .original .answer-comparison:not(.answer-comparison--stacked) table.sg-evidence-table:not(.article-proof__table) tbody{display:block}
 .original .answer-comparison:not(.answer-comparison--stacked) table.sg-evidence-table:not(.article-proof__table) tbody tr{display:block;margin:.8rem 0;padding:0;border:1px solid var(--line);border-radius:.35rem}
 .original .answer-comparison:not(.answer-comparison--stacked) table.sg-evidence-table:not(.article-proof__table) tbody th,
 .original .answer-comparison:not(.answer-comparison--stacked) table.sg-evidence-table:not(.article-proof__table) tbody td{display:block;width:auto;min-width:0;padding:.75rem .9rem;text-align:left}
 .original .answer-comparison:not(.answer-comparison--stacked) table.sg-evidence-table:not(.article-proof__table) tbody th{font-size:1.08rem;background:var(--sage);border-radius:.3rem .3rem 0 0}
 .original .answer-comparison:not(.answer-comparison--stacked) table.sg-evidence-table:not(.article-proof__table) tbody td:last-child{border-bottom:0}
 .original .answer-comparison:not(.answer-comparison--stacked) table.sg-evidence-table:not(.article-proof__table) tbody td::before{content:attr(data-label);display:block;margin-bottom:.3rem;font-size:.79rem;font-weight:800;color:var(--second)}
}
/* END private narrative comparison rows. */

/* Private editorial layout */
/* Private reader layout: photographs, pack shots and reading space have distinct roles.
   Append after edition.css. No text, source documents, disclosure state or focal point is removed. */

/* A shorter editorial opening, with the complete caldera photograph rather than a crop. */
main > .hero {
  grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr);
  align-items: center;
  gap: clamp(1.5rem,3.4vw,3.25rem);
  padding-block: clamp(1.4rem,2.8vw,2.35rem);
}
main > .hero .intro { max-width: 40rem; }
main > .hero h1 {
  font-size: clamp(2.55rem,4.1vw,3.8rem);
  line-height: 1.05;
  max-width: 19ch;
  margin-bottom: .9rem;
}
main > .hero .lead { font-size: clamp(1.05rem,1.35vw,1.16rem); line-height: 1.5; }
main > .hero .founder-expedition,
main > .hero .founder-expansion { font-size: 1rem; line-height: 1.5; margin-block: .8rem; }
main > .hero .links { margin-top: 1rem; }
main > .hero .hero-frame { width: 100%; max-width: 34rem; margin: 0 auto; }
main > .hero .hero-frame img {
  display: block;
  width: 100%; height: auto; max-height: 25rem;
  object-fit: contain;
  background: transparent;
}
main > .hero .hero-frame figcaption {
  margin-top: .45rem; font-size: .78rem; line-height: 1.4;
}
main > .hero .hero-frame figcaption .a-arrow { font-size: inherit; }

/* Let section rhythm frame the content instead of adding another large blank band. */
main > .section { padding-block: clamp(1.5rem,2.5vw,2.15rem); }
.section-hd { margin-bottom: .9rem; }
.introline { max-width: 58rem; padding-block: 1rem; }
.introline h1 { font-size: clamp(2.2rem,4.1vw,3.65rem); line-height: 1.08; }
.introline > p:not(.kicker) { line-height: 1.5; }
.original { margin-block: 1.2rem 2rem; }
.original .r-display, .original h1 { font-size: clamp(2rem,3.5vw,3.1rem); line-height: 1.1; }
.original h2 { font-size: clamp(1.55rem,2.5vw,2.2rem); line-height: 1.17; }
.original .r-section, .original .family-section { padding: 1rem clamp(.8rem,1.6vw,1.4rem); }
.original figure { margin-block: 1rem; }
.original figcaption { line-height: 1.45; margin-block: .45rem .8rem; }
.original .family-section > :last-child,
.original .r-section > :last-child { margin-bottom: 0; }

/* Card art has a definite image well. Grid intrinsic sizing previously let square
   images outgrow their short wells and crop the pack inside overflow:hidden. */
.card .pic {
  display: flex; align-items: center; justify-content: center;
  flex: 0 0 auto; min-height: 0; height: 10.5rem;
}
.card .pic img {
  display: block; flex: 0 1 auto; min-height: 0;
  width: 100%; height: 100%; max-height: 100%; object-fit: contain;
}
.card .pic.cover img { object-fit: cover; }
.card { padding: 1.15rem; }
.card .pic { margin: -1.15rem -1.15rem .9rem; }
.card p { margin-bottom: .8rem; }

/* Full ingredient/product cutouts remain uncropped. Category photography is a
   product illustration, not a full-width photographic essay. Diagram boards are excluded. */
.original .family-visual--photography:not(.is-phone-board) {
  width: min(100%,16rem); margin: 1rem auto 1.2rem;
}
.original .family-visual--photography:not(.is-phone-board) img {
  width: 100%; height: auto; max-height: none; object-fit: contain;
}
.original .product-identity-photo { max-width: 17rem; margin-inline: auto; }
.original .product-identity-photo img { max-width: 100%; width: 100%; height: auto; max-height: none; }
.original .hero-image { max-width: 17rem; margin-inline: auto; }
.original .hero-image img { width: 100%; height: auto; max-height: none; object-fit: contain; }
.aside-card img { max-height: 15rem; }

/* Portraits retain the complete face and their natural proportions. The explicit
   phone-board exclusion protects technical diagrams which share a photograph class. */
.original .r-inline-visual.is-photograph:not(.is-phone-board) {
  width: min(100%,28rem); margin-inline: auto;
}
.original .r-inline-visual.is-photograph:not(.is-phone-board) img {
  width: 100%; height: auto; max-height: none; object-fit: contain;
}
.original .r-inline-visual.is-photograph:not(.is-phone-board) figcaption { max-width: 55ch; }
.formula-bridge { gap: 1.15rem; padding: 1rem; margin-block: .8rem 1.25rem; }
.formula-bridge img { max-height: 10rem; }

/* Existing 84px ingredient-photo frames, source pages, charts and native
   details/summary controls deliberately keep their owning layout. */
@media (max-width: 760px) {
  main > .hero { grid-template-columns: 1fr; gap: 1rem; padding-block: 1.25rem; }
  main > .hero .intro { max-width: none; }
  main > .hero h1 { font-size: clamp(2rem,8.6vw,2.8rem); max-width: 21ch; margin-bottom: .8rem; }
  main > .hero .lead,
  main > .hero .founder-expedition,
  main > .hero .founder-expansion { font-size: 1rem; line-height: 1.5; margin-block: .75rem; }
  main > .hero .hero-frame { max-width: 30rem; }
  main > .hero .hero-frame img { max-height: none; }
  main > .hero .links { gap: .6rem; margin-top: .9rem; }
  main > .hero .hero-frame figcaption { font-size: .76rem; }
  .introline h1 { font-size: clamp(2rem,7.5vw,2.7rem); }
  .original .r-display, .original h1 { font-size: clamp(1.85rem,6.9vw,2.5rem); }
  .original .r-section, .original .family-section { padding: .9rem .75rem; }
  .original .family-visual--photography:not(.is-phone-board) { width: min(100%,13rem); }
  .original .product-identity-photo, .original .hero-image { max-width: 14rem; }
  .original .r-inline-visual.is-photograph:not(.is-phone-board) { width: min(100%,17rem); }
  .formula-bridge { gap: .75rem; padding: .8rem; }
  .formula-bridge img { max-height: 7rem; }
  .card .pic { height: 9rem; }
}
@media (max-width: 520px) {
  main > .hero .hero-frame { max-width: 25rem; }
  .card { padding: .9rem; }
  .card .pic { margin: -.9rem -.9rem .75rem; height: 9.5rem; }
  .grid.four .card .pic { height: 7.5rem; }
  .grid.four .card { padding: .7rem; }
  .grid.four .card .pic { margin: -.7rem -.7rem .65rem; }
  .section-hd { margin-bottom: .8rem; }
}
@media print {
  main > .hero { display: block; }
  main > .hero .hero-frame { max-width: 28rem; margin-block: 1rem; }
}

/* Guide directories need genuine thumbnails, including filtered projections. */
.article-spokes > li > a:has(.article-thumb) {
  display: flow-root; min-block-size: 5.8rem; padding-block: .65rem;
}
.article-thumb {
  display: block; float: right; inline-size: 5rem; block-size: 5rem;
  margin: .1rem 0 .6rem 1rem; overflow: hidden;
}
.article-thumb img, .original .article-thumb img {
  display: block; inline-size: 100%; block-size: 100%;
  max-inline-size: 100%; max-block-size: 100%; object-fit: contain;
}

/* Retained article art has its own intentional frame: specimen/cutout, square
   pack/portrait and landscape scene. Long technical boards use their own controls. */
.original .r-art-surface { display: block; }
.original .r-art--contain:not(.is-phone-board):not(:has(.reader-full-board)) {
  width: min(100%,22rem); margin-inline: auto;
}
.original .r-art--cover:not(.is-phone-board):not(:has(.reader-full-board)) {
  width: min(100%,36rem); margin-inline: auto;
}
.original .r-art--cover:not(:has(.reader-full-board)):has(img[width="960"][height="960"]),
.original .r-art--cover:not(:has(.reader-full-board)):has(img[width="1200"][height="1200"]),
.original .r-art--cover:not(:has(.reader-full-board)):has(img[width="1600"][height="1600"]),
.original .r-art--cover:not(:has(.reader-full-board)):has(img[width="2000"][height="2000"]) {
  width: min(100%,20rem);
}
.original .r-art:not(.is-phone-board):not(:has(.reader-full-board)) img {
  display: block; width: 100%; height: auto; max-height: none; object-fit: contain;
}
@media(max-width:760px) {
  .original .r-art--contain:not(.is-phone-board):not(:has(.reader-full-board)) { width: min(100%,17rem); }
  .original .r-art--cover:not(.is-phone-board):not(:has(.reader-full-board)) { width: min(100%,24rem); }
  .original .r-art--cover:not(:has(.reader-full-board)):has(img[width="960"][height="960"]),
  .original .r-art--cover:not(:has(.reader-full-board)):has(img[width="1200"][height="1200"]),
  .original .r-art--cover:not(:has(.reader-full-board)):has(img[width="1600"][height="1600"]),
  .original .r-art--cover:not(:has(.reader-full-board)):has(img[width="2000"][height="2000"]) { width: min(100%,16rem); }
}
/* On a phone the expedition photo supports the story rather than becoming
   another full-width hero. Preserve the complete face and volcanic landscape. */
@media(max-width:520px) {
  main > .hero { gap: .75rem; }
  main > .hero .hero-frame { max-width: 17rem; margin-inline: auto; }
  main > .hero .hero-frame img { width: 100%; height: auto; max-height: none; }
  main > .hero .hero-frame figcaption { margin-top: .35rem; line-height: 1.4; }
}
/* Directory destinations keep the product illustration and action distinct.
   This also avoids “Product BasicsExplore” appearing as one cramped heading. */
.original a.destination-card {
  display: flex; align-items: center; gap: .9rem;
  padding: .65rem .75rem; text-decoration: none;
}
.original .destination-card__visual {
  display: block; flex: 0 0 4.5rem; width: 4.5rem; height: 4.5rem;
}
.original .destination-card__visual img {
  width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain;
}
.original .destination-card__copy { display: grid; gap: .3rem; min-width: 0; }
.original .destination-card__copy strong { line-height: 1.2; }
.original .destination-card__cue { display: block; font: 700 .85rem/1.4 var(--sans); text-decoration: underline; }
.article-spokes > li > a:has(.article-thumb) { text-decoration: none; }
.article-spokes .t { text-decoration: underline; text-underline-offset: .16em; }
.article-spokes .meta { display: block; font-size: .83rem; margin-top: .25rem; color: var(--second); }

/* Report choices are thumbnail-and-metadata rows, never full-page cover art. */
.original .download-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.original .download-card {
  display: grid; grid-template-columns: 7rem minmax(0,1fr); align-items: start;
  gap: 1.2rem; padding: 1rem; border: 1px solid var(--line); background: var(--white);
}
.original .download-card > img {
  display: block; width: 7rem; height: 9rem; max-width: 100%; max-height: 9rem;
  object-fit: contain; margin: 0;
}
.original .download-card .card-body { min-width: 0; }
.original .download-card h2 { font-size: clamp(1.2rem,1.8vw,1.5rem); margin-top: 0; }
.original .download-card p { font-size: .94rem; line-height: 1.5; }
.original .download-card .package { font-size: .76rem; margin-top: 0; }
.original .download-card .result { display: flex; align-items: baseline; flex-wrap: wrap; gap: .25rem .5rem; }
.original .download-card .links { gap: .5rem 1rem; }

/* Finished-product clinical heroes have a compact, complete pack illustration. */
.original .clinical-source-hero {
  display: grid; grid-template-columns: minmax(0,1fr) 14rem;
  align-items: center; gap: 1.5rem;
}
.original .clinical-source-hero > img {
  display: block; width: 14rem; height: auto; max-height: none; object-fit: contain;
}

/* These square r-col figures are the admitted bare pack/set compositions.
   The square source attributes distinguish them from charts and landscape photographs. */
.original figure.r-col:has(img[width="1200"][height="1200"]),
.original figure.r-col:has(img[width="1920"][height="1920"]),
.original figure.r-col:has(img[width="2000"][height="2000"]) {
  width: min(100%,18rem); margin-inline: auto;
}
.original figure.r-col:has(img[width="1200"][height="1200"]) img,
.original figure.r-col:has(img[width="1920"][height="1920"]) img,
.original figure.r-col:has(img[width="2000"][height="2000"]) img {
  width: 100%; height: auto; max-height: none; object-fit: contain;
}
.original .owner-story-hero { width: min(100%,36rem); margin-inline: auto; }
.original .owner-story-hero img { width: 100%; height: auto; max-height: none; object-fit: contain; }
.original .beauty-book-page { width: min(100%,16rem); margin-inline: auto; }
.original .beauty-book-page img { width: 100%; height: auto; max-height: none; object-fit: contain; }
@media(max-width:760px) {
  .original .clinical-source-hero { grid-template-columns: 1fr; gap: 1rem; }
  .original .clinical-source-hero > img { width: min(100%,13rem); margin-inline: auto; }
  .original figure.r-col:has(img[width="1200"][height="1200"]),
  .original figure.r-col:has(img[width="1920"][height="1920"]),
  .original figure.r-col:has(img[width="2000"][height="2000"]) { width: min(100%,14rem); }
  .original .owner-story-hero { width: min(100%,20rem); }
}
@media(max-width:520px) {
  .original .download-card { grid-template-columns: 4.5rem minmax(0,1fr); gap: .75rem; padding: .8rem; }
  .original .download-card > img { width: 4.5rem; height: 6rem; max-height: 6rem; }
}
/* The remaining bare landscape product composition and portrait specimen keep
   their full proportions, with a modest article-art height rather than hero scale. */
.original figure.r-col > img[width="1993"][height="1281"],
.original .r-art--contain img[width="854"][height="1200"] {
  display: block; width: auto; height: auto; max-width: 100%; max-height: 24rem;
  margin-inline: auto; object-fit: contain;
}

.reader-full-board{display:none}
.reader-desktop-original{display:inline-block;margin-left:.5rem;text-decoration:underline;text-underline-offset:.13em}
@media(min-width:821px){
 main .original figure.reader-compact-board,main figure.reader-compact-board{max-width:48rem;margin:1.2rem auto}
 main figure.reader-compact-board>picture,main figure.reader-compact-board>.visual-scroll{display:block;width:100%;margin:0 auto}
 main .original figure.reader-compact-board>picture img,main figure.reader-compact-board>picture img,main .original figure.reader-compact-board>.visual-scroll picture img{display:block;width:auto;height:auto;max-width:100%;max-height:27rem;object-fit:contain;margin:0 auto}
}
@media(max-width:820px){
 main figure.reader-compact-board>picture,main figure.reader-compact-board>.visual-scroll,main figure.reader-compact-board .reader-desktop-original{display:none}
 main figure.reader-compact-board>.reader-full-board{display:block;margin:.35rem 0 .55rem;padding:0;border:1px solid #cfd9e4;border-radius:5px;background:#ffffff;color:#272e64}
 .reader-full-board>summary{min-height:44px;padding:.38rem .7rem;cursor:pointer;line-height:1.3;font-weight:650}
 .reader-full-board>summary span{margin-left:.45rem;vertical-align:middle;text-decoration:underline;text-underline-offset:.18em}
 main figure.reader-compact-board .reader-board-thumb{display:inline-block;vertical-align:middle;width:clamp(52px,18vw,90px);height:56px;max-width:35%;max-height:56px;margin:0;object-fit:contain}
 main figure.reader-compact-board .reader-full-board[open] .reader-board-thumb{display:none}
 main figure.reader-compact-board .reader-full-board .reader-board-large{display:block;width:100%;max-width:min(100%,26rem);height:auto;max-height:none;object-fit:contain;margin:0 auto}
 .reader-full-board>summary:focus-visible{outline:2px solid #3e6e9f;outline-offset:3px}
}

/* Private U.S. September 2026 Beauty Book adaptation */
/* September 2026 U.S. Beauty Book. The live Learning Hub's Book tokens supply
   the color roles. Keep the existing proven responsive media bounds. */
:root {
  --bb-book-blue: #6d9bc8;
  --bb-indigo: #272e64;
  --bb-powder: #acc2de;
  --bb-blue-wash: #edf3f9;
  --bb-line: #cfd9e4;
  --bb-ink: #221f1f;
  --bb-muted: #505966;
  --bb-link: #3e6e9f;
  --bb-gold: #83754f;
  --ink: var(--bb-ink);
  --deep: var(--bb-indigo);
  --second: var(--bb-muted);
  --paper: #fff;
  --white: #fff;
  --line: var(--bb-line);
  --brass: var(--bb-link);
  --soft: var(--bb-blue-wash);
  --sage: #edf3f9;
  --rose: #f8f4f2;
  --serif: FieldSerif, Didot, 'Bodoni MT', Georgia, serif;
  --sans: FieldSans, 'Nunito Sans', Arial, sans-serif;
}
body { background: white; color: var(--bb-ink); }
.notice { background: var(--bb-blue-wash); color: var(--bb-indigo); border-top: 3px solid var(--bb-book-blue); letter-spacing: .105em; }
.notice b, .notice a { color: var(--bb-indigo); }
.mast { border-color: var(--bb-line); background: white; }
.mast .wrap { min-height: 4.5rem; }
.wordmark { font-family: var(--serif); font-style: italic; font-weight: 500; letter-spacing: -.045em; color: var(--bb-indigo); }
.wordmark small { color: var(--bb-muted); font-style: normal; letter-spacing: .15em; }
.main-nav a, .find, .menu-toggle { color: var(--bb-indigo); }
.main-nav a:hover, .main-nav a[aria-current=page] { border-color: var(--bb-book-blue); }
main h1, .original .r-display, .original .bb-role-hero, .original .ed-hero-title {
  font-family: var(--serif); font-weight: 400; font-style: italic; letter-spacing: -.033em; color: var(--bb-ink); line-height: 1.09;
}
main h2 { font-family: var(--serif); font-weight: 400; font-style: italic; letter-spacing: -.025em; color: var(--bb-indigo); }
main h3, .grid .card h3, .original .feature-card h3, .original .ssr-faq h3 {
  font-family: var(--sans); font-style: normal; font-weight: 650; letter-spacing: -.012em; line-height: 1.25; color: var(--bb-indigo);
}
.hero .kicker, .kicker, .card .kicker, .original .r-eyebrow, .original .r-kicker {
  color: var(--bb-link); font-family: var(--sans); font-weight: 700; font-size: .8rem;
  letter-spacing: .075em; text-transform: none;
}
main > .hero { border-bottom: 1px solid var(--bb-line); align-items: center; }
main > .hero .intro { min-width: 0; }
main > .hero h1 { color: var(--bb-ink); font-style: italic; font-weight: 400; max-width: 14.8ch; }
main > .hero .lead { color: var(--bb-indigo); }
main > .hero .founder-expedition, main > .hero .founder-expansion { color: var(--bb-ink); }
main > .hero .hero-frame { position: relative; isolation: isolate; align-self: center; }
.hero-frame::before {
  content: ''; position: absolute; z-index: -1; inset: -.55rem -.55rem auto auto;
  width: 34%; height: 61%; background: var(--bb-book-blue); pointer-events: none;
}
main > .hero .hero-frame img { background: white; border-radius: 0; }
.hero-frame figcaption, .original figure figcaption { color: var(--bb-muted); }
.hero-frame .a-arrow, .a-arrow, .crumb a { color: var(--bb-indigo); }
main > .hero .links { gap: .65rem; }
.btn, .finder .more, .filter-btn.selected {
  background: var(--bb-indigo); color: white; border-color: var(--bb-indigo); border-radius: 2px;
}
.btn:hover { background: #353f79; color: white; }
.btn.light { color: var(--bb-indigo); background: white; border-color: var(--bb-indigo); }
.btn.light:hover { background: var(--bb-blue-wash); }
.section-hd, .full-top { border-color: var(--bb-line); }
.introline { border-inline-start: 4px solid var(--bb-book-blue); padding-inline-start: clamp(.8rem,2vw,1.5rem); }
.introline h1 { margin-top: .13em; }
.grid .card, .original .download-card, .original .product-identity-card {
  background: white; box-shadow: none; border-radius: 0; border-color: var(--bb-line);
}
.card .pic, .aside-card { background: var(--bb-blue-wash); }
.aside-card, .report-result, .study-group, .original .research-panel, .original .claim-section { border-color: var(--bb-line); }
.dark-block { background: var(--bb-blue-wash); color: var(--bb-ink); border-block: 1px solid var(--bb-powder); }
.dark-block h2, .dark-block .a-arrow, .dark-block .tile b { color: var(--bb-indigo); }
.dark-block p { color: var(--bb-ink); }
.dark-block .kicker, .dark-block .tile small, .dark-block .a-arrow span { color: var(--bb-link); }
.dark-block .tile { border-color: var(--bb-line); }
.dark-block .tile b { font: 650 1.1rem/1.3 var(--sans); margin: .24rem 0; }
.homeband a, .folio-foot a { color: var(--bb-indigo); }
.folio-foot { background: var(--bb-blue-wash); color: var(--bb-ink); border-top: 4px solid var(--bb-book-blue); }
.folio-foot b, .folio-foot small { color: var(--bb-indigo); }
.original .family-hero, .original .r-hero { border-color: var(--bb-line); }
.original .family-hero__copy .ssr-byline, .original .r-byline { color: var(--bb-muted); }
.original .r-price, .original .r-step, .original .product-name { color: var(--bb-indigo); font-family: var(--sans); }
.original :is(.data-figure,.metric-value,.stat-numeral), .report-result :is(.metric,.stat-numeral) {
  font-family: var(--sans); font-weight: 650; font-style: normal; font-variant-numeric: lining-nums tabular-nums; color: var(--bb-indigo);
}
.original :is(table,dl) :is(td,dd) { font-variant-numeric: lining-nums tabular-nums; }
main .listing li, .ssr-faq, .original .family-section { border-color: var(--bb-line); }
.finder .searchbox:focus-within { border-color: var(--bb-link); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 3px solid var(--bb-link); outline-offset: 3px;
}
.book-photo-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(8rem,16rem); align-items: center; gap: clamp(1rem,4vw,3rem); max-width: 60rem; margin-block: .9rem 1.4rem; }
.book-photo-intro .introline { margin-block: 0; padding-block: .35rem; }
.book-photo-intro figure { margin: 0; justify-self: center; max-width: 100%; }
.book-photo-intro img { display: block; width: auto; max-width: 100%; height: auto; max-height: 13rem; }
.book-photo-intro figcaption { font: 500 .77rem/1.4 var(--sans); color: var(--bb-muted); margin-top: .3rem; }
@media (max-width:760px) {
  .mast .wrap { min-height: 3.85rem; }
  .hero-frame::before { inset: -.3rem -.3rem auto auto; width: 25%; height: 52%; }
  .main-nav.open { background: white; border-color: var(--bb-powder); }
  .book-photo-intro { grid-template-columns: 1fr; gap: .8rem; }
  .book-photo-intro figure { justify-self: start; }
  .book-photo-intro img { max-height: 9.5rem; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior: auto; }
}
@media print {
  .notice, .mast, .folio-foot, .dark-block { background: white; color: black; }
  .hero-frame::before { display: none; }
}
/* Let the documentary image sit beside its story on desktop. The real DOM puts
   the field photo and its link immediately after the expedition on a phone. */
@media(min-width:761px) {
  main > .hero:has(> .intro > .hero-frame) { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); column-gap: clamp(1.5rem,5vw,5rem); row-gap: 0; align-items: start; }
  main > .hero > .intro:has(> .hero-frame) { display: contents; }
  main > .hero > .intro:has(> .hero-frame) > :not(figure) { grid-column: 1; }
  main > .hero > .intro > .hero-frame { grid-column: 2; grid-row: 1 / span 6; align-self: center; justify-self: end; width: min(100%,33rem); }
}
@media(max-width:760px) {
  main > .hero:has(> .intro > .hero-frame) { display: block; }
  main > .hero > .intro > .hero-frame { width: min(100%,17rem); margin: 1.15rem auto 1rem; }
}
/* Scale trademark glyphs independently of tall Didone display capitals. */
@font-face {
  font-family: BookDisplayMarks; src: url(fonts/nunito-sans-normal.woff2) format("woff2");
  unicode-range: U+00AE, U+2122; size-adjust: 75%; font-style: normal; font-weight: 200 900; font-display: swap;
}
:root { --serif: BookDisplayMarks, FieldSerif, Didot, 'Bodoni MT', Georgia, serif; }
main .book-photo-intro > figure.book-authentic-photo {
  box-sizing: border-box; display: grid; justify-content: center; align-self: center; justify-self: center;
  width: min(100%,16rem); min-width: 0; margin: 0; padding: 0; border: 0; box-shadow: none; background: transparent;
}
main .book-photo-intro > figure.book-authentic-photo > img {
  display: block; width: auto; height: auto; max-width: 100%; max-height: 15rem; object-fit: contain; margin: 0 auto;
}
@media(max-width:760px) {
  main .book-photo-intro > figure.book-authentic-photo { width: min(100%,14rem); margin: .25rem auto .2rem; }
  main .book-photo-intro > figure.book-authentic-photo > img { width: auto; max-height: 13rem; }
}
.folio-foot p, .folio-foot .foot-compare { color: var(--bb-muted); }

/* Some older article modules carry their own color declarations in the article.
   These scoped overrides cover those modules as well as the main editorial shell. */
main :is(.wave-answer,.reader-choices,.formula-reading,.variant-directory,.formula-guide,.remaining-clinicals,
  .ls-reader-task,.glacier-study,.shiitake-study,.eye-report-aid,.s08-story,.s07-routine,.cleanse-lesson,.search-paths) {
  --accent: var(--bb-link) !important; --paper: var(--bb-blue-wash) !important; --gold: var(--bb-book-blue) !important;
  background-color: var(--bb-blue-wash) !important; color: var(--bb-ink) !important;
  border-color: var(--bb-line) !important; border-inline-start: 3px solid var(--bb-book-blue) !important; border-radius: 0 !important;
}
main :is(.formula-illustrated,.variant-directory,.reader-choices,.s08-story,.s07-routine) {
  background-color: white !important;
}
main :is(.wave-option,.ls-reader-task__card,.s07-group,.s08-choice,.cleanse-detail,.eye-report-aid__card) {
  background-color:white !important; border-color:var(--bb-line) !important; border-radius:0 !important;
}
main :is(.wave-kicker,.entryway-kicker,.s08-eyebrow,.s07-eyebrow,.cleanse-label,.ls-reader-task__kicker,.shiitake-study__eyebrow,
  .glacier-study__eyebrow,.eye-report-aid__eyebrow) { color: var(--bb-link) !important; }
main :is(.wave-answer,.reader-choices,.formula-reading,.variant-directory,.formula-guide,.remaining-clinicals,
  .ls-reader-task,.glacier-study,.shiitake-study,.eye-report-aid,.s08-story,.s07-routine,.cleanse-lesson,.search-paths)
  :is(h2,h3) { color: var(--bb-indigo) !important; }
main :is(.wave-answer,.reader-choices,.formula-reading,.variant-directory,.formula-guide,.remaining-clinicals,
  .ls-reader-task,.glacier-study,.shiitake-study,.eye-report-aid,.s08-story,.s07-routine,.cleanse-lesson,.search-paths) h2 {
  font-family: var(--serif) !important; font-style: italic !important;
}
main :is(.wave-answer,.reader-choices,.formula-reading,.variant-directory,.formula-guide,.remaining-clinicals,
  .ls-reader-task,.glacier-study,.shiitake-study,.eye-report-aid,.s08-story,.s07-routine,.cleanse-lesson,.search-paths) a {
  color: var(--bb-indigo) !important; border-color: var(--bb-line) !important;
}
main .formula-reading.formula-illustrated a { background-color:white; }

/* Private Book-like own-product opening. No new image, clipping, hidden copy,
   DOM reordering, or positioning over text. Photos are verified existing owners. */
main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) {
  display:grid; grid-template-columns:minmax(0,1fr) 12rem;
  column-gap:clamp(1.25rem,3vw,2.5rem); row-gap:.85rem;
}
main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > * { grid-column:1/-1; min-width:0; }
main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > header { display:contents; }
main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > header > * { grid-column:1; min-width:0; margin-block:0; }
main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > header > :is(h1,h2) { grid-row:1; }
main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > header > .r-lead { grid-row:2; }
main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > header > .ssr-byline { grid-row:3; }
main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > figure.product-identity-photo {
  grid-column:2; grid-row:1/4; align-self:start; width:12rem; max-width:100%; margin:0;
}
main.wrap .product-identity-photo > img { object-fit:contain; height:auto; }
main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > figure.product-identity-photo figcaption { font-size:.8125rem; line-height:1.4; margin-top:.5rem; }
/* Product introductions flow as a block beside their photograph. */
main.wrap:has(> .journey > .aside-card > img) {
  display:grid; grid-template-columns:minmax(0,1fr) 12rem; column-gap:2rem; row-gap:1.25rem;
}
main.wrap:has(> .journey > .aside-card > img) > * { grid-column:1/-1; min-width:0; }
main.wrap:has(> .journey > .aside-card > img) > .crumb { grid-row:1; }
main.wrap:has(> .journey > .aside-card > img) > .introline { display:block; grid-column:1; grid-row:2; margin:0; padding:0; border:0; }
main.wrap:has(> .journey > .aside-card > img) > .introline > p:not(.kicker) { margin-block:1rem; }
main.wrap:has(> .journey > .aside-card > img) > .journey { display:contents; }
main.wrap:has(> .journey > .aside-card > img) > .journey > div { grid-column:1/-1; }
main.wrap:has(> .journey > .aside-card > img) > .journey > .aside-card { grid-column:2; grid-row:2; width:12rem; margin:0; padding:0; background:transparent; border:0; align-self:start; }
main.wrap:has(> .journey > .aside-card > img) > .journey > .aside-card > img { width:100%; max-width:100%; height:auto; max-height:12rem; object-fit:contain; }
@media(max-width:760px) {
  main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo),
  main.wrap:has(> .journey > .aside-card > img) { grid-template-columns:minmax(0,1fr); gap:1rem; }
  main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > header > * { grid-column:1; }
  main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > figure.product-identity-photo { grid-column:1; grid-row:2; width:10.5rem; justify-self:center; }
  main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > header > .r-lead { grid-row:3; }
  main.wrap:not(:has(> .journey > .aside-card > img)) .original > article.product-identity:has(> figure.product-identity-photo) > header > .ssr-byline { grid-row:4; }
  main.wrap:has(> .journey > .aside-card > img) > .journey > .aside-card { grid-column:1; grid-row:3; width:10.5rem; justify-self:center; }
  main.wrap:has(> .journey > .aside-card > img) > .journey > .aside-card > img { max-height:10.5rem; }
}

/* Extremophile ingredients lead the ingredient library with complete stories. */
.ingredient-shortcuts { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; margin-block:1.1rem; font-size:.9rem; font-weight:700; }
.extremophile-opening { margin-block:2rem 2.5rem; }
.extremophile-opening > h2 { max-width:30ch; font-size:clamp(1.8rem,3vw,2.6rem); margin-bottom:1.4rem; }
.extremophile-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; align-items:start; }
.extremophile-grid > article { border:1px solid var(--bb-line,#d4d4d8); border-top:3px solid var(--bb-book-blue,#719bc6); padding:1.25rem; min-width:0; background:#fff; }
.extremophile-grid .extreme-label { font-size:.76rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--bb-indigo,#272e64); margin:0 0 .8rem; }
.extremophile-grid h3 { font-size:1.55rem; line-height:1.18; margin:.65rem 0 .8rem; }
.extremophile-grid .bb-role-body { font-size:.95rem; line-height:1.6; }
.extremophile-grid :is(.bb-innovation-moment,.bb-role-kicker) { font-size:.79rem; line-height:1.45; color:var(--second); margin:.3rem 0; }
.extremophile-grid :is(.bb-innovation-chips,.bb-innovation-links) { padding:0; list-style:none; font-size:.84rem; line-height:1.5; display:flex; flex-wrap:wrap; gap:.45rem .75rem; }
.extremophile-grid .bb-innovation-chips { border-top:1px solid var(--bb-line,#d4d4d8); padding-top:.7rem; }
.extremophile-grid .bb-innovation-chips a { display:inline-block; padding:.25rem 0; }
.extremophile-grid .bb-innovation-material { font-size:.86rem; margin-top:.8rem; }
.extremophile-next { margin:1.2rem 0; font-size:.95rem; font-weight:700; }
.extremophile-origin { padding:1.5rem 0; border-top:1px solid var(--bb-line,#d4d4d8); }
.extremophile-origin .bb-innovation-story-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(10rem,17rem); gap:2rem; align-items:center; }
.extremophile-origin .bb-innovation-story-copy > h2 { font-size:clamp(1.8rem,3vw,2.6rem); }
.extremophile-origin .bb-innovation-figure { margin:0; }
.extremophile-origin .bb-innovation-figure img { display:block; width:100%; max-height:20rem; object-fit:contain; }
.extremophile-origin .bb-innovation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.extremophile-origin .bb-innovation-grid .bb-innovation-module { padding:1rem; border:1px solid var(--bb-line,#d4d4d8); }
.extremophile-origin .bb-innovation-thumbs img { max-width:7rem; max-height:7rem; object-fit:contain; }
.extremophile-origin :is(h3,h4) { font-size:1.5rem; }
@media(max-width:1000px) { .extremophile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  .extremophile-grid, .extremophile-origin .bb-innovation-story-pair, .extremophile-origin .bb-innovation-grid { grid-template-columns:minmax(0,1fr); }
  .extremophile-grid > article { padding:1rem; }
  .extremophile-origin .bb-innovation-figure { max-width:14rem; justify-self:center; }
  .extremophile-origin .bb-innovation-figure img { max-height:17rem; }
}

/* Citations support the reading flow and lead to a compact source list. */
main sup.source-ref { display:inline; margin:0 .1em; padding:0; font-size:.78em; line-height:0; vertical-align:super; }
main .source-ref > a { display:inline; padding:.15em .2em; border:0; background:none; font:inherit; line-height:inherit; color:var(--bb-ink,#292d55); text-decoration:none; box-shadow:none; }
main .source-ref > a:hover { text-decoration:underline; }
main .source-ref > a:focus-visible, main .source-return:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
main .page-source-notes { display:block; max-width:76ch; margin:clamp(28px,5vw,56px) auto 0; padding:24px clamp(18px,3vw,32px); border-top:1px solid var(--bb-line,#d4d4d8); background:transparent; color:var(--bb-ink,#292d55); text-align:left; }
main .page-source-notes h2 { margin:0 0 14px; font-size:1rem; font-weight:600; line-height:1.4; }
main .page-source-notes ol { display:block; margin:0; padding-left:1.25em; list-style:decimal; }
main .page-source-notes li { display:list-item; margin:0 0 10px; padding:0 0 0 .25em; font-size:.8125rem; line-height:1.65; overflow-wrap:anywhere; scroll-margin-top:100px; }
main .page-source-notes p { display:inline; margin:0; font:inherit; color:inherit; }
main .page-source-notes a { display:inline; padding:0; border:0; font:inherit; color:inherit; text-decoration:underline; text-underline-offset:.18em; background:none; }
main .page-source-notes .source-return { display:inline-block; min-width:28px; min-height:28px; margin-left:.4em; text-align:center; text-decoration:none; }
main .source-ref:target { scroll-margin-top:110px; outline:2px solid var(--bb-gold,#b99a45); outline-offset:4px; }
main .page-source-notes li:target { background:#faf6ed; }
main #eu-and-fda-cosmetic-standards { scroll-margin-top:100px; }
main [id^="page-source-context-"], main #clean-beauty-comparison-context { scroll-margin-top:105px; }

/* Keep the site navigation below the notes readable and compact. */
body > .ssr-footer { max-width:1180px; margin:36px auto 0; padding:28px clamp(18px,3vw,36px); border-top:1px solid var(--bb-line,#d4d4d8); color:var(--bb-ink,#292d55); }
body > .ssr-footer .ssr-footer-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
body > .ssr-footer .label { margin:0 0 9px; font-size:.75rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase; }
body > .ssr-footer ul { list-style:none; padding:0; margin:0; }
body > .ssr-footer li { margin:0 0 8px; font-size:.8125rem; line-height:1.5; }
body > .ssr-footer a { color:inherit; text-decoration:none; }
body > .ssr-footer a:hover { text-decoration:underline; }
body > .ssr-footer > p { margin:20px 0 0; max-width:90ch; font-size:.75rem; line-height:1.6; }
@media(max-width:640px) { body > .ssr-footer .ssr-footer-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; } }

.extremophile-opening, .extremophile-origin, #ingredient-finder { scroll-margin-top:6rem; }

/* Keep each product action an independent keyboard and touch target. */
.product-pdp-list .product-row-exits{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 16px}
.product-pdp-list .product-row-exits>a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:8px 0}

/* The legend opens with Joni's field photograph. Her color and skincare story follows in full. */
main > .home-volcano .home-volcano-opening { align-self: center; }
main > .home-volcano .home-volcano-opening .lead { max-width: 45ch; }
main > .home-volcano .home-founder-story { margin-top: clamp(1.5rem, 3vw, 2.75rem); }
.home-founder-story .founder-origin { font-size: 1rem; line-height: 1.5; }
@media (min-width: 761px) {
  main > .home-volcano > .intro > .hero-frame { grid-row: 1; }
  main > .home-volcano > .intro:has(> .hero-frame) > .home-founder-story { grid-column: 1 / -1; }
}
@media (min-width: 960px) {
  .home-volcano .home-founder-story { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(2rem,5vw,5rem); align-items: start; }
  .home-founder-story .home-founder-copy > :first-child { margin-top: 0; }
}
/* Legacy color-system content uses the same compact, readable image scale. */
.color-guide .hero-product-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}
.color-guide .hero-product-stage picture{display:block;min-width:0}
.color-guide .hero-product-stage img{display:block;width:100%;height:230px;object-fit:contain}
.color-guide .hero-product-stage figcaption{grid-column:1/-1}
.color-guide .system-diagram,.color-guide .recipe-rail,.color-guide .companion-grid,.color-guide .shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}
.color-guide .system-step,.color-guide .recipe-card,.color-guide .companion-card,.color-guide .shop-card{border-top:1px solid var(--line);padding:18px 0;min-width:0}
.color-guide .layer-math{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}
.color-guide .math-choice{flex:1;min-width:100px;padding:14px;background:var(--soft)}
.color-guide .math-choice strong{display:block;font:500 2rem/1.1 var(--serif)}
.color-guide .claim-band{border-left:3px solid var(--deep);background:var(--soft);padding:20px;margin:24px 0}
.color-guide .claim-band .big{font:500 1.8rem/1.2 var(--serif)}
.color-guide .shop-links{display:flex;flex-direction:column;gap:12px;margin:16px 0}
.color-guide .shop-links a{display:block;min-height:44px;padding:8px 0}
.color-guide .shop-card>.book-shop-choice{display:block}
.color-guide .shop-card>.product-official-source,.color-guide .shop-card>.book-shop-choice>a{display:flex;align-items:center;min-height:44px;margin-top:8px;padding:8px 0}
.original .ssr-byline>a{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}
.original .family-visual-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px}
.original .family-visual-collection>picture{display:block;min-width:0}
.original .family-visual-collection img{display:block;width:100%;height:clamp(120px,20vw,260px);object-fit:contain}
@media(max-width:600px){.color-guide .hero-product-stage img{height:140px}.color-guide .system-diagram,.color-guide .recipe-rail,.color-guide .companion-grid,.color-guide .shop-grid{grid-template-columns:1fr}.color-guide .layer-math{gap:8px}.color-guide .math-choice{min-width:90px}}

/* Search results paginate without a second, clipped scrolling surface. */
.search-page .finder .listing{max-height:none;overflow:visible;padding-right:0}

/* Keep all five study-comparison fields readable on a narrow screen. */
@media(max-width:600px){.original .result-table{display:block}.original .result-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.original .result-table tbody{display:block}.original .result-table tr{display:block;padding:14px;border-bottom:1px solid var(--line)}.original .result-table td,.original .result-table tbody th{display:block;min-width:0;width:auto;border:0;padding:8px 0;overflow-wrap:normal}.original .result-table tbody th{padding:10px;font-size:1.05rem}.original .result-table td::before{content:attr(data-label);display:block;font-size:.78rem;font-weight:700;color:var(--second);margin-bottom:.2rem}}

/* Distinct homepage destinations keep separate, comfortably sized link targets. */
.original .home-why__links{display:flex;flex-wrap:wrap;gap:10px 18px;margin:14px 0}
.original .home-why__links>a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0}
.original .home-destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.original .home-destination-grid>.destination-card{display:block;min-width:0;border-radius:0;padding:18px;background:var(--white);box-shadow:none}
.original .home-destination-grid strong{display:block;font:500 1.3rem/1.2 var(--serif);margin-bottom:10px;overflow-wrap:normal}
.original .home-destination-grid span{display:block;font-size:.95rem;line-height:1.5}
@media(max-width:600px){.original .home-destination-grid{grid-template-columns:1fr}}
/* Keep study detail controls separated from report links. */
.study-methods{margin:12px 0}.study-methods>summary{padding:10px 0;min-height:44px;font-size:15px;font-weight:700}.study-methods[open]>summary{margin-bottom:8px}.study-row .links>a{min-height:40px;display:inline-flex;align-items:center}.original .clinical-product-handoff{display:block}.original .clinical-product-handoff ul{columns:2;column-gap:28px}.original .clinical-product-handoff li{break-inside:avoid;margin-bottom:10px}
@media(max-width:760px){.original .result-table>caption{display:block;width:100%;padding:12px;text-align:left}.original .clinical-product-handoff ul{columns:1}}
/* Directory headings name the topic; disclosure labels give the entry count. */
.original.collection-directory .answer-cluster{padding:20px 0!important;margin-block:0!important}.original.collection-directory .answer-cluster h2{font-size:clamp(1.45rem,2.3vw,2rem);margin-bottom:6px}.original.collection-directory .answer-cluster details.editorial-directory>summary{min-height:44px;padding:10px 0}.original.evidence-directory .evidence-category-nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.original.evidence-directory .evidence-category-nav a{display:flex;align-items:center;gap:7px;min-height:44px;border:1px solid var(--line);padding:7px 11px;text-decoration:none;font-size:14px}.original.evidence-directory .evidence-category-nav a:hover{background:var(--soft)}
.color-guide>.color-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding:24px 0;border-block:1px solid var(--line)}.color-guide>.color-hero h2{font-size:clamp(1.9rem,3.2vw,3rem)}.color-guide>.color-hero .content-updated{font-size:12px;color:var(--second)}.color-guide .recipe-rail{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}@media(max-width:760px){.color-guide>.color-hero{grid-template-columns:1fr;gap:8px}.color-guide>.color-hero .hero-product-stage{margin:0}}
/* Clinical source sections survive the reader projection without their old
   report wrapper. Give that explicit document role a complete screen layout. */
.color-guide .color-eyebrow { font:800 12px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--second); }
@media screen {
  .original.clinical-document .page-header,
  .original.clinical-document .print-only { display:none; }
  .original.clinical-document .page.hero { display:block; }
  .original.clinical-document .hero-grid,
  .original.clinical-document .two-col { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start; }
  .original.clinical-document .hero-grid>* { min-width:0; }
  .original.clinical-document .hero-image { align-self:center; }
  .original.clinical-document .hero-image img { width:100%;height:260px;object-fit:contain; }
  .original.clinical-document .study-ribbon { display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px; }
  .original.clinical-document .study-ribbon span { display:block;padding:5px 9px;border:1px solid var(--line);background:#edf3f9;font-size:13px;line-height:1.5; }
  .original.clinical-document .proof-grid { margin:24px 0; }
  .original.clinical-document :is(.proof-value,.quote strong) { display:block;font:500 clamp(1.9rem,3vw,2.5rem)/1.15 var(--serif);color:var(--deep);margin-bottom:8px; }
  .original.clinical-document .proof-label { font-size:16px;font-weight:700;line-height:1.4; }
  .original.clinical-document :is(.proof-time,.proof-card p,.table-note,.technical-footer,.privacy-note) { font-size:13px;line-height:1.5; }
  .original.clinical-document .proof-time { margin-top:10px;text-transform:uppercase;letter-spacing:.06em; }
  .original.clinical-document .topbar { display:flex;gap:12px;flex-wrap:wrap;margin:18px 0; }
  .original.clinical-document .topbar :is(a,button),
  .original.clinical-document .source-link { display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);font:700 15px/1.5 var(--sans); }
  .original.clinical-document .section-lead { font:500 clamp(1.45rem,2.5vw,2rem)/1.3 var(--serif); }
  .original.clinical-document .section-title { font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--second); }
  .original.clinical-document :is(.source-grid,.method-grid,.quote-grid) { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0; }
  .original.clinical-document :is(.source-grid>div,.quote,.method-grid>article) { display:block;min-width:0;padding:14px;background:#edf3f9; }
  .original.clinical-document .clinical-product-handoff .next-steps__groups { display:block; }
  .original.clinical-document .source-grid :is(span,b) { display:block; }
  .original.clinical-document .source-grid span { font-size:12px;line-height:1.5;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em; }
  .original.clinical-document .source-grid b { font-size:15px;line-height:1.5; }
  .original.clinical-document .meter-item { padding:14px 0;border-bottom:1px solid var(--line); }
  .original.clinical-document .meter-copy { display:flex;justify-content:space-between;gap:20px;font-weight:700; }
  .original.clinical-document .meter-item small { display:block;margin-top:6px;font-size:13px; }
  .original.clinical-document .meter-track { display:none; }
  .original.clinical-document :is(.feature-panel,.context-note,.auth-panel) { padding:16px;background:#edf3f9;margin:18px 0; }
  .original.clinical-document .divider-inner>img { max-width:64px;max-height:76px;margin:0 0 18px; }
  .original.clinical-document .table-scroll>.tablewrap { overflow:visible;border:0; }
  .original.clinical-document .table-scroll-cue { font-size:13px;color:var(--second); }
  .original.clinical-document table.result-table { display:table;min-width:620px; }
  .original.clinical-document table.result-table thead { display:table-header-group;position:static;width:auto;height:auto;clip-path:none; }
  .original.clinical-document table.result-table tbody { display:table-row-group; }
  .original.clinical-document table.result-table tr { display:table-row; }
  .original.clinical-document table.result-table :is(td,th) { display:table-cell;min-width:90px;padding:10px;border-bottom:1px solid var(--line); }
  .original.clinical-document table.result-table td::before { content:none; }
  @media(max-width:700px) {
    .original.clinical-document :is(.hero-grid,.two-col,.source-grid,.method-grid,.quote-grid) { grid-template-columns:minmax(0,1fr);gap:14px; }
    .original.clinical-document .hero-image img { height:200px; }
    .original.clinical-document .quote-grid[style] { grid-template-columns:minmax(0,1fr)!important; }
  }
}

/* Keep a three-product family portrait large enough to compare. */
.original .family-hero__visual:has(.family-visual-collection){width:100%;max-width:700px}

/* Product directories are comparison rows, with distinct variant controls. */
.product-family-chips,.product-discovery-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0}
.product-family-chips>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--bb-line,#c8d0db);border-radius:3px}
.product-family-chips>a[aria-current="true"]{background:#edf3f7;border-color:#6d9bc8;font-weight:700}
.article-card-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.article-card-context>.article-pill{display:inline-block;padding:3px 7px;background:#edf3f7;font-size:12px;line-height:1.4}
.product-discovery-tags>span{display:inline-block;padding:4px 8px;background:#edf3f7;font-size:13px;line-height:1.45}
.product-pdp-list>li:has(>.product-guide-photo){display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:24px;row-gap:10px;padding:24px 0;border-bottom:1px solid var(--bb-line,#c8d0db)}
.product-pdp-list>li>.product-guide-photo{grid-column:1;grid-row:1/span 8;width:100%;max-width:220px;margin:0}
.product-pdp-list>li>.product-guide-photo img{display:block;width:100%;height:220px;object-fit:contain}
.product-pdp-list>li:has(>.product-guide-photo)>:not(.product-guide-photo){grid-column:2;margin-top:0;margin-bottom:0;min-width:0}
.product-pdp-list>li>.product-guide-photo figcaption{font-size:13px;line-height:1.5;margin-top:8px}
@media(max-width:700px){
 .product-pdp-list>li:has(>.product-guide-photo){display:block}
 .product-pdp-list>li>.product-guide-photo{margin:0 auto 20px;max-width:240px}
 .product-pdp-list>li>.product-guide-photo img{height:240px}
 .product-pdp-list>li:has(>.product-guide-photo)>:not(.product-guide-photo){margin-top:12px}
}

/* Two comparison packshots share a row; the complete study board follows. */
.original .product-comparison-visuals {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem 1.5rem;
  align-items: start;
}
.original .product-comparison-visuals > .is-photograph:not(.is-phone-board) {
  width: min(100%,15rem); margin: 0 auto;
}
.original .product-comparison-visuals > .is-photograph figcaption { font-size: .875rem; line-height: 1.45; }
.original .product-comparison-visuals > :not(.is-photograph),
.original .product-comparison-visuals > .is-phone-board { grid-column: 1 / -1; }
@media (max-width: 520px) {
  .original .product-comparison-visuals { gap: .8rem; }
}

/* Peptide research is organized by the visible beauty goal. */
.original .peptide-goal-list{list-style:none;padding:0;margin:1.5rem 0}
.original .peptide-goal-list>li{padding:1.25rem 0;border-top:1px solid var(--line,#d4d9df);margin:0;line-height:1.7}
.original .peptide-goal-heading{font-family:var(--serif,Georgia,serif);font-size:1.35rem;line-height:1.3;font-weight:500;margin:0 0 .65rem}

/* Only long ingredient display names need a smaller title at the narrowest phone widths. */
@media(max-width:390px){.original .evidence-detail-hero .r-display{font-size:clamp(1.65rem,7.6vw,1.85rem)}.original:has(> .evidence-detail-hero) .r-section h2{font-size:clamp(1.3rem,6.35vw,1.55rem)}}

/* One product chooser: visible filters and nearby results at every width. */
.unified-product-directory .product-browse-dock { margin-block: 1.4rem; padding: 1.25rem; background: var(--soft); border: 1px solid var(--line); }
.unified-product-directory .product-browse-controls { display: block; }
.unified-product-directory .product-browse-bar { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .85rem 1rem; align-items: end; }
.unified-product-directory .product-search-field { grid-column: 1 / -1; }
.unified-product-directory .product-browse-bar label { display: block; font-size: .85rem; font-weight: 750; }
.unified-product-directory .product-browse-bar :is(input,select) { display: block; width: 100%; min-width: 0; min-height: 46px; margin: .3rem 0 0; padding: .6rem .7rem; border: 1px solid #9daec0; border-radius: 3px; background: white; color: var(--ink); font-size: 1rem; font-weight: 400; }
.unified-product-directory [data-products-reset] { min-height: 46px; padding: .6rem .8rem; border: 1px solid var(--deep); border-radius: 3px; background: var(--deep); color: white; font-weight: 700; }
.unified-product-directory .product-search-status { margin: .8rem 0 0; font-size: .9rem; }
.unified-product-directory [data-product-categories].is-filtering > .product-category > :not(h2):not(.product-pdp-directory) { display: none; }
.unified-product-directory [data-product-categories].is-filtering .product-pdp-directory { margin-top: .75rem; }
@media(max-width:680px) {
 .unified-product-directory .product-browse-dock { padding: 1rem; }
 .unified-product-directory .product-browse-bar { grid-template-columns: minmax(0,1fr); gap: .7rem; }
}
.unified-product-directory .product-category-nav > ul { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.unified-product-directory .product-category-nav li { margin: 0; }
.unified-product-directory .product-category-nav a { display: inline-flex; align-items: center; gap: .55rem; min-height: 44px; padding: .55rem .85rem; border: 1px solid var(--line); border-radius: 24px; background: white; font-size: .9rem; font-weight: 700; text-decoration: none; }
.unified-product-directory .product-category-nav a:hover { background: var(--soft); }
.unified-product-directory .product-category-nav a span { color: var(--second); font-size: .8rem; font-weight: 400; }

/* Clinical study actions remain distinct touch targets in the reader edition. */
.clinical-source-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0}
.clinical-source-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--bb-line,#ccc8c0);background:transparent;color:var(--reader-ink,#23211e);font:inherit;font-size:14px;line-height:1.4;text-decoration:none;border-radius:2px;cursor:pointer}
.clinical-source-actions :is(a,button):hover{background:var(--reader-ground-2,#f1efea)}
.clinical-source-actions :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}