:root {
  --vk-bg: #131e24;
  --vk-surface: #24363c;
  --vk-ink: #f2f7f6;
  --vk-muted: #c4d2d2;
  --vk-orange: #c5e5d8;
  --vk-purple: #c4d2d2;
  --med-peach: #f4b397;
}

html, body { background-color: var(--vk-bg) !important; }
.site-header, .header-shell { background-color: #19262d !important; }
.kk-release .med-umbrella-logo { display: block; width: 208px; max-width: 100%; height: auto; }
.kk-release .med-umbrella > .text-link { margin-left: 0; }
.volt-home-atmosphere svg { stroke: #d6ede5 !important; }
.auth-panel::after { content: "K" !important; }

.kk-storefront .hero h1 span { color: #b9dfd0 !important; }
@supports (background-clip: text) {
  .kk-storefront .hero h1 span {
    background: linear-gradient(109deg, #c2f0dd 6%, #b8e5d2 34%, #ecddbd 66%, var(--med-peach) 97%);
    background-clip: text;
    color: transparent !important;
  }
}

.kk-storefront .hero .eyebrow,
.kk-storefront .hero-product .quiz-label { color: var(--med-peach) !important; }
html body .kk-storefront .hero-product .quiz-card {
  background: radial-gradient(ellipse at 96% 0, #79c8ae37, transparent 57%),
    linear-gradient(147deg, #294149f2, #182830f5 58%, #17252ef5) !important;
  border-color: #8cbbae68 !important;
  box-shadow: 0 28px 65px #070f1566, inset 0 1px #c7f2e34d !important;
}
.kk-storefront .hero-product .quiz-card::before { content: none; }
.kk-storefront .hero-product .quiz-progress span {
  background: linear-gradient(90deg, #8ed3bc, #f4b397) !important;
}


/* Coordinated surfaces for the existing storefront layout. */
html body .kk-release.kk-home-refined .facts.kk-learning__facts>div[data-fact]{background:linear-gradient(145deg,#2d4247f5,#202f35f5)!important;border-color:#506c68!important;}
html body .kk-release.kk-home-refined .facts.kk-learning__facts>div[data-fact] strong{color:#d6ede5!important;}
html body .volt-learning-backdrop--home {background-color:#131e24!important;}
html body .volt-learning-backdrop--home .volt-learning-backdrop__light {
  background: radial-gradient(ellipse 59% 74% at 106% 23%, #c58c6859, transparent 79%),
    radial-gradient(ellipse 46% 58% at 72% -5%, #77978a31, transparent 76%),
    radial-gradient(ellipse 62% 55% at -7% 100%, #4a94876b, transparent 81%),
    radial-gradient(ellipse 45% 54% at 96% 104%, #376e7948, transparent 80%),
    linear-gradient(145deg, #101e25 12%, #16272e 58%, #16282e) !important;
}
html body .kk-storefront .button.primary {background:#c5e5d8!important;color:#131e24!important;border-color:#c5e5d8!important;box-shadow:0 8px 24px #0000001a!important;}
html body .kk-storefront .hero .button.primary {
  background: linear-gradient(110deg, #c8eddc, #f4b397) !important;
  border-color: #def1df !important;
  box-shadow: 0 12px 32px #73b4a149, inset 0 1px #fff7 !important;
}
html body .kk-storefront .facts {background:linear-gradient(115deg,#283e43eb,#202f35eb)!important;border-color:#45605f!important;box-shadow:none!important;}

/* Medical editorial surfaces */
html body .kk-storefront .final-section--editorial{background:radial-gradient(at 0 100%,#6b9b8b30,transparent 65%),#202f35e8!important;border-color:#48625f!important;}
html body .kk-withdrawal__hero{background:radial-gradient(circle at 91% 20%,#b9dfd025,transparent 28%),linear-gradient(112deg,#131e24,#24363c)!important;}

.kk-release #pruefung .kk-exam__card {
  border-color: #53736d;
  background: radial-gradient(ellipse at 95% 10%, #699e8b26, transparent 67%),
    linear-gradient(135deg, #24383df7, #17262ef7 78%);
  box-shadow: inset 0 1px #cde7db19;
}
.kk-release #pruefung .kk-exam__time > div {
  border-color: #415b5d;
  background: #13232a;
  box-shadow: inset 0 1px #cde7db12;
}
.kk-release #pruefung .kk-exam__time strong { color: #f4c4ac; }
.kk-release #pruefung .exam-note { border-top-color: #506c6659; }
.kk-release #pruefung .exam-atmosphere::after {
  background: radial-gradient(ellipse, #86b6a012, transparent 65%);
}
.med-exam-sources {
  grid-column: 1 / -1;
  margin-top: 14px;
  color: #c4d2d2;
  font-size: .8rem;
  line-height: 1.6;
}
.med-exam-sources summary { cursor: pointer; color: #d6ede5; font-weight: 700; }
.med-exam-sources p { margin: 8px 0; }
.med-exam-sources ul { margin: 6px 0 0; padding-left: 1.25rem; }
.med-exam-sources a { color: #d6ede5; text-decoration: underline; }

.kk-release .faq-list {
  border-color: #53736d;
  background: radial-gradient(ellipse at 95% 0, #699e8b26, transparent 65%),
    linear-gradient(135deg, #24383df7, #17262ef7 78%);
  box-shadow: inset 0 1px #cde7db19;
}
.kk-release .faq-list > details { border-bottom-color: #7ba49a45; }
.kk-release .faq-list > details > summary > span {
  border-color: #759d9173;
  background: #13232a;
  color: #c5e5d8;
}
.kk-release .faq-list > details[open] > summary { color: #d6ede5; }
.kk-release .faq-list > details[open] > summary > span {
  border-color: #91b9ac;
  background: #2d4949;
}
.kk-release .faq-list > details > summary:focus-visible { outline-color: #b9dfd0; }

/* Storefront learning-tool previews. */
.med-tools-intro { display: grid; justify-items: start; gap: 10px; }
.med-tools-intro p { max-width: 33ch; color: #c4d2d2; line-height: 1.55; }
.med-tools-status {
  padding: 5px 10px;
  border: 1px solid #6b5c4b;
  border-radius: 100px;
  background: #342d27;
  color: #f4c8ad;
  font-size: .75rem;
  font-weight: 700;
}
.med-tools-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.med-tool {
  --med-tool-accent: #b9dfd0;
  --med-tool-glow: #83c4af21;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(18px, 2vw, 30px);
  border: 1px solid #496261;
  border-radius: 24px;
  background: radial-gradient(ellipse at 100% 0, var(--med-tool-glow), transparent 68%),
    linear-gradient(150deg, #22363d, #17252d 74%);
  box-shadow: inset 0 1px #d2f4e313, 0 18px 32px #08101829;
}
.med-tool--reference { --med-tool-accent: #f4c0aa; --med-tool-glow: #c68f7926; }
.med-tool--exam { --med-tool-accent: #bcd9e4; --med-tool-glow: #7ba8bc29; }
.med-tool-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--med-tool-accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
}
.med-tool-meta svg {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  padding: 9px;
  border: 1px solid #ffffff23;
  border-radius: 13px;
  background: #131e246e;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.med-tool h3 { margin: 0; color: #f2f7f6; font-size: clamp(1.35rem, 1.75vw, 1.85rem); line-height: 1.2; }
.med-tool > p { margin: 10px 0 22px; color: #c4d2d2; font-size: .93rem; line-height: 1.6; }
.med-tool-preview {
  margin-top: auto;
  padding: 14px 15px;
  border: 1px solid #455b60;
  border-radius: 15px;
  background: #101c23b3;
  color: #e1ecea;
}
.med-tool-preview-label {
  display: block;
  margin-bottom: 10px;
  color: var(--med-tool-accent);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .05em;
}
.med-tool-steps, .med-tool-reference { display: grid; margin: 0; padding: 0; font-size: .84rem; }
.med-tool-steps { counter-reset: med-step; list-style: none; }
.med-tool-steps li, .med-tool-reference div { display: flex; align-items: center; gap: 10px; padding: 7px 0; }
.med-tool-steps li + li, .med-tool-reference div + div { border-top: 1px solid #ffffff1a; }
.med-tool-steps li::before {
  counter-increment: med-step;
  content: counter(med-step, decimal-leading-zero);
  color: var(--med-tool-accent);
  font-size: .7rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.med-tool-reference div { justify-content: space-between; flex-wrap: wrap; }
.med-tool-reference dt { font-weight: 700; }
.med-tool-reference dd { margin: 0; color: #c4d2d2; }
.kk-release .med-tools .tool-foot > .text-link {
  padding: 9px 15px;
  border: 1px solid #66877e;
  border-radius: 999px;
  background: #263b3d;
  color: #d6ede5;
}
.kk-release .med-tools .tool-foot > .text-link:hover { background: #304b4b; }
@media (max-width: 980px) {
  .med-tools-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}