/* Parent feedback card, lesson thumbs, big-family child picker (js/features/feedback.js). Sizes follow UX guidelines v1 section 3. */
.fb-card{margin-top:24px;max-width:760px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;display:flex;flex-direction:column;gap:12px}
.fb-card h2{font-size:1.125rem;line-height:1.625rem;font-weight:600;margin:0;letter-spacing:0}
.fb-card p{margin:0;font-size:1rem;line-height:1.5rem}
.fb-card:focus{outline:2px solid var(--ink);outline-offset:3px}
.fb-card form{display:flex;flex-direction:column;gap:12px}
.fb-scale{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.fb-scale label{position:relative;display:block;cursor:pointer}
.fb-scale input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.fb-scale span{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:64px;justify-content:center;padding:8px 4px;border:1.5px solid var(--line-strong);border-radius:14px;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--ink-2);background:var(--surface)}
.fb-scale b{font-size:1.125rem;line-height:1.625rem;font-weight:700;color:var(--ink)}
.fb-scale input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}
.fb-scale input:checked+span b{color:#fff}
.fb-scale input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.fb-scale i{font-style:normal}.fb-sr{display:none}.fb-ends{display:none}
.fb-lab{font-size:.875rem;line-height:1.25rem;font-weight:600}
.fb-card textarea{font:inherit;font-size:1rem;line-height:1.5rem;padding:10px 12px;border:1.5px solid var(--line-strong);border-radius:12px;resize:vertical;min-height:88px;width:100%;box-sizing:border-box}
.fb-err{min-height:1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--bad)}
.fb-err:empty{min-height:0}
.fb-actions{display:flex;gap:8px;flex-wrap:wrap}
.fb-thumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center;margin:16px auto 0;font-size:1rem;line-height:1.5rem;color:var(--ink-2)}
.fb-thumbs.done{font-weight:600}
.kidpick{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-width:320px}
.kidpick label{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--ink-2)}
.kidpick select{font:inherit;font-size:1rem;line-height:1.5rem;min-height:44px;padding:8px 12px;border:1.5px solid var(--line-strong);border-radius:12px;background:var(--surface)}
@media (max-width:47.99rem){.fb-card{padding:16px}.fb-scale{gap:6px}.fb-scale span{min-height:48px}.fb-w{display:none}.fb-sr{display:inline}
  .fb-ends{display:flex;justify-content:space-between;gap:8px;margin:-4px 0 0;font-size:.8125rem;line-height:1.125rem;color:var(--ink-2)}}