.dsc-card > [hidden] { display: none !important; }
#start > p.skill-preview-notice { padding: 12px 14px; border-left: 5px solid #a06a16; border-radius: 8px; background: #fff4dd; color: #15364a; }
#start #skillForm, #start #skillForm label, #start #skill-start-error { color: #15364a; }
/* The shared runtime places pale teaching and feedback panels inside a dark
   Skill card. Give those surfaces their own ink without changing other studios. */
#studio .dausoko-stage-runtime .dsc-card :is(.dsc-preparation,.dsc-artifact,.dsc-feedback,.dsc-journal,.dsc-paper-record,.dsc-journal-guide,.dsc-journal-verification) {
  color: #15364a !important;
  text-shadow: none !important;
}
#studio .dausoko-stage-runtime .dsc-card :is(.dsc-preparation,.dsc-artifact,.dsc-feedback,.dsc-journal,.dsc-paper-record,.dsc-journal-guide,.dsc-journal-verification) :is(h2,h3,h4,p,li,span,strong,em,label,small,summary,pre,td,th) {
  color: #15364a !important;
  text-shadow: none !important;
}
#studio .dausoko-stage-runtime .dsc-card :is(.dsc-preparation,.dsc-artifact,.dsc-feedback,.dsc-journal,.dsc-paper-record,.dsc-journal-guide,.dsc-journal-verification) a {
  color: #075985 !important;
  text-decoration: underline;
}
#skillForm > select { display:block; width:100%; margin:8px 0 18px; padding:11px 12px; border:2px solid #9ac9d5; border-radius:10px; font:inherit; color:#15364a; background:#fff; }
.skill-method-check {
  margin: 18px 0;
  padding: 20px;
  border: 2px solid #276d91;
  border-left: 7px solid #276d91;
  border-radius: 12px;
  background: #eef8ff;
  color: #15364a;
}
.skill-method-check h3 { margin: 8px 0 14px; color: #15364a; }
.skill-method-check form { display: grid; gap: 10px; }
.skill-method-check label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid #9ac9d5;
  border-radius: 8px;
  background: #fff;
  color: #15364a;
  font-weight: 600;
  cursor: pointer;
}
.skill-method-check input[type="radio"] { margin-top: 5px; }
.skill-method-check button { justify-self: start; }
.skill-method-feedback { margin: 12px 0 0; font-weight: 700; }
.skill-method-feedback[data-correct="false"] { color: #8d3a20; }
.skill-method-feedback[data-correct="true"] { color: #075e49; }
.skill-source { margin: 8px 0 16px; padding: 12px; border: 1px solid #9ac9d5; border-radius: 8px; background: #fff; }
.skill-source summary { cursor: pointer; font-weight: 800; }
.skill-source a { overflow-wrap: anywhere; }
.skill-workbench[data-interaction-type="match_pairs"] .skill-matching-prompt {
  margin: 0 0 12px;
  color: #15364a;
  font-weight: 700;
}
.skill-teaching-ideas { margin: 12px 0 0; padding-left: 1.5rem; }
.skill-teaching-ideas > li { margin: 0 0 12px; line-height: 1.5; }
.skill-teaching-ideas > li::marker { color: #087f77; }
.skill-idea-check { display: block; margin-top: 4px; }
.skill-teaching .skill-knowledge { margin: 10px 0; font-size: 1rem; line-height: 1.5; }
.skill-teaching > .eyebrow { color: #e9fbff; }
.skill-worked-model, .skill-real-source { margin: 14px 0 0; padding: 14px 16px; border-radius: 10px; color: #17364b; }
.skill-worked-model { border-left: 5px solid #be7720; background: #fff7e8; }
.skill-real-source { border-left: 5px solid #2773a2; background: #edf7fe; }
.skill-worked-model > strong, .skill-real-source > strong { display: block; margin-bottom: 5px; }
.skill-worked-model p, .skill-real-source p { margin: 5px 0 9px; }
.skill-real-source a, .skill-context-help a { overflow-wrap: anywhere; font-weight: 700; }
.skill-real-source .skill-video-link, .skill-context-help a { display: block; margin-top: 8px; }
.skill-real-source small { display: block; margin-top: 5px; }
.skill-context-help { margin-top: 14px; padding: 12px; border-left: 5px solid #257493; border-radius: 8px; background: #edf7fb; color: #17364b; }
.skill-context-help > strong { display: block; margin-bottom: 8px; }
.skill-context-actions { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.skill-context-actions button { padding: 8px 10px; font: inherit; font-size: .85rem; border: 1px solid #257493; border-radius: 8px; background: #fff; color: #17364b; cursor: pointer; }
.skill-context-help [role=status]:empty { display: none; }
body[data-skill-nonwriting="true"] .dausoko-writing-ready { display: none !important; }
@media(max-width:600px) {
  .skill-method-check { padding: 15px; }
  .skill-method-check button { width: 100%; }
  .skill-context-actions button { width: 100%; }
}
