/* DAUSOKO Inquiry Studio — Pacific whale ocean theme.
   Visual layer only: existing fields, IDs, scripts and learner flow are unchanged. */

body[data-studio-exit="inquiry"] {
  --inquiry-deep: #022e48;
  --inquiry-lagoon: #075f80;
  --inquiry-light: #a9e7f2;
  --inquiry-paper: rgba(247,252,253,.97);
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  background: #043b58;
  color: #f7fcfd;
}

/* The whale, reef and right-side Pacific pattern stay visible under the work. */
body[data-studio-exit="inquiry"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background: #043b58 url("assets/img/inquiry-studio-ocean-bg.png") center center / cover no-repeat !important;
  mask: none;
}
body[data-studio-exit="inquiry"]::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(1,31,49,.02),rgba(1,31,49,.06) 40%,rgba(1,31,49,.12));
}

body[data-studio-exit="inquiry"] .site-header {
  background: linear-gradient(90deg,rgba(2,44,67,.92),rgba(4,61,84,.84));
  border-bottom: 1px solid rgba(173,224,235,.22);
  box-shadow: 0 8px 30px rgba(0,20,35,.16);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: #fff;
}

/* The explanatory rail is deliberately quiet: the learner's question is the focus. */
body[data-studio-exit="inquiry"] .page {
  display: block;
  min-height: 100vh;
  padding: clamp(28px,5vh,72px) clamp(20px,5vw,86px) 80px;
}
body[data-studio-exit="inquiry"] .intro { display: none; }

/* The 620px workspace uses the central clear water, avoiding the whale and pattern. */
body[data-studio-exit="inquiry"] .workspace.panel {
  width: min(620px,calc(100% - 2rem));
  margin-left: clamp(34%,39vw,650px);
  padding: clamp(24px,3.2vw,42px);
  color: #f7fcfd !important;
  background: linear-gradient(145deg,rgba(3,55,78,.92),rgba(2,43,65,.89)) !important;
  border: 1px solid rgba(190,230,239,.3) !important;
  border-radius: 22px;
  box-shadow: 0 24px 60px rgba(0,20,35,.24),inset 0 1px rgba(255,255,255,.08) !important;
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
}

