/* BibleQuest V4 Gate 10 — Learn / Read / Study family.
   Presentation only. Guided Study, Deep Questions, Story Journey, Wisdom Situations,
   Adaptive Learning and Open Smart Review keep their existing feature/content/session/
   scoring/provenance owners. */

/* --------------------------------------------------
   Shared editorial language
   -------------------------------------------------- */
[data-study-page],
[data-deep-page],
[data-story-page],
[data-wisdom-page],
[data-adaptive-page],
[data-open-review-view]{
  --study-ink:var(--ink-900);
  --study-muted:var(--ink-500);
  --study-accent:var(--forest-700);
  --study-accent-deep:var(--forest-900);
  --study-warm:var(--amber-100);
}

[data-study-page] .bq-panel,
[data-deep-page] .bq-panel,
[data-story-page] .bq-panel,
[data-wisdom-page] .bq-panel,
[data-adaptive-page] .bq-panel,
[data-open-review-view].bq-panel{
  border-color:var(--line-200);
  background:var(--surface-raised);
  box-shadow:var(--shadow-1);
}

[data-study-page] h1,
[data-deep-page] h1,
[data-story-page] h1,
[data-wisdom-page] h1,
[data-adaptive-page] h1,
[data-open-review-view] h1{
  color:var(--study-ink);
  font-family:var(--font-display);
  letter-spacing:-.035em;
}

[data-study-page] .bq-eyebrow,
[data-deep-page] .bq-eyebrow,
[data-story-page] .bq-eyebrow,
[data-wisdom-page] .bq-eyebrow,
[data-adaptive-page] .bq-eyebrow,
[data-open-review-view] .bq-eyebrow{
  color:var(--study-accent);
  letter-spacing:.09em;
}

[data-study-page] button,
[data-deep-page] button,
[data-story-page] button,
[data-wisdom-page] button,
[data-adaptive-page] button,
[data-open-review-view] button{
  min-height:var(--tap-target);
}

[data-study-page] .bq-game-topline,
[data-deep-page] .bq-game-topline,
[data-story-page] .bq-game-topline,
[data-wisdom-page] .bq-game-topline,
[data-adaptive-page] .bq-game-topline{
  max-width:780px;
  margin-inline:auto;
  padding:0 2px;
}

[data-study-page] .bq-game-progress,
[data-deep-page] .bq-game-progress,
[data-story-page] .bq-game-progress,
[data-adaptive-page] .bq-game-progress,
[data-open-review-view] .bq-open-review-progress{
  height:7px;
  border-radius:999px;
  background:color-mix(in srgb,var(--forest-500) 9%,var(--surface-subtle));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--forest-700) 8%,transparent);
}

[data-study-page] .bq-game-progress i,
[data-deep-page] .bq-game-progress i,
[data-story-page] .bq-game-progress i,
[data-adaptive-page] .bq-game-progress i,
[data-open-review-view] .bq-open-review-progress i{
  background:linear-gradient(90deg,var(--forest-700),color-mix(in srgb,var(--forest-500) 72%,var(--amber-400)));
  box-shadow:none;
}

[data-study-page] .bq-game-choice,
[data-deep-page] .bq-game-choice,
[data-story-page] .bq-game-choice,
[data-wisdom-page] .bq-game-choice,
[data-adaptive-page] .bq-game-choice{
  min-height:58px;
  border:1px solid var(--line-200);
  border-radius:var(--radius-sm);
  background:var(--surface-raised);
  color:var(--study-ink);
  box-shadow:none;
  text-align:left;
  transition:border-color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);
}

[data-study-page] .bq-game-choice:hover:not(:disabled),
[data-deep-page] .bq-game-choice:hover:not(:disabled),
[data-story-page] .bq-game-choice:hover:not(:disabled),
[data-wisdom-page] .bq-game-choice:hover:not(:disabled),
[data-adaptive-page] .bq-game-choice:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--forest-700) 32%,var(--line-200));
  background:color-mix(in srgb,var(--forest-500) 4%,var(--surface-raised));
}

