/* Approved warm knowledge-base treatment, scoped to published pilot readers. */
.kb-published-article {
  background: #f6f1e8;
  padding: 24px;
  border-radius: 16px;
}
.kb-published-article h1 { color: #111; }
.kb-published-article .kb-pilot-checklist { color: #222; line-height: 1.8; }
.kb-published-article .kb-pilot-checklist :is(p, li) { text-align: left; }
.kb-published-article .kb-pilot-checklist :is(h2, h3) { color: #111; }
.kb-published-article .kb-pilot-checklist h2:has(+ ul),
.kb-published-article .kb-pilot-checklist h2 + ul {
  background: #fffaf2;
  border-color: #e2d8c9;
}
.kb-published-article .kb-pilot-checklist h2::before {
  background-color: #edee00;
  color: #111;
  border-radius: 50%;
}
.kb-published-article .kb-pilot-checklist > p:first-child {
  background: #fffaf2;
  border-left-color: #edee00;
  color: #222;
}
.kb-published-article .kb-pilot-checklist a { color: #123dff; }
.kb-published-article .kb-pilot-checklist a:hover { color: #092ba8; }
.kb-published-article .kb-pilot-checklist li::before { background-color: #123dff; }
.kb-published-article .kb-pilot-checklist :is(.kb-pilot-shift, .kb-pilot-period, .kb-pilot-template) {
  background: #fffaf2;
  border-color: #e2d8c9;
}
.kb-published-article .kb-pilot-checklist details summary {
  background: #fffaf2;
  border-color: #e2d8c9;
}
.kb-published-article .kb-pilot-checklist details summary:hover { background: #f1e9dc; }
.kb-published-article .kb-pilot-checklist details summary:focus-visible { outline-color: #123dff; }
.kb-published-article .kb-pilot-checklist details summary::after { border-color: #666; }
.kb-published-article .kb-pilot-checklist details summary h2 { background: transparent; border: 0; }
.kb-published-article .kb-pilot-checklist details > :is(ul, blockquote) { background: #fffcf7; }
.kb-published-article .kb-pilot-checklist .kb-pilot-shift > ul li { border-color: #e8dfd1; }
.kb-published-article .kb-pilot-checklist .kb-pilot-shift > ul li > strong:first-child {
  background: #f1e9dc;
  color: #222;
}
.kb-published-article .kb-pilot-operator > h3,
.kb-published-article .kb-pilot-operator > h3 + ol + h3 { background: #f1e9dc; border-color: #e2d8c9; }
.kb-published-article .kb-pilot-operator > h3 + ol,
.kb-published-article .kb-pilot-operator > h3 + ol + h3 + ol { background: #fffaf2; border-color: #e2d8c9; }
.kb-published-article .kb-pilot-operator > h3 + ol li { border-color: #e8dfd1; }
.kb-published-article .kb-pilot-operator > h3 + ol li::before,
.kb-published-article .kb-pilot-conflict > h2 + ol > li::before {
  background: #edee00;
  color: #111;
}
.kb-published-article .kb-pilot-conflict > h2 + ol > li { background: #fffaf2; border-color: #e2d8c9; }
.kb-published-article .kb-pilot-conflict > h2 + ol strong { color: #111; }
.kb-published-article .kb-pilot-conflict > h2 + ol > li::after { color: #666; }
.kb-published-article .kb-pilot-conflict > h2 { background: transparent; }
.kb-published-article .kb-pilot-conflict > h2 + ul { background: transparent; }
.kb-published-article .kb-pilot-conflict > blockquote li::before { background: #e85a75; }
.kb-published-article .kb-pilot-templates .kb-pilot-message-variant,
.kb-published-article .kb-pilot-templates .kb-pilot-template > blockquote p.kb-pilot-message-label {
  background: #f6f1e8;
  border-color: #e2d8c9;
  color: #222;
}
.kb-published-article .kb-pilot-templates .kb-pilot-message-variant-heading { color: #111; }
.kb-published-article .kb-pilot-templates .kb-pilot-message-variant-number { background: #edee00; color: #111; }
.kb-published-article .kb-pilot-checklist .kb-illustrated-step {
  display: block;
}
.kb-published-article .kb-pilot-checklist ul:has(.kb-article-illustration) { display: flow-root; }
.kb-published-article .kb-pilot-checklist .kb-article-illustration {
  display: block;
  float: right;
  width: 240px;
  max-width: 42%;
  height: auto;
  margin: 0 0 12px 18px;
  border-radius: 0;
  background: transparent;
}
@media (max-width: 600px) {
  .kb-published-article { padding: 12px; }
  .kb-published-article .kb-pilot-checklist .kb-illustrated-step { display: flex; flex-direction: column; gap: 12px; }
  .kb-published-article .kb-illustrated-copy { order: 0; }
  .kb-published-article .kb-pilot-checklist .kb-article-illustration { order: 1; float: none; width: 210px; max-width: 100%; margin: 0; align-self: center; }
}
@media print {
  .kb-published-article { padding: 0; }
  .kb-article-illustration { break-inside: avoid; }
}

/* Warm reader shell. Only the knowledge-base route, never other portal areas. */
body.kb-warm-interface { background: #f4efe6; }
.kb-warm-interface #root > .min-h-screen,
.kb-warm-interface .min-h-screen.bg-slate-50 { background: #f4efe6; }
.kb-warm-interface header { background: #fffcf6; border-color: #e1d8c9; box-shadow: none; }
.kb-warm-interface .kb-academy-banner { background: #faf6ef; color: #292722; border-bottom: 1px solid #e1d8c9; }
.kb-warm-interface .kb-academy-banner p { color: #787267; }
.kb-warm-interface .kb-academy-banner a { background: transparent; color: #59544c; border-radius: 10px; padding: 9px 13px; }
.kb-warm-interface .kb-academy-banner a.bg-white { background: #ece5d7; color: #234cce; }
.kb-warm-interface .kb-academy-banner a:hover { background: #ece5d7; }
.kb-warm-interface .kb-academy-banner svg { color: currentColor !important; }
.kb-warm-interface main .bg-white { background-color: #fffcf6; }
.kb-warm-interface main :is(.bg-slate-50, .bg-blue-50) { background-color: #f7f1e7; }
.kb-warm-interface main :is(.border-slate-200, .border-slate-100, .border-blue-200) { border-color: #e1d8c9; }
.kb-warm-interface main :is(.text-slate-800, .text-slate-700) { color: #292722; }
.kb-warm-interface main :is(.text-slate-600, .text-slate-500, .text-slate-400) { color: #787267; }
.kb-warm-interface main :is(.text-teal-600, .text-teal-700, .text-blue-700) { color: #234cce; }
.kb-warm-interface main .bg-teal-50 { background-color: #ece5d7; }
.kb-warm-interface main .bg-teal-600 { background-color: #234cce; }
.kb-warm-interface main .hover\:bg-teal-700:hover { background-color: #163ba8; }
.kb-warm-interface main .hover\:bg-slate-50:hover { background-color: #f1e9dc; }
.kb-warm-interface main .hover\:bg-teal-50:hover { background-color: #ece5d7; }
.kb-warm-interface main .w-72 svg { color: #787267 !important; }
.kb-warm-interface main .w-72 .bg-teal-50 svg { color: #234cce !important; }
.kb-warm-interface main input { background: #fffcf6; border-color: #e1d8c9; color: #292722; }
.kb-warm-interface main input::placeholder { color: #787267; }
.kb-warm-interface main :is(button, a, input):focus-visible { outline: 2px solid #234cce; outline-offset: 2px; }
.kb-warm-interface .kb-published-article { background: #fffcf6; border: 1px solid #e1d8c9; }
.kb-warm-interface .kb-pilot-checklist > p:first-child { background: #f7f1e7; }
.kb-warm-interface .kb-pilot-checklist h2:has(+ ul),
.kb-warm-interface .kb-pilot-checklist h2 + ul { background: #fffcf6; }

/* Long message templates and the debug stripe must fit narrow viewports. */
.kb-published-article { min-width: 0; overflow-wrap: anywhere; }
.kb-warm-interface ol.fixed[tabindex="-1"] { right: 0; }

/* Dashboard uses the knowledge-base surfaces, blue actions and warm cover fades. */
.kb-warm-interface .academy-dashboard .bg-teal-500 { background-color: #234cce; }
.kb-warm-interface .academy-dashboard .from-white { --tw-gradient-from: #fffcf6; }
.kb-warm-interface .academy-dashboard .hover\:text-teal-700:hover { color: #163ba8; }
.kb-warm-interface .academy-dashboard .hover\:bg-teal-50:hover { background-color: #ece5d7; }