/* Health & Beauty · 14-topic premium treatment directory, V19 */
.hb-topics-page{background:#06162e;color:#fff;min-height:72vh}
.hb-topics-hero{padding:48px 0 38px;background:radial-gradient(ellipse at 75% 15%,rgba(45,112,172,.39),transparent 46%),linear-gradient(115deg,#06152f,#0c386b 61%,#3d102d);border-bottom:3px solid #d8ae6d}
.hb-directory-top{display:grid;grid-template-columns:1fr minmax(260px,360px);align-items:end;gap:32px}
.hb-directory-eyebrow{font-size:12px;letter-spacing:.18em;color:#ffdda0;text-transform:uppercase;font-weight:800}
.hb-directory-top h1{font:700 clamp(35px,4.9vw,66px)/1.12 Georgia,serif;color:#fff;margin:13px 0 15px}
.hb-directory-top p{max-width:680px;color:#e0ebfb;font-size:16px;line-height:1.7;margin:0}
.hb-directory-search{padding:20px 21px;border:1px solid rgba(235,196,126,.57);border-radius:17px;background:linear-gradient(115deg,rgba(8,28,61,.83),rgba(24,63,109,.68));box-shadow:0 14px 32px #020c206e}
.hb-directory-search label{display:block;color:#f3e2c5;font-size:13px;font-weight:800;margin-bottom:11px}
.hb-directory-search input{display:block;width:100%;background:#f8fbff;border:2px solid #ddc28b;border-radius:10px;padding:12px 14px;color:#102c50;font-size:16px;line-height:1.4;outline-offset:4px}
.hb-directory-search output{display:block;margin-top:10px;color:#ebf4ff;font-size:12px;font-weight:700}
.hb-topics-body{padding:36px 0 74px;background:linear-gradient(116deg,#06162e,#10335b 50%,#071730)}
.hb-topic-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;margin:0 0 12px}
.hb-topic-actions button{cursor:pointer;border:1px solid #d9b274;background:#123b67;color:#fff;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700}
.hb-topic-actions button:hover,.hb-topic-actions button:focus-visible{background:#285787;outline:2px solid #ffe0a0}
.hb-topics-meta{display:flex;align-items:center;gap:15px;color:#e8d5b1;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 21px}
.hb-topics-rule{height:1px;background:#aa875e;flex:1}
.hb-topic{margin:0 0 11px;border:1px solid rgba(231,189,119,.66);border-radius:15px;background:linear-gradient(115deg,#0c294e,#123b65 69%,#092144);box-shadow:0 10px 27px #0005;overflow:hidden;color:#fff}
.hb-topic[open]{border-color:#ffd991;background:#0e2f58}
.hb-topic[hidden]{display:none!important}
.hb-topic>summary{display:grid;grid-template-columns:52px minmax(0,1fr) auto 28px;align-items:center;gap:16px;min-height:79px;padding:13px 25px;cursor:pointer;list-style:none;outline-offset:3px}
.hb-topic>summary::-webkit-details-marker{display:none}
.hb-topic>summary:hover{background:rgba(93,154,205,.13)}
.hb-topic>summary:focus-visible{outline:3px solid #ffdd91}
.hb-topic-index{font:700 22px/1 Georgia,serif;color:#eac17d;letter-spacing:.02em}
.hb-topic-label{font:700 clamp(18px,2vw,24px)/1.3 Georgia,serif;color:#fff;overflow-wrap:anywhere}
.hb-topic-quantity{display:inline-flex;align-items:center;justify-content:center;border:1px solid #baa074;border-radius:25px;min-width:43px;min-height:34px;padding:3px 10px;color:#ffe4af;background:rgba(5,17,34,.5);font-weight:800;font-size:14px;white-space:nowrap}
.hb-topic-chevron{display:inline-flex;justify-content:center;align-items:center;color:#ffe2a0;font-size:28px;transition:transform .18s ease;transform-origin:center;line-height:1}
.hb-topic[open] .hb-topic-chevron{transform:rotate(180deg)}
.hb-topic-list{list-style:none;background:#ecf3f9;margin:0;padding:6px 25px 14px;border-top:3px solid #d0a460;display:block}
.hb-topic-item{border-bottom:1px solid #c6d4e2}
.hb-topic-item:last-child{border:0}
.hb-topic-item[hidden]{display:none!important}
.hb-topic-item>a{color:#143453!important;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 10px;text-decoration:none;line-height:1.4;font-weight:650;border-radius:7px;font-size:15px;min-width:0}
.hb-topic-item>a:hover,.hb-topic-item>a:focus-visible{background:#d5e6f4;color:#0c3764!important;outline:2px solid #bf9450}
.hb-topic-item-label{flex:1;overflow-wrap:anywhere}
.hb-topic-item-open{color:#13598c;white-space:nowrap;font-size:12px;font-weight:800}
.hb-topic-empty{display:none;background:#fff0d3;color:#382a13;padding:17px 22px;border-radius:10px;border:1px solid #ddb979;font-size:15px}
.hb-topic-empty:not([hidden]){display:block}
.hb-topics-body .hb-topic:target{scroll-margin-top:25px}
[dir=rtl] .hb-topic>summary{grid-template-columns:28px auto minmax(0,1fr) 52px}
[dir=rtl] .hb-topic-index{grid-column:4;grid-row:1}
[dir=rtl] .hb-topic-label{grid-column:3;grid-row:1}
[dir=rtl] .hb-topic-quantity{grid-column:2;grid-row:1}
[dir=rtl] .hb-topic-chevron{grid-column:1;grid-row:1}
@media(max-width:850px){.hb-directory-top{grid-template-columns:1fr}.hb-directory-search{max-width:600px}.hb-topics-body{padding:24px 0 45px}}
@media(max-width:580px){.hb-topics-hero{padding:32px 0}.hb-topics-body{padding:20px 0 40px}.hb-topic>summary{grid-template-columns:33px minmax(0,1fr) 34px 23px;gap:9px;padding:12px 13px;min-height:72px}.hb-topic-index{font-size:17px}.hb-topic-label{font-size:17px}.hb-topic-quantity{font-size:12px;min-width:34px;min-height:29px;padding:2px 6px}.hb-topic-list{padding:5px 9px 10px}.hb-topic-item>a{padding:12px 9px;font-size:14px}.hb-topic-item-open{font-size:11px}.hb-topic-actions{justify-content:flex-start}.hb-topics-meta{font-size:11px}.hb-topic-chevron{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hb-topic-chevron{transition:none}}

/* HB34 V19 mobile: compact premium heading/search without horizontal overflow. */
@media(max-width:580px){
 .hb-directory-top{grid-template-columns:minmax(0,1fr);min-width:0}
 .hb-directory-top>div,.hb-directory-search{min-width:0;max-width:100%}
 .hb-directory-top h1{font-size:clamp(29px,7.8vw,36px);overflow-wrap:anywhere}
}