[data-study-page] .bq-game-choice>span,
[data-deep-page] .bq-game-choice>span,
[data-story-page] .bq-game-choice>span,
[data-wisdom-page] .bq-game-choice>span,
[data-adaptive-page] .bq-game-choice>span{
  display:grid;
  place-items:center;
  min-width:30px;
  min-height:30px;
  border-radius:10px;
  background:color-mix(in srgb,var(--forest-500) 8%,var(--surface-subtle));
  color:var(--forest-900);
  font-weight:900;
}

[data-study-page] .bq-game-choice.is-correct,
[data-adaptive-page] .bq-game-choice.is-correct{
  border-color:color-mix(in srgb,var(--success) 38%,var(--line-200));
  background:color-mix(in srgb,var(--success) 6%,var(--surface-raised));
}

[data-study-page] .bq-game-choice.is-wrong,
[data-adaptive-page] .bq-game-choice.is-wrong{
  border-color:color-mix(in srgb,var(--danger) 34%,var(--line-200));
  background:color-mix(in srgb,var(--danger) 5%,var(--surface-raised));
}

/* --------------------------------------------------
   Guided Study — structured reading workspace
   -------------------------------------------------- */
[data-study-page] .bq-study-head{
  position:relative;
  overflow:hidden;
  padding:clamp(24px,4vw,38px);
  border-radius:var(--radius-lg);
  background:linear-gradient(145deg,var(--surface-raised),color-mix(in srgb,var(--forest-500) 6%,var(--surface-raised)));
  box-shadow:var(--shadow-2);
}

[data-study-page] .bq-study-head::after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-90px;
  top:-110px;
  border-radius:50%;
  background:color-mix(in srgb,var(--amber-100) 75%,transparent);
  pointer-events:none;
}

[data-study-page] .bq-study-head>*{position:relative;z-index:1}
[data-study-page] .bq-study-head h1{max-width:720px;margin:.14rem 0 .6rem;font-size:clamp(30px,5vw,46px);line-height:1.04}
[data-study-page] .bq-study-head p{max-width:720px;color:var(--study-muted);font-size:15px;line-height:1.65}

[data-study-page] .bq-study-library{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
  margin-top:var(--space-4);
}

[data-study-page] .bq-study-card{
  min-height:260px;
  padding:20px;
  border-radius:var(--radius-md);
  box-shadow:none;
}

[data-study-page] .bq-study-card>span{
  color:var(--study-accent);
  font-size:10px;
  letter-spacing:.09em;
}

[data-study-page] .bq-study-card h2{
  margin:10px 0 8px;
  color:var(--study-ink);
  font-family:var(--font-display);
  font-size:22px;
  line-height:1.12;
  letter-spacing:-.025em;
}

[data-study-page] .bq-study-card p{color:var(--study-muted);line-height:1.55}

[data-study-page] .bq-study-card-meta{
  margin:16px 0;
  padding-top:12px;
  border-top:1px solid var(--line-200);
  color:var(--ink-700);
}

[data-study-page] .bq-study-session,
[data-study-page] .bq-study-complete{
  max-width:780px;
  padding:clamp(22px,4vw,36px);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);
}

[data-study-page] .bq-study-session>h1{font-size:clamp(28px,4.5vw,42px);line-height:1.08}

[data-study-page] .bq-study-prompt{
  margin:20px 0;
  padding:22px;
  border-color:color-mix(in srgb,var(--forest-700) 14%,var(--line-200));
  border-radius:var(--radius-md);
  background:color-mix(in srgb,var(--forest-500) 4%,var(--surface-raised));
}

[data-study-page] .bq-study-prompt p{color:var(--ink-800);font-size:17px;line-height:1.72}

[data-study-page] .bq-study-feedback,
[data-study-page] .bq-study-saved-response{
  padding:16px 18px;
  border:1px solid color-mix(in srgb,var(--forest-700) 13%,var(--line-200));
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--forest-500) 5%,var(--surface-raised));
}

