.health-guides-page { --hg-pad:clamp(28px,3.15vw,48px); }
.health-guides-page h1,.health-guides-page h2,.health-guides-page h3 { font-weight:500; letter-spacing:-.045em; }
.health-guides-page p { line-height:1.46; }
.hg-opening { display:grid; grid-template-columns:2fr 1.05fr 1fr; gap:5px; }
.hg-opening-copy { padding:var(--hg-pad); background:white; border-radius:24px; display:flex; flex-direction:column; align-items:flex-start; }
.hg-opening-copy h1 { font-size:clamp(36px,3.8vw,59px); line-height:1.24; margin:40px 0 28px; }
.hg-opening-copy h1 span,.hg-section-heading h2 span { color:#7892a8; }
.hg-opening-copy>p:not(.section-label) { font-size:17px; color:var(--slate); max-width:470px; }
.hg-opening-copy>.pill { margin-top:34px; }
.hg-opening-portrait { position:relative; isolation:isolate; overflow:hidden; border-radius:24px; background:#548aac; color:white; min-width:0; }
.hg-opening-portrait>img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; object-position:50% 22%; z-index:-2; }
.hg-opening-portrait:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#12395840,transparent 35%,transparent 60%,#123958d9); }
.hg-opening-portrait>span { display:block; font-size:clamp(27px,2.7vw,43px); line-height:1.02; letter-spacing:-.05em; padding:28px; }
.hg-opening-portrait>div { position:absolute; bottom:28px; left:26px; right:26px; display:flex; align-items:flex-end; gap:12px; justify-content:space-between; }
.hg-opening-portrait p { font-size:16px; }
.hg-opening-portrait svg { flex-shrink:0; }
.hg-opening-side { display:grid; grid-template-rows:1fr 1.15fr; gap:5px; min-width:0; }
.hg-reading-note { border-radius:24px; padding:28px; background:#dfeaf3; display:flex; flex-direction:column; justify-content:space-between; gap:25px; }
.hg-reading-note>span { font-size:14px; line-height:1.46; color:var(--slate); }
.hg-reading-note>p { font-size:28px; line-height:1.3; letter-spacing:-.045em; }
.hg-reading-note strong { font-weight:500; }
.hg-symptom-link { border-radius:24px; padding:28px; background:#173f63; color:white; display:flex; flex-direction:column; align-items:flex-start; gap:28px; }
.hg-symptom-link h2 { font-size:27px; line-height:1.25; }
.hg-symptom-link p { margin-top:20px; font-size:16px; color:#c9dced; }
.hg-symptom-link>span { display:flex; align-items:center; justify-content:space-between; width:100%; gap:12px; font-size:14px; margin-top:auto; }
.health-guides-page .hg-directory { padding-bottom:0; }
.hg-section-heading { display:grid; grid-template-columns:1fr 2fr 1fr; gap:24px; align-items:start; margin-bottom:38px; }
.hg-section-heading h2 { font-size:clamp(31px,3vw,46px); line-height:1.27; }
.hg-section-heading>p:not(.section-label) { font-size:16px; color:var(--slate); }
.hg-list[data-slot=tabs] { gap:0; }
.hg-topic-tabs[data-slot=tabs-list] { display:flex; flex-wrap:wrap; justify-content:flex-start; height:auto; gap:5px; padding:0; background:transparent; border-radius:0; }
.hg-topic-tabs [data-slot=tabs-trigger] { flex:none; height:auto; min-height:48px; padding:14px 23px; border-radius:28px; font-size:15px; line-height:1.3; background:#e2ebf3; color:var(--ink); box-shadow:none; }
.hg-topic-tabs [data-slot=tabs-trigger][data-state=active] { background:var(--primary); color:white; box-shadow:none; }
.hg-topic-tabs [data-slot=tabs-trigger]:hover { background:#cddfed; }
.hg-topic-tabs [data-slot=tabs-trigger][data-state=active]:hover { background:#173f63; }
.hg-list-meta { display:flex; align-items:center; justify-content:space-between; padding:28px 4px 18px; font-size:14px; color:var(--slate); }
.hg-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.hg-question-card { min-width:0; border-radius:24px; padding:32px; background:white; display:flex; flex-direction:column; }
.hg-question-card:nth-child(4n+1) { background:#e1ebf4; }
.hg-card-meta { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:14px; color:var(--slate); }
.hg-card-meta>span:last-child { white-space:nowrap; font-variant-numeric:tabular-nums; }
.hg-question-card h3 { font-size:clamp(24px,2.05vw,31px); line-height:1.32; margin-top:35px; }
.hg-question-card>p { font-size:17px; color:var(--slate); margin-top:25px; }
.hg-question-card>a { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-top:32px; margin-top:auto; font-size:14px; line-height:1.4; }
.hg-question-card>a>svg { flex-shrink:0; }
.hg-question-card>a:hover>span { text-decoration:underline; text-underline-offset:5px; }
.hg-general-note { font-size:14px; color:var(--slate); margin-top:25px; max-width:860px; }
.health-guides-page .hg-notes-section { padding-bottom:0; }
.hg-notes-panel { display:grid; grid-template-columns:1.35fr 1fr; gap:5px; }
.hg-notes-title { background:#e1ebf4; border-radius:24px; padding:var(--hg-pad); }
.hg-notes-title h2 { font-size:clamp(30px,3vw,46px); line-height:1.28; margin:45px 0 28px; }
.hg-notes-title h2 span { color:#7892a8; }
.hg-notes-title>p:not(.section-label) { font-size:17px; color:var(--slate); }
.hg-notes-link { padding:var(--hg-pad); border-radius:24px; background:#173f63; color:white; display:flex; flex-direction:column; align-items:flex-start; }
.hg-notes-link>span { color:#c9dced; font-size:14px; }
.hg-notes-link h3 { font-size:40px; margin:45px 0 24px; line-height:1.25; }
.hg-notes-link p { font-size:16px; max-width:360px; color:#c9dced; }
.hg-notes-link>.pill { margin-top:32px; }
.health-guides-page .hg-faq { padding-bottom:0; }
.health-guides-page a:focus-visible,.hg-topic-tabs [data-slot=tabs-trigger]:focus-visible { outline:3px solid #418bcf; outline-offset:5px; }
@media(max-width:1100px) {
 .hg-opening { grid-template-columns:1.3fr 1fr; }
 .hg-opening-side { grid-column:1/-1; grid-template-columns:1fr 1fr; grid-template-rows:auto; }
 .hg-reading-note { justify-content:center; }
 .hg-symptom-link { gap:24px; }
 .hg-opening-portrait { min-height:500px; }
 .hg-card-grid { grid-template-columns:1fr 1fr; }
 .hg-section-heading { grid-template-columns:1fr 2fr; }
 .hg-section-heading>p:not(.section-label) { grid-column:2; }
 .hg-desktop-break { display:none; }
}
@media(max-width:700px) {
 .hg-opening { grid-template-columns:1fr; }
 .hg-opening-copy { padding:30px 26px 34px; }
 .hg-opening-copy h1 { font-size:clamp(32px,9vw,47px); margin:30px 0 26px; }
 .hg-opening-copy>p:not(.section-label) { font-size:16px; }
 .hg-opening-copy>.pill { margin-top:28px; }
 .hg-opening-portrait { min-height:320px; }
 .hg-opening-portrait>img { object-position:50% 27%; }
 .hg-opening-portrait>span { font-size:30px; padding:26px; }
 .hg-opening-portrait>div { bottom:24px; }
 .hg-opening-side { grid-template-columns:1fr; }
 .hg-reading-note { padding:26px; gap:20px; }
 .hg-reading-note>p { font-size:28px; }
 .hg-symptom-link { padding:26px; display:grid; grid-template-columns:auto 1fr; gap:24px; }
 .hg-symptom-link>span { grid-column:1/-1; }
 .hg-symptom-link h2 { font-size:27px; }
 .hg-section-heading { display:block; margin-bottom:28px; }
 .hg-section-heading h2 { font-size:32px; margin:28px 0 24px; }
 .hg-topic-tabs[data-slot=tabs-list] { display:grid; grid-template-columns:1fr 1fr; width:100%; }
 .hg-topic-tabs [data-slot=tabs-trigger] { padding:13px 12px; font-size:14px; white-space:normal; }
 .hg-card-grid,.hg-notes-panel { grid-template-columns:1fr; }
 .hg-question-card { padding:28px; }
 .hg-question-card h3 { font-size:27px; margin-top:30px; }
 .hg-question-card>p { font-size:16px; }
 .hg-notes-title,.hg-notes-link { padding:30px 26px; }
 .hg-notes-title h2 { font-size:32px; margin-top:32px; }
 .hg-notes-title>p:not(.section-label) { font-size:16px; }
 .hg-notes-link h3 { font-size:34px; margin-top:32px; }
}