.health-hub,.vision-eyes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.health-hub a{color:inherit;text-decoration:none}.health-hub strong,.health-hub small{display:block}
.health-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.health-toolbar>div{min-width:0}
.health-toolbar .action-button{margin:4px}.vision-history>article{margin-block:16px}
.vision-eye{min-width:0;padding:16px;border:1px solid var(--nav-border);border-radius:16px;background:var(--nav-surface)}
.vision-eye legend{font-weight:600;padding-inline:8px}.vision-eye dl{margin:0}.vision-eye dl>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-block:10px}.vision-eye dd{margin:0;font-weight:600}
.vision-form label{display:grid;gap:8px;margin-block:12px;font-weight:600}.vision-form input,.vision-form select,.vision-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;font-weight:400}.vision-dialog{width:min(880px,calc(100vw - 24px));max-width:880px}
.vision-notes{white-space:pre-wrap;overflow-wrap:anywhere}.vision-legend{display:flex;gap:20px;flex-wrap:wrap}
.health-chart{display:block;width:100%;max-width:900px;margin-inline:auto;overflow:visible}.health-chart text{fill:currentColor;font:14px var(--font-ui)}
.health-series{fill:none;stroke:currentColor;stroke-width:3}.health-series-1{stroke-dasharray:6 4}.health-dot{fill:var(--nav-active-background);stroke:currentColor;stroke-width:2;stroke-dasharray:none}
.health-chart g:focus{outline:none}.health-chart g:focus .health-dot{stroke-width:4}.health-chart .measurement-reference{stroke-width:1;opacity:.45}
.health-summary{display:flex;gap:24px;flex-wrap:wrap;margin-block:16px}.health-summary>div{display:grid;gap:6px}.health-summary strong{font-weight:650}
.vision-page .measurement-list button{white-space:normal;text-align:start;overflow-wrap:break-word}.measurement-detail .vision-eye{display:block;width:100%;box-sizing:border-box}
.vision-form-error{white-space:normal}.vision-page h2,.vision-history h3,.health-hub h2{overflow-wrap:break-word}
.vision-page .measurement-tabs{flex-wrap:wrap}.vision-page .measurement-tabs button,.vision-page .measurement-list button{font:600 16px/1.5 var(--font-ui);min-height:44px;padding:8px 14px;border:1px solid var(--color-border);border-radius:12px;color:var(--color-primary);background:var(--color-surface);word-break:normal;overflow-wrap:normal}
.vision-page .measurement-tabs button{flex:1 0 120px;white-space:nowrap}.vision-page .measurement-tabs button[aria-pressed=true],.vision-page .measurement-list button[aria-pressed=true]{background:var(--nav-active-background);border-color:var(--color-primary)}
.vision-page button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}
@media(max-width:600px){.vision-eyes,.health-hub{grid-template-columns:1fr}.vision-eye{padding:12px}.vision-page.g-card,.measurement-page.g-card{padding:16px}.health-chart text{font-size:14px}.vision-dialog .dialog-heading h2{font-size:22px}.vision-legend{gap:12px}.health-summary{gap:16px}}