[data-study-page] .bq-study-response textarea{
  min-height:170px;
  border-color:var(--line-200);
  border-radius:var(--radius-sm);
  background:var(--surface-raised);
}

[data-study-page] .bq-study-summary>div{
  padding:16px 10px;
  border-color:var(--line-200);
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--surface-subtle) 35%,var(--surface-raised));
}

[data-study-page] .bq-study-complete-mark{
  width:64px;
  height:64px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:color-mix(in srgb,var(--success) 10%,var(--surface-raised));
  color:var(--success);
  font-size:0;
}
[data-study-page] .bq-study-complete-mark::before{content:"✓";font-family:var(--font-ui);font-size:28px;font-weight:950}

/* --------------------------------------------------
   Deep Questions — reflective editorial reading
   -------------------------------------------------- */
[data-deep-page] .bq-deep-head{
  padding:clamp(24px,4vw,38px);
  border-radius:var(--radius-lg);
  background:var(--surface-raised);
  box-shadow:var(--shadow-2);
}

[data-deep-page] .bq-deep-head h1{max-width:760px;margin:.14rem 0 .6rem;font-size:clamp(30px,5vw,46px);line-height:1.04}
[data-deep-page] .bq-deep-head p{max-width:730px;color:var(--study-muted);font-size:15px;line-height:1.65}

[data-deep-page] .bq-deep-featured{
  margin-top:var(--space-4);
  padding:clamp(22px,3.5vw,32px);
  border-color:color-mix(in srgb,var(--amber-600) 28%,var(--line-200));
  border-radius:var(--radius-lg);
  background:linear-gradient(135deg,color-mix(in srgb,var(--amber-100) 52%,var(--surface-raised)),var(--surface-raised));
  box-shadow:var(--shadow-1);
}

[data-deep-page] .bq-deep-featured h2{
  max-width:780px;
  margin:8px 0 12px;
  color:var(--study-ink);
  font-family:var(--font-display);
  font-size:clamp(24px,3.5vw,34px);
  line-height:1.15;
  letter-spacing:-.025em;
}

[data-deep-page] .bq-deep-library{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
  margin-top:var(--space-4);
}

[data-deep-page] .bq-deep-card{
  min-height:172px;
  padding:19px;
  border-radius:var(--radius-md);
  box-shadow:none;
}

[data-deep-page] .bq-deep-card h2{
  color:var(--study-ink);
  font-family:var(--font-display);
  font-size:20px;
  line-height:1.25;
  letter-spacing:-.018em;
}

[data-deep-page] .bq-deep-session{
  max-width:780px;
  padding:clamp(22px,4vw,36px);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);
}

[data-deep-page] .bq-deep-question,
[data-deep-page] .bq-deep-reflection{
  margin:20px 0;
  padding:22px;
  border-color:color-mix(in srgb,var(--forest-700) 13%,var(--line-200));
  border-radius:var(--radius-md);
  background:color-mix(in srgb,var(--forest-500) 4%,var(--surface-raised));
}

[data-deep-page] .bq-deep-reflection{
  border-left:4px solid color-mix(in srgb,var(--forest-700) 60%,var(--line-200));
}

[data-deep-page] .bq-deep-question p,
[data-deep-page] .bq-deep-reflection>p:not(.bq-eyebrow){color:var(--ink-800);font-size:17px;line-height:1.75}

[data-deep-page] .bq-deep-note textarea{
  min-height:190px;
  border-color:var(--line-200);
  border-radius:var(--radius-sm);
  background:var(--surface-raised);
}

[data-deep-page] .bq-deep-saved,
[data-deep-page] .bq-deep-feedback{
  border:1px solid color-mix(in srgb,var(--forest-700) 13%,var(--line-200));
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--forest-500) 5%,var(--surface-raised));
}

/* --------------------------------------------------
   Story Journey — editorial narrative timeline
   -------------------------------------------------- */
[data-story-page] .bq-story-head{
  padding:clamp(24px,4vw,38px);
  border-radius:var(--radius-lg);
  background:linear-gradient(145deg,var(--surface-raised),color-mix(in srgb,var(--amber-100) 25%,var(--surface-raised)));
  box-shadow:var(--shadow-2);
}

