/* Shared public navigation and footer use the existing beauty tokens. */
.hp-site-header,.hp-site-footer{box-sizing:border-box;font-family:var(--hp-body-font);font-size:16px;line-height:1.5}
.hp-site-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:20px max(24px,calc((100vw - 1280px)/2));background:var(--hp-porcelain);border-bottom:1px solid var(--hp-rule);position:relative;z-index:20}
.hp-site-logo{font:700 32px/1 var(--hp-display-font);letter-spacing:-1px;text-decoration:none;color:var(--hp-midnight-plum)}
.hp-site-logo small{display:block;font:9px/1.5 var(--hp-body-font);letter-spacing:2px;margin:9px 0 0 3px}
.hp-site-menu nav{display:flex;gap:30px;align-items:center}
.hp-site-menu nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:600;color:var(--hp-primary)}
.hp-site-menu nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}
.hp-site-menu>summary{display:none}
.hp-site-menu:not([open])>nav{display:flex}
.hp-site-footer{padding:48px max(24px,calc((100vw - 1280px)/2));background:var(--hp-primary);color:var(--hp-porcelain);display:grid;grid-template-columns:1fr 1fr;gap:24px 60px;margin-top:0}
.beauty-product .hp-site-footer p,.beauty-product .hp-site-footer em{color:var(--hp-porcelain)}
.hp-site-kicker{font-size:11px;letter-spacing:.15em}
.hp-site-signoff{font:40px/1.1 var(--hp-display-font);margin:20px 0}
.hp-site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;align-content:start}
.hp-site-footer a{color:var(--hp-porcelain);display:flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:5px}
.hp-site-footnote{grid-column:1/-1;font-size:12px;line-height:1.7;border-top:1px solid #ffffff40;padding-top:24px;margin:0;max-width:100%}
.hp-site-copyright{grid-column:1/-1;margin:0;font-size:12px;line-height:1.7;color:inherit}
.hp-site-header a:focus-visible,.hp-site-menu summary:focus-visible,.hp-site-footer a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:900px){.hp-site-header{padding:18px 20px;gap:16px;flex-wrap:wrap}.hp-site-logo{font-size:28px}.hp-site-menu{margin-left:auto}.hp-site-menu>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--hp-primary);font-size:14px;padding:0 10px}.hp-site-menu>summary::after{content:' +';margin-left:8px}.hp-site-menu[open]>summary::after{content:' −'}.hp-site-menu:not([open])>nav{display:none}.hp-site-menu[open]>nav{position:absolute;left:0;right:0;top:100%;padding:16px 24px 24px;background:var(--hp-porcelain);border-bottom:1px solid var(--hp-rule);box-shadow:0 12px 15px #26131f0d;display:grid;gap:4px}.hp-site-menu nav a{font-size:14px;min-height:48px}.hp-site-footer{grid-template-columns:1fr;gap:24px;padding:36px 24px}.hp-site-signoff{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Library findings use the established matched-review presentation. */
.library-review-coverage{font-size:15px;line-height:1.6;margin:12px 0 22px}.library-review-coverage>p{margin:0 0 14px}.library-review-coverage span{display:block;font-size:13px;color:#715b65;margin-top:4px}.library-finding{border-left:2px solid var(--hp-primary);padding-left:14px}.library-finding>p{font:20px/1.35 var(--hp-display-font);margin:0 0 10px}.library-finding small{font-size:13px}.library-finding .library-finding-disclosure{font:12px/1.6 var(--hp-body-font);color:#715b65;margin-top:10px}.beauty-library .library-art{height:110px;min-height:110px}.library-card-body{display:flex;flex-direction:column}.library-card-body>.button{align-self:flex-start}.library-card-body>.button:first-of-type{margin-top:auto}
/* Hair Stories shares the beauty publication typography and colors. */
.hp-stories{background:var(--hp-porcelain);font-family:var(--hp-body-font);color:var(--hp-text)}.hp-stories .hp-wrap{max-width:1248px;padding:48px 24px 64px}.hp-stories h1{max-width:900px;letter-spacing:-.03em}.hp-stories .hp-controls{padding:24px;background:var(--hp-warm-cream);margin:30px 0 20px}.hp-stories .hp-controls input,.hp-stories .hp-controls select{border-radius:0;min-width:0;max-width:100%;font-size:16px}.hp-stories .hp-grid{gap:24px;scroll-margin-top:24px}.hp-stories .hp-account{border-radius:0;box-shadow:none;background:var(--hp-porcelain);border-color:var(--hp-rule);border-top:2px solid #93677a}.hp-stories .hp-account h3{font-size:25px}.hp-stories .hp-account .hp-source a{display:flex;align-items:center;min-height:44px}.hp-story-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:32px 0;flex-wrap:wrap}.hp-story-pagination[hidden]{display:none}.hp-story-pagination button{min-height:48px;padding:12px 20px;font:14px var(--hp-body-font);background:var(--hp-primary);color:var(--hp-porcelain);border:1px solid var(--hp-primary);cursor:pointer}.hp-story-pagination button:disabled{opacity:.45;cursor:default}.hp-story-pagination button:focus-visible{outline:2px solid var(--hp-primary);outline-offset:4px}
@media(max-width:600px){.hp-stories .hp-wrap{padding:30px 20px 44px}.hp-stories .hp-controls{padding:18px}.hp-stories .hp-controls input{width:100%;flex-basis:100%}.hp-stories h1{font-size:43px}.hp-story-pagination{gap:12px}.hp-story-pagination button{padding:12px}.hp-story-pagination span{font-size:13px}}

/* Review clarity: visible disclosure, quieter source actions, full-depth prose. */
.hp-review-disclosure,.hp-promo,.source-disclosure,.library-finding-disclosure{font-size:13px;line-height:1.6;color:#64505a}
.hp-review-foot .hp-source-link,.source-details>a[target="_blank"],.hp-original-action,.hp-account .hp-source a[target="_blank"],.hp-evidence-search a.hp-source-link,body.beauty-product a.hp-review-primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;width:auto;box-sizing:border-box;padding:10px 15px;border:1px solid #967380;border-radius:4px;background:transparent;color:#51152f!important;font-size:14px;font-weight:600;line-height:1.45;text-decoration:none!important;gap:7px}
.hp-original-action:hover,.hp-account .hp-source a[target="_blank"]:hover,body.beauty-product a.hp-review-primary-action:hover{background:#f2e9e1;color:#51152f!important}
.hp-original-action:focus-visible,.hp-account .hp-source a[target="_blank"]:focus-visible{outline:2px solid #51152f;outline-offset:3px}
body.beauty-product .hero-deck,body.beauty-product .hp-hero-coverage{font:14px/1.6 var(--hp-body-font);color:#f5e4e9;margin:10px 0;max-width:65ch}
body.beauty-product .hp-hero-coverage{font-size:13px}
.hp-story,.hp-review-text{overflow-wrap:anywhere}

.hp-original-reviews a{display:inline-flex;align-items:center;min-height:44px}

/* Compact editorial openings: shared by Stories and Findings. Discovery tools follow immediately. */
.hp-editorial-hero{background:var(--hp-primary);color:var(--hp-on-dark)}
.hp-editorial-hero-inner{max-width:1248px;margin:0 auto;padding:44px 24px 40px}
.hp-editorial-hero :is(.hp-eyebrow,.hq-eyebrow){color:var(--hp-warm-cream);font:700 11px/1.5 var(--hp-body-font);letter-spacing:.16em;margin:0 0 18px}
.hp-editorial-hero h1{font:400 clamp(44px,5.2vw,72px)/1.07 var(--hp-display-font);letter-spacing:-.035em;max-width:1000px;margin:0 0 20px;color:var(--hp-on-dark)}
.hp-editorial-hero h1 em{color:var(--hp-soft-champagne);font-weight:400}
.hp-editorial-hero .hp-lede{font:16px/1.65 var(--hp-body-font);max-width:690px;margin:0;color:var(--hp-on-dark)}
.hp-stories .hp-editorial-hero+.hp-wrap{padding-top:28px}
.hp-stories .hp-editorial-hero+.hp-wrap .hp-controls{margin-top:0}
.hp-questions .hp-editorial-hero+#shopperDiscovery{max-width:1200px;scroll-margin-top:20px}
@media(max-width:600px){
 .hp-editorial-hero-inner{padding:30px 20px 28px}
 .hp-editorial-hero h1{font-size:43px;line-height:1.07;margin-bottom:18px}
 .hp-editorial-hero .hp-lede{font-size:15px;line-height:1.65}
 .hp-editorial-hero :is(.hp-eyebrow,.hq-eyebrow){font-size:10px;margin-bottom:16px}
 .hp-stories .hp-editorial-hero+.hp-wrap{padding-top:20px}
}