body[data-studio-exit="inquiry"] :is(.workspace h1,.workspace h2,.workspace h3,.workspace label,.workspace strong) { color: #f8fcfd !important; }
body[data-studio-exit="inquiry"] :is(.workspace p,.workspace .hint,.workspace .status) { color: rgba(230,246,250,.82) !important; }
body[data-studio-exit="inquiry"] .mark { color: #9de3ef; }
body[data-studio-exit="inquiry"] .top { align-items:flex-start; }
body[data-studio-exit="inquiry"] .top > div > p { max-width:38ch; }
body[data-studio-exit="inquiry"] .nav { justify-content:flex-end; }
body[data-studio-exit="inquiry"] .nav :is(a,button) {
  min-height: 40px;
  color: #eefbfc;
  background: rgba(2,43,65,.5);
  border-color: rgba(190,230,239,.28);
  box-shadow: none;
}
body[data-studio-exit="inquiry"] .nav button.active { background: rgba(157,227,239,.92); border-color: #c9f1f5; color: #06314d; }
body[data-studio-exit="inquiry"] .progress { background: rgba(196,234,242,.24); }

/* The question setup remains complete, but uses light, legible working surfaces. */
body[data-studio-exit="inquiry"] .workspace :is(input,select,textarea) {
  color: #082f53;
  background: var(--inquiry-paper);
  border-color: rgba(169,231,242,.7);
}
body[data-studio-exit="inquiry"] .workspace :is(input,select,textarea):focus { border-color: #9de6f4; box-shadow: 0 0 0 3px rgba(124,218,237,.22); }
body[data-studio-exit="inquiry"] .workspace option { color: #082f53; background: #fff; }
body[data-studio-exit="inquiry"] .workspace .help-dot { color: #06314d; background: #c9f1f5; border-color: #e1fbfc; }
body[data-studio-exit="inquiry"] .workspace .btn {
  min-height: 44px;
  color: #073553;
  background: rgba(247,252,253,.96);
  border-color: rgba(202,235,242,.6);
  box-shadow: 0 8px 18px rgba(0,20,35,.16);
}
body[data-studio-exit="inquiry"] .workspace .primary-pulse,
body[data-studio-exit="inquiry"] .workspace #next:not(.secondary) {
  color: #062d48;
  background: linear-gradient(135deg,#a7e7f4,#67c7e7);
  border-color: rgba(213,245,250,.55);
}

/* Generated directions and questions: compact, readable, and centred on evidence. */
body[data-studio-exit="inquiry"] .workspace :is(.choice,.subject,.map-hero,.map-thread,.lens-card,.toolkit,.project-bridge) {
  color: #f7fcfd !important;
  background: linear-gradient(145deg,rgba(3,55,78,.88),rgba(2,43,65,.83)) !important;
  border-color: rgba(190,230,239,.3) !important;
  box-shadow: 0 12px 30px rgba(0,20,35,.16) !important;
}
body[data-studio-exit="inquiry"] .workspace :is(.choice,.subject,.map-hero,.map-thread,.lens-card,.toolkit,.project-bridge) :is(h3,b,strong) { color: #fff !important; }
body[data-studio-exit="inquiry"] .workspace :is(.choice,.subject,.map-hero,.map-thread,.lens-card,.toolkit,.project-bridge) p { color: rgba(236,249,252,.9) !important; }
body[data-studio-exit="inquiry"] .workspace .choice.selected { border-color: #9de6f4; background: linear-gradient(145deg,rgba(7,104,130,.9),rgba(2,54,78,.9)); }
body[data-studio-exit="inquiry"] .workspace :is(.pill,.choice-pick,.support-tag,.knowledge-cell) {
  color: #073553;
  background: rgba(247,252,253,.94);
  border-color: rgba(190,230,239,.45);
}
body[data-studio-exit="inquiry"] .workspace .choice.selected .choice-pick { color: #062d48; background: #a7e7f4; }

/* Keep all three inquiry question types, but reduce them to clear evidence rows. */
body[data-studio-exit="inquiry"] .workspace .lens-questions { gap: 8px; border-top-color: rgba(190,230,239,.25); }
body[data-studio-exit="inquiry"] .workspace .lens-questions .q {
  padding: 10px 11px;
  color: #f1fbfc;
  background: rgba(0,34,55,.42);
  border-left: 3px solid #9de3ef;
}
body[data-studio-exit="inquiry"] .workspace .lens-questions .q b { color: #aeeaf3; }
body[data-studio-exit="inquiry"] .workspace .lens-detail { color: rgba(229,247,250,.83) !important; border-left-color: #75d5e5; }
body[data-studio-exit="inquiry"] .workspace .lens-detail strong { color: #fff; }

@media (max-width:1050px) {
  body[data-studio-exit="inquiry"] .workspace.panel { margin-left: auto; margin-right: max(1rem,8vw); }
}

@media (max-width:760px) {
  body[data-studio-exit="inquiry"]::before { background-position: 27% center !important; }
  body[data-studio-exit="inquiry"]::after { background: linear-gradient(rgba(1,34,52,.12),rgba(1,34,52,.26)); }
  body[data-studio-exit="inquiry"] .page { padding: 18px 0 44px; }
  body[data-studio-exit="inquiry"] .workspace.panel {
    width: min(94vw,680px);
    margin: 0 auto;
    padding: 22px 18px 26px;
    border-radius: 20px;
  }
  body[data-studio-exit="inquiry"] .top { display:grid; grid-template-columns:1fr; gap:14px; }
  body[data-studio-exit="inquiry"] .nav { justify-content:flex-start; }
  body[data-studio-exit="inquiry"] .workspace :is(input,select,textarea,.btn) { min-height:48px; }
}