/* Health rule: readable text and comfortable targets before decoration. */
html{font-size:100%}
body{font-size:1rem;line-height:1.6}
body p,body label,body input,body select,body textarea,body .btn,body .list-link,body .choice,body .tabs button{font-size:1rem!important;line-height:1.6}
body small,body .fineprint,body .overline,body .preview-tag,body .top-context,body .text-button,body .idn-chip,body .page-footer,body .section-heading p,body .domain small{font-size:.875rem!important;line-height:1.5;letter-spacing:normal}
body .domain strong,body .toast{font-size:1rem}
body .btn{white-space:normal;min-height:48px;text-align:center}
body .tabs{max-width:100%;flex-wrap:wrap;height:auto}
body .tabs button{min-height:48px;white-space:normal}
body .settings .tabs[role=group]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:6px;gap:6px;border-radius:20px;background:var(--mh-subtle)}
body .settings .tabs[role=group] button{width:100%;padding:12px 8px;border-radius:15px;background:transparent!important}
body .settings .tabs[role=group] button[aria-pressed=true]{background:var(--mh-surface)!important;color:var(--mh-text);box-shadow:0 3px 12px #24273214;outline:1px solid var(--mh-border);font-weight:600}
body .idn-purpose,body .idn-head{flex-wrap:wrap}
body .idn-chip{white-space:normal;max-width:100%}
body .hero-copy p{max-width:38ch}
body .hero-copy{max-width:65%}
body .onboard-form-inner>p{margin-top:16px}
@media(max-width:760px){
 body .hero-copy{max-width:100%}
 body .hero{min-height:390px;padding:28px}
 body .hero .orbit-art{opacity:.22}
 body .hero-copy p{max-width:100%}
 body .topbar .preview-tag{display:none}
 body .mobile-brand{margin-right:auto}
 body .sidebar{height:88px}
 body .sidebar nav a{font-size:.875rem;line-height:1.2;min-height:64px;text-align:center;overflow-wrap:anywhere}
 body .sidebar nav a span{max-width:100%}
 body .workspace{padding-bottom:calc(132px + env(safe-area-inset-bottom))}
 body .toast{bottom:calc(122px + env(safe-area-inset-bottom))}
 body .section-heading{align-items:start;flex-wrap:wrap;gap:8px}
 body .domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .domain{padding:18px;overflow-wrap:anywhere}
 body .onboard-header{flex-wrap:wrap;gap:16px}
 body .onboard-form h1{font-size:2.5rem}
 body .page-head{flex-wrap:wrap}
 body .idn-purpose>div{min-width:0;flex-basis:100%}
}
@media(max-width:360px){body .domain-grid{grid-template-columns:1fr}body .settings .tabs[role=group]{grid-template-columns:1fr}}

/* Althea white pill: restrained glow and arrow movement in editorial heroes. */
body .health-ambient-hero .btn{min-height:54px;padding:14px 28px;background:#fff;color:#34364a;box-shadow:0 0 20px #ffffff66;border:1px solid #ffffff99}
body .health-ambient-hero .btn svg{transition:transform .5s cubic-bezier(.22,1,.36,1)}
body .health-ambient-hero .btn:hover svg{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){body .health-ambient-hero .btn svg{transition:none}}

body .settings,body .lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Separate independent surfaces without loosening rows inside a single card. */
body .domain-grid,body .lower-grid,body .settings{gap:20px}
body .page>.card+.card,body .sheet>.card+.card,
body #health-panel>.card+.card{margin-top:24px}
body .page>.card+.settings,body .page>.settings+.card,
body .page>.lower-grid+.card{margin-top:28px}
body .sheet>.card{margin-block:20px}
body .card>h2+p,body .card>h3+p{margin-top:12px}
body .card,body .settings>*,body .list-link{min-width:0;overflow-wrap:anywhere}
body .list-link{font-size:1rem;white-space:normal;text-align:left}
body strong,body .step-row strong{font-size:1rem}
@media(max-width:760px){body .settings,body .lower-grid{grid-template-columns:minmax(0,1fr)}body .sidebar{height:auto;min-height:88px}body .sidebar nav{height:auto}body .workspace{padding-bottom:calc(7rem + 40px + env(safe-area-inset-bottom))}}