.family-page{max-width:1100px;margin:auto;padding:28px 20px}.family-page h1{font-size:clamp(32px,5vw,52px);line-height:1.12}.family-page>section{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;margin:22px 0;padding:24px}.family-page h2,.family-page h3{text-align:left;margin:0 0 15px}.family-page h2{font-size:clamp(23px,3vw,32px)}.family-page p,.family-page li{color:var(--color-muted);line-height:1.7}.family-answer ol{padding-left:23px}.family-answer li{margin-bottom:10px}.family-controls{flex-wrap:wrap;gap:16px;display:flex}.family-controls label{flex:1;gap:7px;min-width:160px;display:grid}.family-controls select{width:100%;min-width:0}.family-result{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:start;gap:24px;display:grid}.family-result figure{margin:0}.family-result svg{background:#fff;border-radius:8px;width:100%;max-width:250px;height:auto}.family-result figcaption,.family-note{font-size:13px}.family-scroll{max-width:100%;overflow-x:auto}.family-page table{border-collapse:collapse;width:100%;font-size:14px}.family-page td,.family-page th{text-align:left;border:1px solid var(--color-border);padding:11px}.family-page caption{text-align:left;color:var(--color-muted);padding:8px 0}.family-actions{flex-wrap:wrap;gap:9px;margin:18px 0;display:flex}.family-page button{min-height:42px}.family-page #family-status{min-height:24px}#family-summary{color:var(--color-primary);font-weight:600}@media (width<=650px){.family-page,.family-page>section{padding:18px 14px}.family-result{grid-template-columns:1fr}.family-result svg{max-width:220px}.family-controls label{flex-basis:100%}.family-page td,.family-page th{padding:8px}.family-actions button{flex:135px}}@media print{@page{size:A4 portrait;margin:12mm}header,footer,.family-page>section:not(#family-tool),.family-controls,.family-actions,#family-status{display:none!important}body,.family-page,#family-tool{color:#000!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important}.family-page p,.family-page caption,.family-page th,.family-page td{color:#000!important}.family-page table{font-size:10px}.family-page td,.family-page th{padding:5px}.family-page h1{font-size:25px}.family-page h2{font-size:18px}.family-result{grid-template-columns:150px 1fr}.family-result svg{max-width:150px}.family-page .family-note{font-size:10px}}