[data-story-page] .bq-story-head h1{max-width:760px;margin:.14rem 0 .6rem;font-size:clamp(30px,5vw,46px);line-height:1.04}
[data-story-page] .bq-story-head>p:not(.bq-eyebrow){max-width:730px;color:var(--study-muted);line-height:1.65}

[data-story-page] .bq-story-library{
  counter-reset:bq-story-card;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
  margin-top:var(--space-4);
}

[data-story-page] .bq-story-card{
  counter-increment:bq-story-card;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  padding:18px;
  border-radius:var(--radius-md);
  box-shadow:none;
}

[data-story-page] .bq-story-icon{
  width:48px;
  height:48px;
  border:1px solid color-mix(in srgb,var(--forest-700) 14%,var(--line-200));
  border-radius:15px;
  background:color-mix(in srgb,var(--forest-500) 7%,var(--surface-raised));
  color:var(--forest-900);
  font-size:0;
}
[data-story-page] .bq-story-icon::before{content:counter(bq-story-card,decimal-leading-zero);font-family:var(--font-ui);font-size:12px;font-weight:950;letter-spacing:.08em}

[data-story-page] .bq-story-card h2{
  color:var(--study-ink);
  font-family:var(--font-display);
  font-size:21px;
  letter-spacing:-.018em;
}

[data-story-page] .bq-story-session{
  max-width:780px;
  padding:clamp(22px,4vw,36px);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);
}

[data-story-page] .bq-story-scene{
  position:relative;
  grid-template-columns:44px minmax(0,1fr);
  gap:16px;
  padding:24px;
  border-color:color-mix(in srgb,var(--forest-700) 13%,var(--line-200));
  border-radius:var(--radius-md);
  background:color-mix(in srgb,var(--forest-500) 4%,var(--surface-raised));
}

[data-story-page] .bq-story-scene>span{
  width:38px;
  height:38px;
  border-radius:12px;
  background:var(--forest-900);
  color:var(--surface-raised);
}

[data-story-page] .bq-story-scene p{color:var(--ink-800);font-size:18px;line-height:1.76}

[data-story-page] .bq-story-finish-icon{
  width:66px;
  height:66px;
  margin:0 0 14px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:color-mix(in srgb,var(--success) 10%,var(--surface-raised));
  color:var(--success);
  font-size:0;
}
[data-story-page] .bq-story-finish-icon::before{content:"✓";font-family:var(--font-ui);font-size:30px;font-weight:950}

[data-story-page] .bq-story-result{
  padding:18px;
  border:1px solid color-mix(in srgb,var(--success) 22%,var(--line-200));
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--success) 6%,var(--surface-raised));
}

[data-story-page] .bq-story-result.is-review{
  border-color:color-mix(in srgb,var(--warning) 26%,var(--line-200));
  background:color-mix(in srgb,var(--warning) 7%,var(--surface-raised));
}

/* --------------------------------------------------
   Wisdom Situations — serious decision workspace
   -------------------------------------------------- */
[data-wisdom-page] .bq-wisdom-session{
  max-width:800px;
  padding:clamp(22px,4vw,38px);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);
}

[data-wisdom-page] .bq-wisdom-session>h1{
  margin:.25rem 0 .7rem;
  font-size:clamp(29px,4.7vw,43px);
  line-height:1.07;
}

[data-wisdom-page] .bq-wisdom-tension{
  padding:7px 11px;
  border:1px solid color-mix(in srgb,var(--amber-600) 22%,var(--line-200));
  border-radius:999px;
  background:color-mix(in srgb,var(--amber-100) 42%,var(--surface-raised));
  color:var(--ink-700);
  font-size:10px;
  letter-spacing:.055em;
}

[data-wisdom-page] .bq-wisdom-scenario{
  margin:22px 0;
  padding:24px;
  border-color:color-mix(in srgb,var(--forest-700) 13%,var(--line-200));
  border-radius:var(--radius-md);
  background:color-mix(in srgb,var(--forest-500) 4%,var(--surface-raised));
  color:var(--ink-800);
  font-size:17px;
  line-height:1.75;
}

