/* parents.css — the parents app's own few rules (MM-405a). Everything else is the kit
   (tokens, kit) and the parents' surface (parent.css), as her app's grown-ups' pages use. */
.pa-for{font-family:var(--f-body); font-weight:400; font-size:var(--fs-small); color:var(--ink-soft); margin-left:var(--sp-1)}
.pa-main{padding-bottom:var(--sp-7)}
.pa-account{margin:calc(-1 * var(--sp-3)) 0 var(--sp-5)}
.pa-field{display:grid; gap:var(--sp-1); margin:var(--sp-3) 0}
.pa-field .lab{font-weight:500}
.pa-field .freetext, .pa-field select{max-width:380px; width:100%; margin:0; min-height:var(--touch-lg)}
.pa-field select{padding:0 var(--sp-3); border:1px solid var(--line); border-radius:var(--r-md); background:var(--card); color:var(--ink)}
.pa-children{margin:0 0 var(--sp-2)}
.pa-error{margin-top:var(--sp-3)}
/* the link code: read across a room and typed on her iPad, so big, spaced and in the mono face */
.pa-linkcode{margin:var(--sp-4) 0 0}
.pa-linkcode__code{font-family:var(--f-num); font-weight:600; font-size:clamp(32px, 9vw, 48px); letter-spacing:.12em; line-height:1.1; margin:0; color:var(--ink)}
.pa-linkcode__code:focus{outline:none}
.pa-linkcode__code:focus-visible{outline:2px solid var(--accent); outline-offset:4px; border-radius:var(--r-sm)}
.pa-linkcode__line{margin:var(--sp-2) 0 0; color:var(--ink-soft)}
/* her pages (MM-405b): how fresh the letter is, and Refresh, under the heading */
.pa-fresh{display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-2) var(--sp-3); margin:calc(-1 * var(--sp-3)) 0 var(--sp-4)}
.pa-fresh__line{margin:0; flex:1 1 16rem}
.pa-fresh .pa-error{flex-basis:100%; margin:0}
.pa-her-pages{margin:0 0 var(--sp-5)}
/* devices and data (MM-405d) */
.pa-notice{margin:0 0 var(--sp-4)}
.pa-state{font-weight:400; color:var(--ink-soft)}
.pa-device[data-state="unlinked"] .lab{color:var(--ink-soft)}
.pa-device-list{margin:var(--sp-2) 0 0}
.pa-confirm{margin:0 0 var(--sp-3)}
.pa-confirm .lede:focus{outline:none}
.pa-confirm .lede:focus-visible{outline:2px solid var(--accent); outline-offset:4px; border-radius:var(--r-sm)}
.pa-points{margin:var(--sp-2) 0 0; padding-left:1.2em; display:grid; gap:var(--sp-2); max-width:62ch}
.pa-danger{border-color:var(--err)}
.pa-danger h2{color:var(--err)}
.pa-saved{margin-top:var(--sp-3)}
.pa-account-link{margin:var(--sp-5) 0 0}