.public-account-links{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;justify-content:flex-end}
.public-account-links a:last-child{font-weight:650}
.family-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);align-items:start}
.family-intro{padding-top:1rem;max-width:36rem}
.family-intro h1{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.12}
.family-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2.3rem);min-width:0;overflow-wrap:anywhere}
.family-card h2{font-size:clamp(1.65rem,2.5vw,2rem)}
.family-form{gap:.8rem}
.family-form select{width:100%;min-width:0;border:1px solid var(--color-border);border-radius:12px;padding:.85rem 1rem;background:white;color:var(--color-ink);font:inherit}
.family-form input{width:100%}
.family-form .field-hint{font-size:.88rem;color:var(--color-ink-soft);font-weight:400;margin:-.2rem 0 .2rem}
.family-form label .field-hint{margin:0}
.family-form .field-error{color:#8a2f27;font-size:.92rem;margin:-.35rem 0 .3rem}
.family-form [aria-invalid=true]{border-color:#b0443b}
.family-form :focus-visible,.family-card a:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}
.family-form button{margin-top:.65rem}
.family-preview{padding:.9rem 1rem;background:var(--color-soft);border-left:3px solid var(--color-primary);border-radius:0 10px 10px 0;margin:1.3rem 0;font-size:.9rem}
.family-preview p{margin:0}
.family-steps{list-style:none;padding:0;margin:2rem 0}
.family-steps li{display:flex;gap:1rem;margin:1.1rem 0;align-items:start;color:var(--color-ink-soft)}
.family-steps li>span{display:grid;place-items:center;flex:0 0 2.25rem;height:2.25rem;border:1px solid var(--color-border);border-radius:50%;font-weight:700}
.family-steps .current>span{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.family-steps strong{color:var(--color-ink)}
.family-steps p{margin:.1rem 0;font-size:.93rem}
.family-after-form{margin-top:1.5rem}
.family-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:2rem}
.family-heading h1{font-size:clamp(2rem,4vw,3.2rem);overflow-wrap:anywhere}
.family-formula{font-size:1.4rem;color:var(--color-primary);font-weight:700}
@media(max-width:800px){.family-grid{grid-template-columns:1fr}.family-intro{max-width:none}.family-heading{align-items:flex-start;flex-direction:column}.public-account-links{gap:.2rem .8rem}.topbar-inner{align-items:flex-start}}