/* v242: non-games child page interaction flow polish for PAD */
body[data-v242-flow="true"]{
  --v242-primary:#2563eb;
  --v242-primary-strong:#1d4ed8;
  --v242-line:rgba(37,99,235,.16);
  --v242-soft:#eff6ff;
  --v242-card:#ffffff;
  --v242-ink:#172554;
  --v242-muted:#516173;
  --v242-ok:#16a34a;
  --v242-warn:#f97316;
  background:linear-gradient(180deg,#eff6ff 0%,#f8fafc 52%,#eefcf7 100%);
  color:var(--v242-ink);
  overflow-x:hidden;
}
body[data-v242-flow="true"] *{box-sizing:border-box;}
body[data-v242-flow="true"] button,
body[data-v242-flow="true"] a{touch-action:manipulation;}
body[data-v242-flow="true"] main{
  min-height:100svh;
}

/* Shared top bars: keep only one clear operation row, no cramped desktop-tool feeling */
body[data-v242-flow="true"] .v209-quiz-topbar,
body[data-v242-flow="true"] .reading-pad-topbar,
body[data-v242-flow="true"] .science-pad-topbar,
body[data-v242-flow="true"] .manners-pad-topbar,
body[data-v242-flow="true"] .life-pad-topbar,
body[data-v242-flow="true"] .knowledge-pad-topbar{
  gap:14px;
  align-items:center;
  border:1px solid var(--v242-line);
  box-shadow:0 14px 36px rgba(37,99,235,.10);
  backdrop-filter:blur(16px);
}
body[data-v242-flow="true"] .v209-actions,
body[data-v242-flow="true"] .reading-pad-tools,
body[data-v242-flow="true"] .science-pad-actions,
body[data-v242-flow="true"] .manners-pad-actions,
body[data-v242-flow="true"] .life-pad-actions,
body[data-v242-flow="true"] .knowledge-pad-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}
body[data-v242-flow="true"] .v209-action,
body[data-v242-flow="true"] .reading-pad-action,
body[data-v242-flow="true"] .reading-pad-icon-btn,
body[data-v242-flow="true"] .science-pad-top-action,
body[data-v242-flow="true"] .manners-pad-action,
body[data-v242-flow="true"] .life-pad-action,
body[data-v242-flow="true"] .knowledge-pad-action{
  min-height:44px;
  padding:10px 16px;
  border-radius:999px;
  font-size:15px;
  font-weight:800;
  white-space:nowrap;
}
body[data-v242-flow="true"] .v209-action-primary,
body[data-v242-flow="true"] .reading-pad-action.gold,
body[data-v242-flow="true"] .science-pad-action-primary,
body[data-v242-flow="true"] .manners-pad-action.primary,
body[data-v242-flow="true"] .life-pad-action.primary,
body[data-v242-flow="true"] .knowledge-pad-action.primary{
  background:linear-gradient(135deg,var(--v242-primary),#0ea5e9);
  color:#fff;
  border-color:transparent;
  box-shadow:0 12px 26px rgba(37,99,235,.22);
}

/* Question / story / scene board: two clear columns on iPad landscape, no card overflow */
body[data-v242-flow="true"] .v209-quiz-board,
body[data-v242-flow="true"] .reading-pad-board,
body[data-v242-flow="true"] .science-pad-stage,
body[data-v242-flow="true"] .manners-pad-stage,
body[data-v242-flow="true"] .life-pad-stage,
body[data-v242-flow="true"] .knowledge-pad-stage{
  width:min(1180px,calc(100vw - 32px));
  margin-left:auto;
  margin-right:auto;
}
body[data-v242-flow="true"] .reading-pad-card,
body[data-v242-flow="true"] .science-pad-card,
body[data-v242-flow="true"] .manners-pad-card,
body[data-v242-flow="true"] .life-pad-card,
body[data-v242-flow="true"] .knowledge-pad-card,
body[data-v242-flow="true"] .v209-question-card{
  background:rgba(255,255,255,.94);
  border:1px solid var(--v242-line);
  box-shadow:0 18px 42px rgba(30,64,175,.10);
  min-width:0;
}
body[data-v242-flow="true"] .reading-pad-card h1,
body[data-v242-flow="true"] .science-pad-question-title,
body[data-v242-flow="true"] .manners-pad-scene h2,
body[data-v242-flow="true"] .life-pad-scene h2,
body[data-v242-flow="true"] .knowledge-pad-scene h2,
body[data-v242-flow="true"] .v209-question{
  line-height:1.22;
  word-break:break-word;
}

/* Choices: large touch targets, stable grid, answer text wraps cleanly */
body[data-v242-flow="true"] .v209-choice-grid,
body[data-v242-flow="true"] .reading-pad-choice-grid,
body[data-v242-flow="true"] .science-pad-choice-grid,
body[data-v242-flow="true"] .manners-pad-choices,
body[data-v242-flow="true"] .life-pad-choices,
body[data-v242-flow="true"] .knowledge-pad-choices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
body[data-v242-flow="true"] .v209-choice,
body[data-v242-flow="true"] .reading-pad-choice,
body[data-v242-flow="true"] .science-pad-choice,
body[data-v242-flow="true"] .manners-pad-choice,
body[data-v242-flow="true"] .life-pad-choice,
body[data-v242-flow="true"] .knowledge-pad-choice,
body[data-v242-flow="true"] .reading-pad-order-item{
  min-height:64px;
  padding:14px 16px;
  border-radius:20px;
  line-height:1.35;
  text-align:left;
  white-space:normal;
  word-break:break-word;
}
body[data-v242-flow="true"] .v209-choice:focus-visible,
body[data-v242-flow="true"] .reading-pad-choice:focus-visible,
body[data-v242-flow="true"] .science-pad-choice:focus-visible,
body[data-v242-flow="true"] .manners-pad-choice:focus-visible,
body[data-v242-flow="true"] .life-pad-choice:focus-visible,
body[data-v242-flow="true"] .knowledge-pad-choice:focus-visible,
body[data-v242-flow="true"] .v209-action:focus-visible,
body[data-v242-flow="true"] .reading-pad-action:focus-visible,
body[data-v242-flow="true"] .science-pad-top-action:focus-visible,
body[data-v242-flow="true"] .manners-pad-action:focus-visible,
body[data-v242-flow="true"] .life-pad-action:focus-visible,
body[data-v242-flow="true"] .knowledge-pad-action:focus-visible{
  outline:4px solid rgba(37,99,235,.24);
  outline-offset:3px;
}
body[data-v242-flow="true"] .is-ok,
body[data-v242-flow="true"] .answer-ok{
  border-color:rgba(22,163,74,.55)!important;
  background:linear-gradient(135deg,#dcfce7,#f0fdf4)!important;
}
body[data-v242-flow="true"] .is-bad,
body[data-v242-flow="true"] .answer-bad{
  border-color:rgba(249,115,22,.58)!important;
  background:linear-gradient(135deg,#ffedd5,#fff7ed)!important;
}

/* Feedback: obvious, opaque, and part of the flow instead of tiny transparent hints */
body[data-v242-flow="true"] .v209-feedback,
body[data-v242-flow="true"] .reading-pad-feedback,
body[data-v242-flow="true"] .science-pad-feedback,
body[data-v242-flow="true"] .manners-pad-feedback,
body[data-v242-flow="true"] .life-pad-feedback,
body[data-v242-flow="true"] .knowledge-pad-feedback{
  border-radius:22px;
  border:1px solid var(--v242-line);
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.12);
  color:var(--v242-ink);
  font-weight:800;
}
body[data-v242-flow="true"] .science-pad-feedback[hidden],
body[data-v242-flow="true"] .manners-pad-feedback[hidden],
body[data-v242-flow="true"] .life-pad-feedback[hidden],
body[data-v242-flow="true"] .knowledge-pad-feedback[hidden]{display:none!important;}
body[data-v242-flow="true"] .science-pad-feedback,
body[data-v242-flow="true"] .manners-pad-feedback,
body[data-v242-flow="true"] .life-pad-feedback,
body[data-v242-flow="true"] .knowledge-pad-feedback{
  width:min(1180px,calc(100vw - 32px));
  margin:14px auto 0;
  padding:16px 20px;
  display:grid;
  gap:6px;
}
body[data-v242-flow="true"] .science-pad-feedback.ok,
body[data-v242-flow="true"] .manners-pad-feedback.ok,
body[data-v242-flow="true"] .life-pad-feedback.ok,
body[data-v242-flow="true"] .knowledge-pad-feedback.ok,
body[data-v242-flow="true"] .reading-pad-feedback.ok,
body[data-v242-flow="true"] .v209-feedback.ok{
  background:linear-gradient(135deg,#ecfdf5,#ffffff);
  border-color:rgba(22,163,74,.28);
}
body[data-v242-flow="true"] .science-pad-feedback.bad,
body[data-v242-flow="true"] .manners-pad-feedback.bad,
body[data-v242-flow="true"] .life-pad-feedback.bad,
body[data-v242-flow="true"] .knowledge-pad-feedback.bad,
body[data-v242-flow="true"] .reading-pad-feedback.bad,
body[data-v242-flow="true"] .v209-feedback.bad{
  background:linear-gradient(135deg,#fff7ed,#ffffff);
  border-color:rgba(249,115,22,.34);
}
body[data-v242-flow="true"] .v242-next-pulse{
  animation:v242Pulse 1.05s ease-in-out 2;
}
@keyframes v242Pulse{
  0%,100%{transform:translateY(0);box-shadow:0 12px 26px rgba(37,99,235,.20);}
  50%{transform:translateY(-2px);box-shadow:0 18px 38px rgba(37,99,235,.32);}
}

/* Finish/result layer: primary continue action first, parent route second, growth third */
body[data-v242-flow="true"] .v210-finish-actions,
body[data-v242-flow="true"] .reading-pad-result-actions{
  display:grid;
  grid-template-columns:minmax(180px,1.2fr) minmax(140px,.8fr) minmax(120px,.7fr);
  gap:12px;
  align-items:stretch;
}
body[data-v242-flow="true"] .v209-finish-primary,
body[data-v242-flow="true"] .reading-pad-primary,
body[data-v242-flow="true"] .science-pad-primary,
body[data-v242-flow="true"] .manners-pad-primary,
body[data-v242-flow="true"] .life-pad-primary,
body[data-v242-flow="true"] .knowledge-pad-primary{
  min-height:52px;
  border-radius:18px;
  font-size:17px;
  font-weight:900;
}
body[data-v242-flow="true"] .reading-pad-result-card{
  width:min(560px,calc(100vw - 40px));
  border-radius:30px;
  box-shadow:0 30px 80px rgba(15,23,42,.28);
}

/* Picker: true modal card, never a tiny hidden dropdown */
body[data-v242-flow="true"] .v209-picker,
body[data-v242-flow="true"] .reading-pad-picker,
body[data-v242-flow="true"] .science-pad-picker,
body[data-v242-flow="true"] .manners-pad-picker,
body[data-v242-flow="true"] .life-pad-picker,
body[data-v242-flow="true"] .knowledge-pad-picker{
  position:fixed;
  inset:0;
  z-index:80;
  background:rgba(15,23,42,.28);
  padding:clamp(18px,4vw,44px);
  display:grid;
  place-items:center;
}
body[data-v242-flow="true"] .v209-picker[hidden],
body[data-v242-flow="true"] .reading-pad-picker[hidden],
body[data-v242-flow="true"] .science-pad-picker[hidden],
body[data-v242-flow="true"] .manners-pad-picker[hidden],
body[data-v242-flow="true"] .life-pad-picker[hidden],
body[data-v242-flow="true"] .knowledge-pad-picker[hidden]{display:none!important;}
body[data-v242-flow="true"] .v209-picker-head,
body[data-v242-flow="true"] .reading-pad-picker-head,
body[data-v242-flow="true"] .science-pad-picker-head,
body[data-v242-flow="true"] .manners-pad-picker-head,
body[data-v242-flow="true"] .life-pad-picker-head,
body[data-v242-flow="true"] .knowledge-pad-picker-head{
  gap:16px;
}
body[data-v242-flow="true"] .v209-picker-grid,
body[data-v242-flow="true"] .reading-pad-picker-grid,
body[data-v242-flow="true"] .science-pad-picker-grid,
body[data-v242-flow="true"] .manners-pad-picker-grid,
body[data-v242-flow="true"] .life-pad-picker-grid,
body[data-v242-flow="true"] .knowledge-pad-picker-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

/* Landscape iPad: compress without crushing choices */
@media (orientation:landscape) and (max-height:820px) and (min-width:900px){
  body[data-v242-flow="true"] .v209-learn-shell,
  body[data-v242-flow="true"] .reading-pad-screen,
  body[data-v242-flow="true"] .science-pad-app,
  body[data-v242-flow="true"] .manners-pad-app,
  body[data-v242-flow="true"] .life-pad-app,
  body[data-v242-flow="true"] .knowledge-pad-app{
    padding-top:10px!important;
    padding-bottom:14px!important;
  }
  body[data-v242-flow="true"] .v209-quiz-topbar,
  body[data-v242-flow="true"] .reading-pad-topbar,
  body[data-v242-flow="true"] .science-pad-topbar,
  body[data-v242-flow="true"] .manners-pad-topbar,
  body[data-v242-flow="true"] .life-pad-topbar,
  body[data-v242-flow="true"] .knowledge-pad-topbar{
    padding:10px 14px!important;
    margin-bottom:10px!important;
  }
  body[data-v242-flow="true"] .reading-pad-board,
  body[data-v242-flow="true"] .science-pad-stage,
  body[data-v242-flow="true"] .manners-pad-stage,
  body[data-v242-flow="true"] .life-pad-stage,
  body[data-v242-flow="true"] .knowledge-pad-stage{
    gap:14px!important;
  }
  body[data-v242-flow="true"] .reading-pad-card,
  body[data-v242-flow="true"] .science-pad-card,
  body[data-v242-flow="true"] .manners-pad-card,
  body[data-v242-flow="true"] .life-pad-card,
  body[data-v242-flow="true"] .knowledge-pad-card,
  body[data-v242-flow="true"] .v209-question-card{
    padding:16px!important;
  }
  body[data-v242-flow="true"] .reading-pad-story-body,
  body[data-v242-flow="true"] .science-pad-phenomenon,
  body[data-v242-flow="true"] .manners-pad-scenario,
  body[data-v242-flow="true"] .life-pad-scenario,
  body[data-v242-flow="true"] .knowledge-pad-scenario{
    max-height:210px;
    overflow:auto;
  }
  body[data-v242-flow="true"] .v209-choice,
  body[data-v242-flow="true"] .reading-pad-choice,
  body[data-v242-flow="true"] .science-pad-choice,
  body[data-v242-flow="true"] .manners-pad-choice,
  body[data-v242-flow="true"] .life-pad-choice,
  body[data-v242-flow="true"] .knowledge-pad-choice{
    min-height:54px;
    padding:11px 14px;
  }
}

/* Portrait and phone: one column, keep main action below answer area */
@media (max-width:899px){
  body[data-v242-flow="true"] .v209-quiz-topbar,
  body[data-v242-flow="true"] .reading-pad-topbar,
  body[data-v242-flow="true"] .science-pad-topbar,
  body[data-v242-flow="true"] .manners-pad-topbar,
  body[data-v242-flow="true"] .life-pad-topbar,
  body[data-v242-flow="true"] .knowledge-pad-topbar{
    align-items:flex-start;
  }
  body[data-v242-flow="true"] .v209-actions,
  body[data-v242-flow="true"] .reading-pad-tools,
  body[data-v242-flow="true"] .science-pad-actions,
  body[data-v242-flow="true"] .manners-pad-actions,
  body[data-v242-flow="true"] .life-pad-actions,
  body[data-v242-flow="true"] .knowledge-pad-actions{
    width:100%;
    justify-content:flex-start;
  }
  body[data-v242-flow="true"] .v209-choice-grid,
  body[data-v242-flow="true"] .reading-pad-choice-grid,
  body[data-v242-flow="true"] .science-pad-choice-grid,
  body[data-v242-flow="true"] .manners-pad-choices,
  body[data-v242-flow="true"] .life-pad-choices,
  body[data-v242-flow="true"] .knowledge-pad-choices,
  body[data-v242-flow="true"] .v210-finish-actions,
  body[data-v242-flow="true"] .reading-pad-result-actions,
  body[data-v242-flow="true"] .v209-picker-grid,
  body[data-v242-flow="true"] .reading-pad-picker-grid,
  body[data-v242-flow="true"] .science-pad-picker-grid,
  body[data-v242-flow="true"] .manners-pad-picker-grid,
  body[data-v242-flow="true"] .life-pad-picker-grid,
  body[data-v242-flow="true"] .knowledge-pad-picker-grid{
    grid-template-columns:1fr;
  }
  body[data-v242-flow="true"] .v209-choice,
  body[data-v242-flow="true"] .reading-pad-choice,
  body[data-v242-flow="true"] .science-pad-choice,
  body[data-v242-flow="true"] .manners-pad-choice,
  body[data-v242-flow="true"] .life-pad-choice,
  body[data-v242-flow="true"] .knowledge-pad-choice{
    min-height:58px;
  }
}