/* HS explanations: diagrams carry meaning, with captions that remain real text. */
.page-hs .hs-citations { display: inline-flex; gap: 4px; margin-left: 6px; vertical-align: .1em; font-size: 13px; white-space: nowrap; }
.page-hs .hs-citations a { padding: 2px; color: #68517e; text-decoration: underline; text-underline-offset: 3px; }
.page-hs .hs-key-message { margin: 30px 0 8px; padding: 20px 24px; border-left: 3px solid #6f8973; background: #f4f7f5; }
.page-hs .hs-key-message p { margin: 0; line-height: 1.9; }
.page-hs .hs-key-message strong { font-size: 22px; color: #1f3a5f; }
.page-hs .hs-visual-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin: 26px 0 20px; }
.page-hs .hs-visual-item { margin: 0; min-width: 0; }
.page-hs .hs-visual-item > img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; margin: 0 0 12px; border-radius: 0; }
.page-hs .hs-visual-item figcaption { padding-top: 16px; border-top: 1px solid #d5ccdf; }
.page-hs .hs-visual-item h3 { margin: 0 0 10px; padding: 0; border: 0; font-size: 20px; line-height: 1.7; color: #1f3a5f; }
.page-hs .hs-visual-item p { margin: 0; font-size: 17px; line-height: 1.95; }
.page-hs .hs-small-note { margin: 24px 0 0; font-size: 15px; color: #526071; line-height: 1.9; }
.page-hs .hs-body-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(180px,.8fr); align-items: center; gap: 28px; margin: 36px 0 28px; }
.page-hs .hs-body-figure { min-width: 0; margin: 0; }
.page-hs .hs-body-diagram { position: relative; }
.page-hs .hs-body-diagram > img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; }
.page-hs .hs-body-point { position: absolute; display: grid; place-items: center; width: 28px; height: 28px; transform: translate(-50%,-50%); border: 2px solid #fff; border-radius: 50%; background: #68517e; color: #fff; font-family: Arial,sans-serif; font-size: 15px; font-weight: 700; line-height: 1; }
.page-hs .hs-point-1 { left: 20.4%; top: 39.5%; }
.page-hs .hs-point-2 { left: 31%; top: 45%; }
.page-hs .hs-point-3 { left: 31.8%; top: 69%; }
.page-hs .hs-point-4 { left: 75%; top: 70%; }
.page-hs .hs-body-figure figcaption { display: flex; justify-content: space-around; margin-top: 12px; font-size: 15px; color: #526071; }
.page-hs .hs-area-list { list-style: none; padding: 0; margin: 0; }
.page-hs .hs-area-list > li { display: flex; align-items: start; gap: 12px; padding: 16px 0; border-bottom: 1px solid #d9dce1; }
.page-hs .hs-area-list > li > span { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; margin-top: 3px; border-radius: 50%; background: #68517e; color: #fff; font: 700 14px/1 Arial,sans-serif; }
.page-hs .hs-area-list strong { color: #1f3a5f; font-size: 20px; }
.page-hs .hs-area-list p { margin: 6px 0 0; font-size: 16px; line-height: 1.8; }
.page-hs .hs-underlined-note { padding: 8px 0 8px 18px; border-left: 3px solid #9d89af; }
.page-hs .hs-consultation-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.35fr); gap: 24px; align-items: center; margin: 28px 0; }
.page-hs .hs-consultation-art { margin: 0; }
.page-hs .hs-consultation-art img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; }
.page-hs .hs-consultation-layout h3,.page-hs .hs-visit-memo h3,.page-hs .hs-treatment-intro h3 { margin: 0 0 14px; padding: 0; border: 0; color: #1f3a5f; font-size: 23px; line-height: 1.7; }
.page-hs .hs-consultation-layout p { margin: 0; font-size: 18px; line-height: 2; }
.page-hs .hs-visit-memo { padding: 26px 0; margin: 30px 0 46px; border-top: 1px solid #bdcabb; border-bottom: 1px solid #bdcabb; }
.page-hs .hs-visit-memo ul { list-style: none; padding: 0; margin: 14px 0; }
.page-hs .hs-visit-memo li { position: relative; padding: 5px 0 5px 26px; }
.page-hs .hs-visit-memo li::before { position: absolute; content: ''; left: 1px; top: 1.05em; width: 10px; height: 6px; border-left: 2px solid #597663; border-bottom: 2px solid #597663; transform: rotate(-45deg); }
.page-hs .hs-visit-memo p { margin: 12px 0; font-size: 17px; }
.page-hs :is(.hs-visit-memo a,.hs-inline-link) { display: inline-block; min-height: 44px; padding: 9px 0; margin: 5px 0 0; color: #68517e; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.page-hs .hs-treatment-intro p { margin: 0; }
.page-hs .hs-life-notes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; margin: 28px 0; }
.page-hs .hs-life-notes > div { border-top: 2px solid #9cad9c; padding-top: 17px; }
.page-hs .hs-life-notes h3 { margin: 0 0 12px; padding: 0; border: 0; font-size: 20px; line-height: 1.7; }
.page-hs .hs-life-notes p { margin: 0; font-size: 17px; line-height: 1.95; }
.page-hs .evidence-sources > li { scroll-margin-top: 100px; }
.page-hs a:focus-visible { outline: 3px solid #68517e; outline-offset: 4px; }
@container reading (max-width: 620px) {
 .page-hs .hs-visual-grid { grid-template-columns: minmax(0,1fr); gap: 26px; }
 .page-hs .hs-visual-item { display: grid; grid-template-columns: minmax(100px,.85fr) minmax(0,1.3fr); gap: 18px; align-items: center; padding-bottom: 24px; border-bottom: 1px solid #d9dce1; }
 .page-hs .hs-visual-item > img { margin: 0; }
 .page-hs .hs-symptoms .hs-visual-item { display: block; }
 .page-hs .hs-symptoms .hs-visual-item > img { height: 126px; width: 100%; object-fit: cover; margin-bottom: 14px; }
 .page-hs .hs-symptoms .hs-visual-item h3 { font-size: 20px; }
 .page-hs .hs-symptoms .hs-visual-item p { font-size: 17px; }
 .page-hs .hs-visual-item figcaption { border: 0; padding: 0; }
 .page-hs .hs-visual-item h3 { font-size: 19px; }
 .page-hs .hs-visual-item p { font-size: 16px; }
 .page-hs .hs-body-layout { grid-template-columns: minmax(0,1fr); gap: 16px; }
 .page-hs .hs-body-figure { max-width: 500px; margin-inline: auto; }
 .page-hs .hs-area-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
 .page-hs .hs-area-list strong { font-size: 18px; }
 .page-hs .hs-area-list p { font-size: 15px; }
 .page-hs .hs-consultation-layout { grid-template-columns: minmax(0,1fr); gap: 20px; }
 .page-hs .hs-consultation-art { width: min(100%,360px); margin-inline: auto; }
 .page-hs .hs-life-notes { grid-template-columns: minmax(0,1fr); gap: 20px; }
 .page-hs .hs-life-notes > div { padding-top: 16px; }
}
@media (max-width:760px) {
 .page-hs .hs-key-message { padding: 18px; }
 .page-hs .hs-key-message strong { font-size: 20px; }
 .page-hs .hs-body-point { width: 23px; height: 23px; font-size: 12px; border-width: 1.5px; }
 .page-hs .hs-body-layout { margin-top: 26px; }
 .page-hs .hs-area-list > li { gap: 9px; }
 .page-hs .hs-consultation-layout h3,.page-hs .hs-treatment-intro h3 { font-size: 22px; }
}
@media print { .page-hs .hs-visual-item,.page-hs .hs-body-figure,.page-hs .hs-consultation-layout { break-inside: avoid; } }