[data-wisdom-page] .bq-wisdom-warning{
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--warning) 22%,var(--line-200));
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--warning) 6%,var(--surface-raised));
  color:var(--ink-700);
  line-height:1.6;
}

[data-wisdom-page] .bq-wisdom-result{
  padding:18px;
  border:1px solid color-mix(in srgb,var(--success) 28%,var(--line-200));
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--success) 6%,var(--surface-raised));
}

[data-wisdom-page] .bq-wisdom-result.is-review{
  border-color:color-mix(in srgb,var(--warning) 28%,var(--line-200));
  background:color-mix(in srgb,var(--warning) 7%,var(--surface-raised));
}

[data-wisdom-page] .bq-wisdom-rationales article{
  padding:16px;
  border-color:var(--line-200);
  border-radius:var(--radius-sm);
  background:var(--surface-raised);
}

[data-wisdom-page] .bq-wisdom-rationales article.is-best{
  border-color:color-mix(in srgb,var(--success) 34%,var(--line-200));
  background:color-mix(in srgb,var(--success) 5%,var(--surface-raised));
}

[data-wisdom-page] .bq-wisdom-rationales article.is-selected{
  outline:2px solid color-mix(in srgb,var(--forest-700) 26%,transparent);
  outline-offset:1px;
  box-shadow:none;
}

/* --------------------------------------------------
   Adaptive Learning — review dashboard + focus mode
   -------------------------------------------------- */
[data-adaptive-page] .bq-adaptive-head{
  position:relative;
  overflow:hidden;
  padding:clamp(24px,4vw,38px);
  border-radius:var(--radius-lg);
  background:linear-gradient(145deg,var(--forest-900),color-mix(in srgb,var(--forest-700) 87%,#111));
  color:var(--surface-raised);
  box-shadow:var(--shadow-2);
}

[data-adaptive-page] .bq-adaptive-head::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-90px;
  top:-110px;
  border-radius:50%;
  background:color-mix(in srgb,var(--amber-400) 17%,transparent);
  pointer-events:none;
}

[data-adaptive-page] .bq-adaptive-head>*{position:relative;z-index:1}
[data-adaptive-page] .bq-adaptive-head .bq-eyebrow{color:var(--amber-400)}
[data-adaptive-page] .bq-adaptive-head h1{color:var(--surface-raised);font-size:clamp(30px,5vw,46px)}
[data-adaptive-page] .bq-adaptive-head>p{max-width:720px;color:color-mix(in srgb,var(--surface-raised) 74%,transparent);line-height:1.65}

[data-adaptive-page] .bq-adaptive-metrics{
  gap:var(--space-2);
  margin-top:var(--space-6);
}

[data-adaptive-page] .bq-adaptive-head .bq-adaptive-metrics article{
  border-color:color-mix(in srgb,var(--surface-raised) 16%,transparent);
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--surface-raised) 9%,transparent);
}
[data-adaptive-page] .bq-adaptive-head .bq-adaptive-metrics b{color:var(--surface-raised)}
[data-adaptive-page] .bq-adaptive-head .bq-adaptive-metrics span{color:color-mix(in srgb,var(--surface-raised) 70%,transparent)}

[data-adaptive-page] .bq-adaptive-explain{
  margin-top:var(--space-4);
  padding:clamp(22px,3vw,30px);
  border-radius:var(--radius-md);
  box-shadow:none;
}

[data-adaptive-page] .bq-adaptive-rules>span{
  width:34px;
  height:34px;
  border-radius:11px;
  background:color-mix(in srgb,var(--forest-500) 9%,var(--surface-raised));
  color:var(--forest-900);
}

[data-adaptive-page] .bq-adaptive-session{
  max-width:800px;
  padding:clamp(22px,4vw,38px);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);
}

[data-adaptive-page] .bq-adaptive-session>h1{font-size:clamp(28px,4.6vw,42px);line-height:1.09}

