.family-children{display:flex;gap:var(--s-3);flex-wrap:wrap;margin:var(--s-6) 0}.family-children [aria-current=true]{background:var(--ink);color:var(--paper)}.family-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4);margin:var(--s-5) 0}.family-metric{padding:var(--s-5);border-top:1px solid var(--line-strong);display:grid;gap:var(--s-2)}.family-metric strong{font-family:var(--font-serif);font-size:var(--t-h2)}.family-tabs{display:flex;gap:var(--s-3);margin:var(--s-5) 0;flex-wrap:wrap}.family-tabs [aria-current=page]{background:var(--ink);color:var(--paper)}.family-headline{display:flex;gap:var(--s-4);justify-content:space-between;align-items:center;flex-wrap:wrap}.family-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}.family-work-grid .teach-panel{margin:0}.family-timeline{list-style:none;padding:0}.family-timeline li{padding:var(--s-5) 0;border-top:1px solid var(--line)}.family-timeline time{font-size:var(--t-small);color:var(--ink-3)}.family-filters{display:flex;gap:var(--s-4);align-items:end;flex-wrap:wrap;margin-bottom:var(--s-5)}.family-filters label{display:grid;gap:var(--s-2)}.family-photo{max-width:96vw;max-height:96vh;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper-card);padding:var(--s-4)}.family-photo::backdrop{background:rgba(23,20,15,.5)}.family-photo img{display:block;max-width:88vw;max-height:80vh;object-fit:contain;margin-top:var(--s-3)}.family-image{background:none;border:0;padding:0;cursor:zoom-in}.family-image:focus-visible{outline:2px solid var(--clay);outline-offset:4px}.family-versions{padding-top:var(--s-4)}.family-versions article{border-top:1px solid var(--line);padding:var(--s-4) 0}.family-status-label{font-size:var(--t-small);color:var(--sage)}@media(max-width:720px){.family-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.family-work-grid{grid-template-columns:1fr}.family-metric{padding:var(--s-4)}.family-children .btn{flex:1}.family-filters label{min-width:0;flex:1}}
/* Put the learner's next action above account and binding management. */
body[data-page=family].family-has-child .section,body[data-page=family].family-invitation .section{padding-block:20px}
body[data-page=family].family-has-child .teach-top,body[data-page=family].family-invitation .teach-top{padding:16px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
body[data-page=family].family-has-child .teach-top .h1,body[data-page=family].family-invitation .teach-top .h1{font-size:26px;line-height:1.4;overflow-wrap:anywhere}
body[data-page=family].family-has-child #family-intro,body[data-page=family].family-invitation #family-intro{display:none}
body[data-page=family].family-has-child #family-back,body[data-page=family].family-invitation #family-back{width:auto;min-height:44px;padding:10px 12px;font-size:13px}
.family-context{margin:14px 0;color:var(--ink-3)}.family-context p{margin:4px 0;font-size:14px}.family-children{margin:16px 0 12px}.family-tabs{margin:14px 0;gap:10px}.family-inline-status{font-size:14px;color:var(--ink-3);line-height:1.7;margin:0}.family-inline-status:empty{display:none}.family-settings{margin-top:24px}.family-settings>button{margin-top:16px}.family-image{max-width:100%}
@media(max-width:720px){body[data-page=family] .teach-panel{padding:16px;margin-bottom:14px}body[data-page=family] .teach-panel .teach-panel{padding:14px;margin-bottom:10px}body[data-page=family] .teach-panel h2{font-size:19px;margin-bottom:12px}body[data-page=family] .teach-panel h3{font-size:18px}.family-tabs .btn{min-height:44px;flex:1}.family-children .btn{min-height:44px;font-size:13px;overflow-wrap:anywhere}body[data-page=family] .teach-form textarea{min-height:85px}.family-photo img{max-width:84vw;max-height:76vh}body[data-page=family].family-has-child .teach-top .h1{font-size:23px}.family-context .c2c-family-count{font-size:13px}}