.family{max-width:1050px;padding-bottom:50px}.family h1{font-size:clamp(38px,7vw,70px)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid #dbe6df;border-radius:22px;padding:24px;margin:20px 0;box-shadow:0 8px 30px #163e2710}.panel h2{font-size:25px;margin-top:0}.panel p,.panel li{line-height:1.8}.panel li{margin-bottom:10px}.family button,.family input,.family select{font:inherit;font-size:17px;min-height:48px;border-radius:12px;padding:10px 14px;max-width:100%}.family button{cursor:pointer;background:#103e32;color:#fff;border:0}.family button:disabled{opacity:.5;cursor:wait}.family input,.family select{border:1px solid #a9bab2;background:#fff;width:100%;margin:8px 0 14px}.family label{display:block}.family [hidden]{display:none!important}.check{display:flex!important;gap:10px;align-items:flex-start;line-height:1.8}.check input{width:24px;flex-shrink:0;margin:3px 0}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.toolbar p{flex:1}#plan{display:grid;grid-template-columns:1fr 1fr;gap:12px}#plan h3{grid-column:1/-1}#code{font-family:monospace}.child-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;background:#eef6ef;border-radius:16px;margin:12px 0}.record{border-bottom:1px solid #dde7df;padding:16px 0;overflow-wrap:anywhere}.device{padding:14px 0;border-bottom:1px solid #ddd}.family :focus-visible{outline:3px solid #d69433;outline-offset:3px}.family summary{cursor:pointer;font-weight:700}.family a{overflow-wrap:anywhere}#notice{white-space:pre-line}footer{gap:16px;flex-wrap:wrap}@media(max-width:650px){.cards,#plan{grid-template-columns:1fr}.panel{padding:20px}.family h1{font-size:42px}.family .lead{font-size:20px}.child-card{flex-wrap:wrap}.toolbar button{flex:1}.family button{width:100%;margin:4px 0}}
@media print {header,footer,button{display:none!important}body{background:white;color:black}.panel{box-shadow:none;border:1px solid #aaa;break-inside:avoid}.wrap{width:auto;padding:0}a{color:black;text-decoration:none}h1{font-size:28px}}
.panel p,.panel li{overflow-wrap:anywhere}#enroll-qr{width:260px;max-width:100%;height:auto}
.child-card:has([aria-pressed="true"]){outline:3px solid #35765d;outline-offset:2px}.child-card [aria-pressed="true"]{background:#28654f}#plan-status{grid-column:1/-1;margin:0;line-height:1.6}#plan-status:empty{display:none}
@media(max-width:650px){.toolbar{align-items:stretch}.toolbar p{flex-basis:100%;min-width:0}.toolbar button{flex:1 1 100%}}