:root{font-family:system-ui,sans-serif;color:#1d2a31;background:#f5f7f5}body{margin:0}button,select,input{font:inherit;min-height:44px}.family-shell{display:grid;grid-template-columns:180px 1fr;min-height:100vh}header{grid-column:1 / -1;display:flex;gap:16px;align-items:center;padding:12px 20px;background:#194d49;color:#fff}header label{margin-left:auto}header select,header button{color:#1d2a31}aside{padding:16px;display:grid;gap:8px;background:#e6efed;align-content:start}aside button{text-align:left}aside .selected{font-weight:700;outline:3px solid #2a7770}.family-content{padding:24px;max-width:900px}.family-content [role=status]{white-space:pre-line;padding:12px;background:#fff7d6}.family-login,.family-loading{max-width:560px;margin:15vh auto;padding:24px;text-align:center}.family-login button{background:#06c755;color:#fff;border:0;padding:8px 16px}.family-guide{min-height:100vh;background:#f5f7f5}.family-guide-header{display:flex;gap:16px;align-items:center;padding:12px 20px;background:#194d49;color:#fff}.family-guide-header strong{margin-right:auto}.family-guide-header a{color:#fff}.family-guide-content{max-width:760px;margin:0 auto;padding:40px 24px 56px}.family-guide-content h1{margin:0 0 16px;font-size:clamp(1.8rem,5vw,2.5rem)}.family-guide-content h2{margin-top:32px;font-size:1.3rem}.family-guide-content p,.family-guide-content li{line-height:1.75}.family-guide-eyebrow{margin:0 0 8px;color:#285f5a;font-weight:700}.family-guide-notice,.family-guide-help{margin-top:28px;padding:20px 24px;border-radius:8px;background:#e6efed}.family-guide-notice h2,.family-guide-help h2{margin-top:0}.family-guide-help h2+p{margin-top:0}.family-guide-action{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:4px;background:#194d49;color:#fff;font-weight:700;text-decoration:none}.muted{color:#53646a}li{margin:10px 0}li button{margin-left:8px}@media(max-width:767px){.family-shell{grid-template-columns:1fr}header{flex-wrap:wrap}header label{margin-left:0}aside{grid-template-columns:repeat(2,minmax(0,1fr))}.family-content,.family-guide-content{padding:16px}.family-guide-header{gap:12px}.family-guide-header a{font-size:.875rem}.family-guide-notice,.family-guide-help{padding:16px}}