[data-adaptive-page] .bq-adaptive-feedback{
  padding:18px;
  border:1px solid color-mix(in srgb,var(--success) 25%,var(--line-200));
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--success) 6%,var(--surface-raised));
}

[data-adaptive-page] .bq-adaptive-feedback.is-review{
  border-color:color-mix(in srgb,var(--warning) 26%,var(--line-200));
  background:color-mix(in srgb,var(--warning) 7%,var(--surface-raised));
}

[data-adaptive-page] .bq-adaptive-orb{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  margin:0 0 14px;
  border-radius:20px;
  background:color-mix(in srgb,var(--forest-500) 9%,var(--surface-raised));
  color:var(--forest-900);
  font-size:0;
}
[data-adaptive-page] .bq-adaptive-orb::before{content:"✓";font-family:var(--font-ui);font-size:28px;font-weight:950}

/* --------------------------------------------------
   Open Smart Review — source-first recall workspace
   -------------------------------------------------- */
[data-open-review-view].bq-open-review{
  max-width:800px;
  padding:clamp(24px,4vw,38px);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);
}

[data-open-review-view] h1{
  margin:.2rem 0 .7rem;
  font-size:clamp(30px,5vw,46px);
  line-height:1.05;
}

[data-open-review-view]>p:not(.bq-eyebrow):not(.bq-open-review-license):not(.bq-open-review-error){
  max-width:720px;
  color:var(--study-muted);
  font-size:15px;
  line-height:1.65;
}

[data-open-review-view] .bq-open-review-metrics{
  gap:var(--space-2);
  margin:var(--space-6) 0;
}

[data-open-review-view] .bq-open-review-metrics>div{
  padding:16px;
  border-color:var(--line-200);
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--surface-subtle) 35%,var(--surface-raised));
}

[data-open-review-view] .bq-open-review-head{
  padding-bottom:14px;
  border-bottom:1px solid var(--line-200);
}

[data-open-review-view] .bq-open-review-answer{
  margin:22px 0;
  padding:22px;
  border-color:color-mix(in srgb,var(--forest-700) 15%,var(--line-200));
  border-left:4px solid var(--forest-700);
  border-radius:var(--radius-md);
  background:color-mix(in srgb,var(--forest-500) 4%,var(--surface-raised));
}

[data-open-review-view] .bq-open-review-answer p{
  color:var(--ink-800);
  font-size:17px;
  line-height:1.72;
}

[data-open-review-view] .bq-open-review-context{
  margin:16px 0;
  padding:16px 18px;
  border:1px solid color-mix(in srgb,var(--amber-600) 20%,var(--line-200));
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--amber-100) 35%,var(--surface-raised));
  color:var(--ink-700);
}

[data-open-review-view] .bq-open-review-license{
  padding-top:14px;
  border-top:1px solid var(--line-200);
  color:var(--study-muted);
  font-size:10px;
  line-height:1.55;
}

[data-open-review-view] .bq-open-review-error{
  border-color:color-mix(in srgb,var(--danger) 34%,var(--line-200));
  background:color-mix(in srgb,var(--danger) 5%,var(--surface-raised));
  color:var(--ink-800);
}

/* --------------------------------------------------
   Responsive / accessibility
   -------------------------------------------------- */
