@import url('../story-reviewer/style.css');

/* Reuse the established quiet reviewer typography without its editorial UI. */
.parent-header { max-width:44rem; margin:auto; padding:1.1rem 1.25rem 0; display:flex; align-items:center; justify-content:space-between; gap:1rem; font-size:.875rem; color:var(--muted); }
.parent-header button { min-height:44px; padding:.5rem; background:transparent; border:0; color:inherit; text-decoration:underline; text-underline-offset:4px; }
.age-options { display:grid; gap:.75rem; margin:2rem 0; }
#setup > p, #done > p, #replay > p { line-height:1.7; }
.parent-batch { scroll-margin-top:1rem; }
.parent-batch:focus { outline:none; }
.parent-batch + .parent-batch { margin-top:2rem; }
#decision { margin:2.5rem 0; }
#finish-area { margin:3rem 0 0; }
.primary { text-align:center; background:#252525; color:white; border-color:#252525; }
.primary:hover { background:#444; }
#problem { margin:1.5rem 0; padding:1rem; border:1px solid var(--line); line-height:1.6; }
#status:empty { display:none; }
#status { font-size:.875rem; color:var(--muted); line-height:1.6; }
button:disabled { opacity:.55; }
@media (min-width:640px) { .parent-header { padding-left:2rem; padding-right:2rem; } }