.family-result-actions{display:grid;gap:10px;margin:20px 0}.family-result-actions p{margin:0}.family-result-actions #share-result{padding:18px;font-size:17px}.family-result-actions .tiny{color:#526175;font-size:13px}
body.family-page{margin:0;background:#f1f5f8;color:#163d50;font:17px/1.6 system-ui,sans-serif}.family-page *{box-sizing:border-box}.family-page header,.family-page main,.family-page footer{max-width:640px;margin:auto;padding:22px}.family-page header{font-weight:800;font-size:15px;letter-spacing:.06em}.family-page h1{font-size:30px;line-height:1.25;margin:10px 0 18px}.family-page h2{font-size:22px}.family-page .card{background:white;border:1px solid #dce4e9;border-radius:20px;padding:24px;margin-bottom:20px}.family-page .eyebrow{color:#396678;font-size:12px;font-weight:800;letter-spacing:.08em}.family-page .code{font-size:32px;font-weight:800;letter-spacing:.12em}.family-page button,.family-page .button{font:inherit;border:1px solid #166776;border-radius:12px;padding:13px 18px;background:white;color:#145d6b;cursor:pointer;display:block;text-align:center;text-decoration:none;width:100%;margin:10px 0;min-height:48px}.family-page .primary{color:white;background:#126775;font-weight:750}.family-page button:disabled{opacity:.6;cursor:wait}.family-page .quiet{color:#536779;font-size:14px}.family-page .trends{padding-left:22px}.family-page .trends li{padding:6px 0}.family-page [hidden],.family-page .hidden{display:none!important}.family-page .error{color:#a32625}.family-page #status{min-height:1.6em}.family-page .qr{display:block;width:100%;max-width:320px;margin:auto}.family-page dl{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.family-page dd{margin:0;overflow-wrap:anywhere;font-weight:700}.family-page textarea,.family-page input:not([type=checkbox]):not([type=radio]),.family-page select{font:inherit;width:100%;padding:12px;border:1px solid #a4b7c2;border-radius:8px;background:white}.family-page textarea{min-height:110px}.family-page .share-text{min-height:150px;font-size:14px;overflow-wrap:anywhere}.family-page a{color:#146372}.family-page .modal{position:static;background:none}.family-page .modal-card{padding:0}.family-page .qstep{display:none}.family-page .qstep.active{display:block}.family-page .qblock{margin:24px 0}.family-page .qblock>label,.family-page .qblock>p:first-child{font-weight:650}.family-page .qhint{font-size:14px;color:#536779}.family-page .option-grid{display:grid;gap:8px}.family-page .check-option,.family-page .radio-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dce4e9;border-radius:10px}.family-page input[type=checkbox],.family-page input[type=radio]{width:20px;height:20px;flex:none;margin-top:4px;accent-color:#126775}.family-page .rank-grid{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:8px}.family-page .questionnaire-actions{display:flex;gap:12px}.family-page .questionnaire-progress{height:5px;background:#dce4e9;margin-top:15px}.family-page #questionnaire-progress-bar{display:block;height:100%;background:#126775}.family-page .parent-note{padding:15px;background:#edf6f5;border-radius:10px}.family-page footer{font-size:13px;color:#536779}.family-page :focus-visible{outline:3px solid #e49c35;outline-offset:3px}@media(max-width:420px){.family-page main{padding:12px}.family-page .card{padding:18px}.family-page h1{font-size:27px}.family-page dl{grid-template-columns:1fr}.family-page dd{margin-bottom:8px}}

.family-page #status:empty{display:none}.family-page .code{margin:8px 0 20px}.family-page .quiet{margin:10px 0}.family-page .trends{margin:12px 0}.family-page header{padding-bottom:12px}