@media(max-width:820px){
  [data-study-page] .bq-study-library{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  [data-study-page] .bq-study-library,
  [data-deep-page] .bq-deep-library,
  [data-story-page] .bq-story-library{grid-template-columns:1fr}

  [data-study-page] .bq-study-card{min-height:0}
  [data-wisdom-page] .bq-wisdom-session,
  [data-adaptive-page] .bq-adaptive-session{padding:20px}
  [data-adaptive-page] .bq-adaptive-metrics,
  [data-open-review-view] .bq-open-review-metrics{grid-template-columns:1fr}
}

@media(max-width:520px){
  [data-study-page] .bq-study-head,
  [data-deep-page] .bq-deep-head,
  [data-story-page] .bq-story-head,
  [data-study-page] .bq-study-session,
  [data-study-page] .bq-study-complete,
  [data-deep-page] .bq-deep-session,
  [data-story-page] .bq-story-session,
  [data-wisdom-page] .bq-wisdom-session,
  [data-adaptive-page] .bq-adaptive-head,
  [data-adaptive-page] .bq-adaptive-session,
  [data-open-review-view].bq-open-review{padding:18px}

  [data-story-page] .bq-story-scene{grid-template-columns:1fr;padding:18px}
  [data-story-page] .bq-story-scene>span{width:36px;height:36px}
  [data-study-page] .bq-study-summary{grid-template-columns:1fr}

  [data-study-page] .bq-study-actions,
  [data-deep-page] .bq-deep-actions,
  [data-story-page] .bq-story-actions,
  [data-wisdom-page] .bq-wisdom-actions,
  [data-adaptive-page] .bq-adaptive-actions,
  [data-open-review-view] .bq-open-review-actions{display:grid;grid-template-columns:1fr;width:100%}

  [data-study-page] .bq-study-actions>*,
  [data-deep-page] .bq-deep-actions>*,
  [data-story-page] .bq-story-actions>*,
  [data-wisdom-page] .bq-wisdom-actions>*,
  [data-adaptive-page] .bq-adaptive-actions>*,
  [data-open-review-view] .bq-open-review-actions>*{width:100%}
}

@media(max-width:390px){
  [data-study-page] .bq-study-head h1,
  [data-deep-page] .bq-deep-head h1,
  [data-story-page] .bq-story-head h1,
  [data-open-review-view] h1{font-size:29px}

  [data-story-page] .bq-story-card{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:14px}
  [data-story-page] .bq-story-icon{width:42px;height:42px;border-radius:13px}
  [data-deep-page] .bq-deep-featured{padding:18px}
  [data-wisdom-page] .bq-wisdom-scenario{padding:17px;font-size:16px}
  [data-open-review-view] .bq-open-review-head{grid-template-columns:auto minmax(0,1fr) auto;gap:7px}
}

@media(prefers-reduced-motion:reduce){
  [data-study-page] .bq-game-choice,
  [data-deep-page] .bq-game-choice,
  [data-story-page] .bq-game-choice,
  [data-wisdom-page] .bq-game-choice,
  [data-adaptive-page] .bq-game-choice,
  [data-study-page] button,
  [data-deep-page] button,
  [data-story-page] button,
  [data-wisdom-page] button,
  [data-adaptive-page] button,
  [data-open-review-view] button{
    transition:none!important;
    animation:none!important;
  }
  [data-study-page] .bq-game-choice:hover:not(:disabled),
  [data-deep-page] .bq-game-choice:hover:not(:disabled),
  [data-story-page] .bq-game-choice:hover:not(:disabled),
  [data-wisdom-page] .bq-game-choice:hover:not(:disabled),
  [data-adaptive-page] .bq-game-choice:hover:not(:disabled){transform:none}
}

@media(prefers-contrast:more){
  [data-study-page] .bq-panel,
  [data-deep-page] .bq-panel,
  [data-story-page] .bq-panel,
  [data-wisdom-page] .bq-panel,
  [data-adaptive-page] .bq-panel,
  [data-open-review-view].bq-panel,
  [data-study-page] .bq-game-choice,
  [data-deep-page] .bq-game-choice,
  [data-story-page] .bq-game-choice,
  [data-wisdom-page] .bq-game-choice,
  [data-adaptive-page] .bq-game-choice,
  [data-open-review-view] .bq-open-review-answer{
    border-color:var(--ink-700)!important;
    box-shadow:none!important;
  }

  [data-adaptive-page] .bq-adaptive-head{background:var(--forest-900)}
  [data-story-page] .bq-story-result.is-review,
  [data-wisdom-page] .bq-wisdom-result.is-review,
  [data-adaptive-page] .bq-adaptive-feedback.is-review{outline:2px solid var(--warning);outline-offset:2px}
}