.health-page { min-width: 0; }
.health-opening { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 22px; align-items: start; }
.health-main-column,.health-side-column { display: grid; gap: 22px; min-width: 0; }
.health-page .section-heading { align-items: flex-start; gap: 14px; }
.health-page .section-heading p { margin-top: 5px; font-size: 12px; color: var(--muted); line-height: 1.8; }
.health-page .eyebrow { font-size: 9px; margin-bottom: 7px; }
.health-page .panel { min-width: 0; }
.health-status { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 20px; background: #edf1e6; color: #58704d; font-size: 10px; line-height: 1.5; white-space: normal; }
.health-status.attention { background: #f5e9de; color: #915f3c; }
.health-symbol { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #e6eddf; color: var(--green); flex-shrink: 0; }
.health-symbol .icon { width: 23px; height: 23px; }
.health-note { color: var(--muted); font-size: 11px; line-height: 1.8; margin-top: 17px; }
.health-page .money-equivalent,.health-overview .money-equivalent { margin-left: 0; }
.health-page .money-native { display: inline; }
.health-page strong,.health-page dd,.health-page b { overflow-wrap: anywhere; }
.health-page button.text-btn { min-height: 40px; }
.health-decision { display: flex; gap: 20px; background: #f1eddf; border-color: #dfd8c5; margin-bottom: 24px; }
.health-decision>div { min-width: 0; }
.health-decision h2 { font-size: 23px; font-family: Georgia,'Times New Roman',serif; margin: 5px 0 10px; }
.health-decision p { font-size: 13px; line-height: 1.9; }
.health-decision small { display: block; font-size: 11px; color: var(--muted); margin-top: 15px; }
.health-decision-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 20px; }
.health-condition-list { display: grid; gap: 18px; }
.health-condition { padding: 20px 0 0; border-top: 1px solid var(--line); }
.health-condition-top { display: flex; align-items: center; gap: 13px; }
.health-condition-top>div { flex: 1; min-width: 0; }
.health-condition h3 { margin-top: 7px; }
.health-condition-icon { display: inline-flex; align-items: center; justify-content: center; background: #f0f2e9; width: 42px; height: 42px; border-radius: 9px; color: #6f8969; flex-shrink: 0; }
.health-diagnosis { font-size: 12px; color: var(--muted); line-height: 1.8; margin-top: 14px; }
.health-condition-stage { font-size: 11px; color: #69825c; margin-top: 14px; }
.health-condition-stage+.health-diagnosis { margin-top: 6px; }
.health-resolved { font-size: 11px; margin-top: 20px; color: var(--muted); }
.health-resolved summary { cursor: pointer; min-height: 32px; color: var(--green); }
.health-resolved ul { list-style: none; padding: 0; margin: 0; }
.health-resolved li { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 10px 0; border-top: 1px solid var(--line); }
.health-resolved li small { font-size: 10px; text-align: right; flex-shrink: 0; }
.health-condition-facts { display: flex; gap: 9px 16px; flex-wrap: wrap; margin-top: 15px; font-size: 11px; color: #66745c; }
.health-condition-facts span { display: flex; align-items: center; gap: 6px; }
.health-condition-facts .icon { width: 14px; height: 14px; }
.health-condition .text-btn { margin-top: 10px; }
.health-condition-note { margin-top: 12px; font-size: 12px; line-height: 1.8; }
.health-empty { display: flex; align-items: flex-start; gap: 18px; padding: 10px 0 5px; }
.health-empty h3 { margin-bottom: 8px; }
.health-empty p { font-size: 12px; line-height: 1.9; color: var(--muted); }
.health-daily-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.health-fact { display: flex; flex-direction: column; justify-content: space-between; gap: 9px; font-size: 10px; color: var(--muted); }
.health-fact strong { font-family: Georgia,'Times New Roman',serif; font-size: 26px; line-height: 1.3; font-weight: 400; color: var(--ink); }
.health-time-lines { display: grid; gap: 12px; margin-top: 20px; }
.health-time-lines p { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; font-size: 12px; }
.health-time-lines b { flex-shrink: 0; font-size: 12px; color: var(--ink); }
.health-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 10px; }
.health-links .text-btn { font-size: 11px; }
.health-appointments ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
.health-appointments li { padding: 17px 0 0; border-top: 1px solid var(--line); }
.health-appointment-month { display: block; font-size: 10px; color: #6a7e5d; text-transform: uppercase; letter-spacing: .7px; margin-bottom: 7px; }
.health-appointments h3 { font-size: 14px; }
.health-appointments li>p { font-size: 11px; color: var(--muted); margin-top: 6px; }
.health-appointments li>small { font-size: 10px; color: var(--muted); display: block; margin-top: 7px; }
.health-appointment-price { display: flex; justify-content: space-between; gap: 14px; font-size: 12px; margin-top: 14px; }
.health-appointment-price>b { color: var(--ink); text-align: right; }
.health-small-empty { color: var(--muted); font-size: 12px; line-height: 1.8; }
.health-costs h2 { margin-top: 6px; }
.health-total { font-family: Georgia,'Times New Roman',serif; font-size: 32px; line-height: 1.3; color: var(--ink); margin: 23px 0; }
.health-total>span:last-child { display: block; margin-top: 8px; font-size: 11px; font-family: 'Segoe UI',Arial,sans-serif; color: var(--muted); }
.health-costs dl { margin: 0; display: grid; gap: 12px; font-size: 11px; }
.health-costs dl>div,.health-quote>div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.health-costs dd,.health-quote dd { margin: 0; text-align: right; color: var(--ink); max-width: 57%; }
.health-costs dt,.health-quote dt { color: var(--muted); }
.health-cost-funding { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 17px; display: grid; gap: 12px; }
.health-cost-funding p { font-size: 11px; display: flex; justify-content: space-between; gap: 12px; }
.health-cost-funding b { color: var(--ink); text-align: right; }
.health-insurance-year { display: grid; gap: 8px; font-size: 11px; padding-top: 18px; margin-top: 18px; border-top: 1px solid var(--line); }
.health-insurance-year>span,.health-insurance-year small { color: var(--muted); }
.health-insurance-year>b { font-size: 12px; color: var(--ink); }
.health-insurance-year small { font-size: 10px; }
.health-bill-details { margin-top: 20px; font-size: 11px; }
.health-bill-details summary,.health-country summary { cursor: pointer; color: var(--green); min-height: 28px; }
.health-bill-details ul { list-style: none; padding: 0; margin: 8px 0 0; }
.health-bill-details li { padding: 10px 0; display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); }
.health-bill-details li span { min-width: 0; }
.health-bill-details li b { text-align: right; flex-shrink: 0; max-width: 50%; }
.health-bill-details small { display: block; font-size: 10px; color: var(--muted); margin-top: 4px; }
.health-country h2 { font-size: 19px; margin-bottom: 13px; }
.health-country p { font-size: 12px; line-height: 1.9; color: var(--muted); }
.health-country p+p { margin-top: 12px; }
.health-country details { margin-top: 14px; font-size: 11px; }
.health-country ul { margin: 4px 0 0; padding-left: 17px; }
.health-country li+li { margin-top: 8px; }
.health-country a { color: var(--green); text-underline-offset: 3px; }
.health-country a .icon { width: 12px; height: 12px; margin-left: 4px; }
.health-care,.health-plans { margin-top: 34px; }
.health-care>.section-heading,.health-plans>.section-heading { margin-bottom: 20px; }
.health-care>.section-heading p,.health-plans>.section-heading p { max-width: 710px; }
.health-care-controls { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-bottom: 22px; }
.health-care-controls label,.health-habits label { display: block; font-size: 11px; color: var(--muted); margin-bottom: 7px; }
.health-care-controls select,.health-habits select { font-size: 12px; }
.health-care-controls>p { grid-column: 1/-1; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; font-size: 11px; color: var(--muted); }
.health-care-controls>p>.icon { height: 14px; width: 14px; align-self: center; margin-right: 3px; }
.health-care-controls>p>span { margin-left: 12px; }
.health-care-controls>p b { color: var(--ink); font-weight: 500; }
.health-care-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.health-care-card,.health-plan-card { display: flex; flex-direction: column; min-width: 0; }
.health-care-top,.health-plan-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; color: #738b66; }
.health-care-card h3,.health-plan-card h3 { font-size: 18px; }
.health-care-card>p:not(.health-care-reason),.health-plan-card>p { font-size: 12px; line-height: 1.8; color: var(--muted); margin-top: 12px; }
.health-care-price { margin: 23px 0 20px; }
.health-care-price>span { font-size: 10px; color: var(--muted); display: block; margin-bottom: 7px; }
.health-care-price strong { font-size: 27px; line-height: 1.3; font-weight: 400; color: var(--ink); font-family: Georgia,'Times New Roman',serif; }
.health-care-price .money-equivalent,.health-plan-premium .money-equivalent,.health-total .money-equivalent { font-family: 'Segoe UI',Arial,sans-serif; font-size: 11px; margin-top: 5px; }
.health-quote { display: grid; gap: 10px; font-size: 11px; margin: 0; padding-top: 18px; border-top: 1px solid var(--line); }
.health-care-reason { display: flex; align-items: flex-start; gap: 8px; font-size: 11px; line-height: 1.8; color: #8d7156; margin: 20px 0; flex: 1; }
.health-care-reason .icon { width: 15px; height: 15px; margin-top: 2px; }
.health-care-reason.positive { color: #668057; }
.health-care-card>.btn,.health-plan-card>.btn { width: 100%; margin-top: auto; }
.health-plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.health-plan-funding { max-width: 390px; margin-bottom: 22px; }
.health-plan-funding label { display: block; font-size: 11px; color: var(--muted); margin-bottom: 8px; }
.health-plan-funding select { font-size: 12px; }
.health-plan-card.current { border-color: #c2d0b7; box-shadow: inset 0 3px 0 #8ea180; }
.health-plan-premium { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin: 22px 0; }
.health-plan-premium strong { font-weight: 400; font-family: Georgia,'Times New Roman',serif; font-size: 27px; line-height: 1.3; color: var(--ink); }
.health-plan-premium>span { font-size: 11px; color: var(--muted); }
.health-plan-coverage { margin-bottom: 20px; flex: 1; }
.health-plan-card>small { display: block; font-size: 10px; color: var(--muted); margin-top: 12px; text-align: center; }
.health-pending { display: flex; align-items: flex-start; gap: 10px; padding: 16px 20px; background: #eeeede; color: #73714e; border-radius: 8px; font-size: 12px; line-height: 1.8; margin: 0 0 20px; }
.health-pending .icon { width: 17px; height: 17px; margin-top: 2px; }
.health-habits { margin-top: 28px; }
.health-habits>div>p { font-size: 12px; color: var(--muted); line-height: 1.8; margin-top: 7px; }
.health-habits form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: end; gap: 18px; margin-top: 22px; }
.health-habits form>.btn { justify-self: start; grid-column: 1/-1; }
.health-history { margin-top: 24px; }
.health-history ol { padding: 0; list-style: none; margin: 20px 0 0; }
.health-history li { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 5px 20px; padding: 16px 0; border-top: 1px solid var(--line); }
.health-history li>small { font-size: 11px; color: var(--muted); }
.health-history li>b { font-size: 13px; color: var(--ink); }
.health-history li>p { grid-column: 2; font-size: 12px; line-height: 1.8; color: var(--muted); }
.health-overview h3 { font-size: 16px; margin: 18px 0 8px; }
.health-overview>p { color: var(--muted); font-size: 12px; line-height: 1.8; }
.health-overview>.text-btn { font-size: 12px; min-height: 40px; margin-top: 10px; }
.health-overview-next { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 7px; font-size: 11px; margin-top: 15px; color: #697e5b; }
.health-overview-next .icon { width: 15px; height: 15px; margin-top: 1px; }
.health-overview-next small { display: block; flex-basis: 100%; margin-left: 22px; font-size: 10px; color: var(--muted); }
button.health-stat { display: block; width: 100%; text-align: left; }
button.health-stat:hover { box-shadow: 0 0 0 2px #a9ba9f; }
.health-stat .stat-caption { display: flex; justify-content: space-between; gap: 6px; align-items: center; }
.health-stat .stat-caption .icon { width: 13px; height: 13px; }
@media(max-width:1150px) { .health-care-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .health-opening { grid-template-columns: minmax(0,1fr) 280px; } .health-daily-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .health-opening { grid-template-columns: minmax(0,1fr); } .health-side-column { grid-template-columns: repeat(2,minmax(0,1fr)); } .health-plan-grid { grid-template-columns: minmax(0,1fr); } .health-plan-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 24px; } .health-plan-heading,.health-plan-card>.health-plan-coverage,.health-plan-card>.health-care-reason { grid-column: 1/-1; } .health-plan-card>h3 { grid-column: 1; } .health-plan-card>.health-quote { grid-column: 2; grid-row: 2/5; } .health-plan-card>.health-plan-premium { grid-column: 1; } .health-plan-card>.btn { width: auto; margin-top: 10px; } }
@media(max-width:600px) { .navigation .nav-item[data-tab="health"] { display: none; } .health-opening,.health-main-column,.health-side-column { gap: 18px; } .health-side-column,.health-care-grid,.health-care-controls,.health-habits form { grid-template-columns: minmax(0,1fr); } .health-care-controls { gap: 15px; } .health-care-controls>p { gap: 6px; } .health-care-controls>p>span { margin-left: 0; width: 100%; } .health-decision { padding: 22px 18px; gap: 13px; } .health-decision>.health-symbol { width: 34px; height: 34px; } .health-decision>.health-symbol .icon { width: 18px; height: 18px; } .health-decision h2 { font-size: 21px; } .health-decision-actions { gap: 10px; } .health-decision-actions>.btn { width: 100%; font-size: 11px; padding-inline: 12px; } .health-decision small { font-size: 10px; } .health-page .section-heading { flex-wrap: wrap; } .health-condition-top { align-items: flex-start; gap: 11px; } .health-condition h3 { font-size: 15px; } .health-condition-icon { width: 35px; height: 35px; } .health-condition-facts { flex-direction: column; gap: 10px; } .health-empty { gap: 12px; } .health-empty>.health-symbol { width: 36px; height: 36px; } .health-empty p { font-size: 11px; } .health-fact strong { font-size: 28px; } .health-daily-grid { gap: 18px; } .health-time-lines p { font-size: 11px; gap: 12px; } .health-time-lines b { font-size: 11px; } .health-links { gap: 2px 14px; } .health-appointment-price { font-size: 11px; } .health-care,.health-plans { margin-top: 28px; } .health-plan-card { display: flex; gap: 0; } .health-plan-card>.btn { width: 100%; } .health-plan-card>.health-quote { padding-top: 18px; } .health-plan-card .health-plan-premium { margin: 20px 0; } .health-habits form>.btn { width: 100%; } .health-history li { grid-template-columns: minmax(0,1fr); gap: 6px; } .health-history li>p { grid-column: 1; } .health-page .health-note { font-size: 10px; } }
.health-outcomes>p { font-size: 12px; line-height: 1.9; color: var(--muted); margin: 15px 0 0; }
.health-outcomes>h2 { margin: 12px 0 0; }