/* Health & Beauty | V19 premium treatment, article and explanation pages.
   Contrast: dark navy on ivory/light panels; white on navy; gold with dark label.
   Intended as additive styling, preserving the original V19 global branding. */
:root{--hbd-navy:#071934;--hbd-ink:#152b48;--hbd-muted:#4c6177;--hbd-blue:#0b3767;--hbd-gold:#e4b66a;--hbd-cream:#f8f6f0;--hbd-line:#c9d7e5}
.hb-detail-root{background:#08182e;min-height:65vh;color:#fff;overflow-x:clip}
.hb-detail-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 74% 27%,rgba(51,125,187,.32),transparent 46%),linear-gradient(120deg,#06132f 0%,#093660 60%,#061935 100%);color:#fff;border-bottom:3px solid #dcb068;overflow:hidden}
.hb-detail-hero:before{content:"";position:absolute;width:520px;height:520px;top:-280px;right:-150px;border:1px solid rgba(232,190,119,.32);border-radius:50%;box-shadow:0 0 0 80px rgba(255,235,184,.022),0 0 0 190px rgba(255,239,184,.019);z-index:-1}
.hb-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(290px,.84fr);gap:clamp(28px,5vw,75px);align-items:center;min-height:390px;padding:42px 0 55px}
.hb-detail-crumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:13px;color:#d8e7fa;margin-bottom:24px}
.hb-detail-crumb a{color:#e9eef8;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.hb-detail-crumb a:hover{color:#f5d495;border-color:#f5d495}
.hb-detail-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#fff3d4;font-weight:800;margin-bottom:15px}
.hb-detail-kicker:before{content:"";display:inline-block;width:27px;height:2px;background:#e9b65e}
.hb-detail-title{color:#fff!important;text-shadow:0 3px 15px rgba(1,12,29,.4);font-size:clamp(34px,4.35vw,62px);line-height:1.14;letter-spacing:-.022em;overflow-wrap:break-word;margin:0 0 17px;max-width:930px}
.hb-detail-hero-note{font-size:16px;line-height:1.65;color:#dce9f9;max-width:620px;margin-bottom:19px}
.hb-detail-hero-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin-top:21px}
.hb-detail-photo{position:relative;border-radius:25px 25px 70px 25px;overflow:hidden;border:2px solid rgba(255,216,152,.82);box-shadow:0 30px 75px #030b204f,0 0 0 11px rgba(212,164,83,.075);min-height:310px;background:#082440}
.hb-detail-photo img{width:100%;height:360px;object-fit:cover;display:block}
.hb-detail-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,13,39,.76),transparent 51%);pointer-events:none}
.hb-detail-photo-label{position:absolute;bottom:20px;left:23px;color:#fff;z-index:2;font-size:14px;letter-spacing:.11em;font-weight:700;text-shadow:0 3px 9px #000}
.hb-detail-reading{background:linear-gradient(135deg,#0c2144,#102d54 57%,#071830);padding:52px 0 80px}
.hb-detail-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(248px,315px);align-items:start;gap:25px}
.hb-detail-article{background:#ecf3f9;color:#162b46;border-radius:22px;box-shadow:0 18px 60px rgba(1,12,31,.36);border:1px solid #f3e3c9;overflow:hidden;min-width:0}
.hb-article-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:17px 29px;background:linear-gradient(105deg,#152a49,#143c69);border-bottom:3px solid #c8a065;color:#fff;font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}
.hb-article-banner .hb-article-mark{color:#ffdf98}
.hb-article-content{padding:clamp(16px,2.5vw,32px);display:flex;flex-direction:column;gap:22px}
.hb-prose-group{background:#f8f9fb;border:1px solid #cfdde9;border-left:5px solid #c49a56;border-radius:16px;padding:clamp(20px,2.8vw,34px);box-shadow:0 7px 19px rgba(7,25,56,.055);min-width:0;overflow-wrap:anywhere}
.hb-prose-group:nth-child(even){background:#e7f1fa;border-color:#c9dce9;border-left-color:#2269a4}
.hb-prose-group h2,.hb-prose-group h3{color:#103862!important;font-family:Georgia,serif;line-height:1.25;font-size:clamp(21px,2.3vw,30px);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #c2d2de;overflow-wrap:anywhere}
.hb-prose-group h3{font-size:21px}
.hb-prose-group p,.hb-prose-group li,.hb-prose-group blockquote{color:#1d334d!important;font-size:clamp(16px,1.25vw,18px);line-height:1.85;margin:0 0 18px;font-weight:400;max-width:77ch}
.hb-prose-group p:last-child,.hb-prose-group h2:last-child{margin-bottom:0}
.hb-prose-group a{color:#064c93!important;text-decoration:underline;text-underline-offset:3px}
.hb-prose-group strong{color:#0b284a}
.hb-prose-group ul,.hb-prose-group ol{padding-left:23px}
.hb-prose-group table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}
.hb-prose-group th,.hb-prose-group td{padding:11px;border:1px solid #8faac4;color:#142a44}
.hb-detail-article-end{background:linear-gradient(110deg,#0c2950,#143d6b);padding:25px clamp(18px,3vw,34px);display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.hb-detail-article-end .btn{min-width:205px}
.hb-detail-side{position:sticky;top:25px;display:flex;flex-direction:column;gap:17px}
.hb-side-card{background:linear-gradient(145deg,#102c52,#061b37);color:#fff;border:1px solid rgba(231,186,113,.62);border-radius:20px;padding:24px;box-shadow:0 15px 37px rgba(0,0,0,.26);min-width:0}
.hb-side-topline{width:44px;height:3px;background:#e2b76b;margin:0 0 17px}
.hb-side-card h2{font:700 clamp(22px,2vw,27px)/1.25 Georgia,serif;color:#fff!important;margin:0 0 13px}
.hb-side-card p{font-size:14px;color:#dceafa;line-height:1.65}
.hb-side-card .btn{width:100%;margin:5px 0;padding:12px 13px;justify-content:center}
.hb-side-links a{display:block;color:#fff2d4!important;text-decoration:none;line-height:1.55;font-size:14px;padding:12px 0;border-bottom:1px solid #5b738e;overflow-wrap:anywhere}
.hb-side-links a:hover{color:#fff!important;text-decoration:underline}
.hb-side-links a:last-child{border:0}
.hb-detail-mini{background:#fff5dc;color:#3c2b11;border:1px solid #d6ab5c;border-radius:13px;padding:16px 19px;font-size:13px;line-height:1.65}
.hb-detail-mini strong{color:#2e2519}
.hb-detail-reading .btn.btn-green{background:linear-gradient(#30b43b,#117626);border:1px solid #9bedac;color:white!important;box-shadow:0 3px 12px #00183177}
.hb-detail-reading .btn.btn-gold,.hb-detail-hero .btn.btn-gold{background:linear-gradient(125deg,#f5db9d,#d8a655);color:#172742!important;border:1px solid #fff0c8;text-shadow:none;box-shadow:0 4px 14px #0815285a}
.hb-detail-reading .btn.btn-green:hover,.hb-detail-reading .btn.btn-gold:hover{filter:brightness(1.07)}
.hb-detail-bottom{background:#071933;padding:27px 0 38px;border-top:2px solid #cfa65f}
.hb-detail-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hb-detail-bottom-link{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(130deg,#14325c,#0d2749);color:#fff!important;border:1px solid #b39460;border-radius:13px;padding:22px;font-weight:700;text-decoration:none}
.hb-detail-bottom-link:hover{background:#1d477b;text-decoration:none}
.hb-detail-root .float-wa{z-index:999}
.hb-listing-page .hb-head{background:linear-gradient(120deg,#071837,#123b6a);color:#fff;border-bottom:3px solid #d7ad68;padding:36px 0}
.hb-listing-page .hb-head h1{color:#fff}
.hb-listing-page .hb-page{background:linear-gradient(125deg,#0d2648,#173d68)!important;padding:42px 0 65px}
.hb-listing-page .hb-entry{background:linear-gradient(145deg,#f6f9fd,#e6eef6);border:1px solid #e5c99c;border-top:3px solid #d9ae67;color:#182d48!important;box-shadow:0 9px 29px #00183264}
.hb-listing-page .hb-entry b{color:#142d4e!important;font-size:19px;line-height:1.35}
.hb-listing-page .hb-entry:hover{background:#fff;border-color:#ffd78f;transform:translateY(-3px)}
.hb-listing-page .hb-input{background:#fff;color:#172c46;border:2px solid #dec18c;padding:14px 18px}
.hb-listing-page .hb-grid{gap:18px}
@media(max-width:900px){.hb-detail-hero-grid{grid-template-columns:minmax(0,1fr) minmax(230px,.75fr)}.hb-detail-reading-grid{grid-template-columns:minmax(0,1fr)}.hb-detail-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:640px){.hb-detail-hero-grid{grid-template-columns:1fr;gap:18px;min-height:0;padding:32px 0 39px}.hb-detail-title{font-size:clamp(30px,8vw,43px)}.hb-detail-photo{min-height:200px;border-radius:19px 19px 45px 19px}.hb-detail-photo img{height:235px}.hb-detail-reading{padding:22px 0 44px}.hb-detail-reading-grid{gap:16px}.hb-detail-article{border-radius:16px}.hb-detail-article-end{flex-direction:column;align-items:stretch}.hb-detail-article-end .btn{width:100%}.hb-article-content{gap:13px;padding:14px}.hb-prose-group{padding:21px 18px}.hb-detail-side{grid-template-columns:1fr}.hb-detail-bottom-grid{grid-template-columns:1fr}.hb-article-banner{padding:16px}.hb-detail-hero-actions .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.hb-listing-page .hb-entry:hover{transform:none}}