/* Открытые страницы банка задач (/zadaniya/) — всегда тёмная тема, как доска */
.zd-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: #94a3b8; }
.zd-crumbs a { color: #a5b4fc; text-decoration: none; }
.zd-crumbs a:hover { text-decoration: underline; }
.zd-crumbs b { color: #e2e8f0; font-weight: 700; }
.zd-topic { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 18px; text-decoration: none; min-width: 0; }
.zd-num { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 32px; padding: 0 10px; border-radius: 11px;
  font-weight: 900; font-size: 13px; color: #c7d2fe; background: rgba(99,102,241,.16); border: 1px solid rgba(129,140,248,.45); }
.zd-chip { font-size: 12px; font-weight: 700; padding: 5px 11px; border-radius: 999px; color: #cbd5e1; background: rgba(148,163,184,.1); border: 1px solid rgba(148,163,184,.2); }
.zd-cta { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 18px 20px; border-radius: 20px; border-color: rgba(129,140,248,.4); }
.zd-task { padding: 20px 22px; border-radius: 22px; }
.zd-task-head { display: flex; align-items: center; gap: 10px; min-width: 0; margin-bottom: 12px; }
.zd-text { color: #e2e8f0; font-size: 16px; line-height: 1.7; overflow-x: auto; }
.zd-text table { border-collapse: collapse; margin: 10px 0; }
.zd-text td, .zd-text th { border: 1px solid rgba(148,163,184,.35); padding: 6px 10px; }
.zd-svg { margin-top: 14px; padding: 12px; border-radius: 16px; background: rgba(15,15,26,.7); border: 1px solid rgba(148,163,184,.15); max-width: 560px; overflow-x: auto; }
.zd-svg svg { max-height: 300px; width: 100%; height: auto; }
.zd-plot { max-width: 760px; }
.zd-plot svg { max-height: 520px; }
.zd-actions { margin-top: 14px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; }
.zd-det { flex: 1 1 100%; order: 2; }
.zd-det summary { display: inline-flex; cursor: pointer; list-style: none; font-size: 13px; font-weight: 800; color: #a5b4fc; padding: 7px 12px; border-radius: 12px; background: rgba(99,102,241,.1); border: 1px solid rgba(129,140,248,.3); }
.zd-det summary::-webkit-details-marker { display: none; }
.zd-det[open] summary { background: rgba(99,102,241,.22); }
.zd-actions { flex-direction: row; }
.zd-actions .zd-det { flex: 0 1 auto; order: 0; }
.zd-actions .zd-det[open] { flex: 1 1 100%; }
.zd-board { margin-left: auto; }
.zd-ans { margin-top: 10px; padding: 10px 14px; border-radius: 12px; background: rgba(16,185,129,.1); border: 1px solid rgba(52,211,153,.35); color: #d1fae5; }
.zd-sol { margin-top: 10px; padding: 14px 16px; border-radius: 14px; background: rgba(15,15,26,.7); border: 1px solid rgba(148,163,184,.15); color: #cbd5e1; line-height: 1.7; overflow-x: auto; }
.zd-variant { padding-top: 10px; }
.zd-final { padding: 28px; border-radius: 26px; border-color: rgba(168,85,247,.45); background: linear-gradient(120deg, rgba(99,102,241,.12), rgba(168,85,247,.1)); }
.zd-link { font-size: 13px; font-weight: 700; padding: 7px 12px; border-radius: 12px; color: #cbd5e1; text-decoration: none; background: rgba(148,163,184,.08); border: 1px solid rgba(148,163,184,.18); }
.zd-link:hover { color: #fff; border-color: rgba(129,140,248,.6); }
.zd-link.active { color: #fff; background: rgba(99,102,241,.3); border-color: rgba(129,140,248,.7); }
.t-accent { color: #a5b4fc; }
@media (max-width: 640px) { .zd-task { padding: 16px; } .zd-board { margin-left: 0; } .zd-text { font-size: 15px; } }

/* Рисунки задач ОГЭ 1–5 и графики — правила из стилей доски (тёмная тема) */
.task11-top-img .task11-graph-wrap {
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 820px !important;
}
.task11-top-img svg.task-graph-svg {
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  border: none !important;
  background: transparent !important;
}
.plan-num-circle,
#tasks-container svg .plan-num-circle,
#active-task-illustration svg .plan-num-circle {
  fill: #ffffff !important;
  stroke: #0f172a !important;
  stroke-width: 2px !important;
}
.plan-num-text,
#tasks-container svg .plan-num-text,
#active-task-illustration svg .plan-num-text {
  fill: #0f172a !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  font-family: 'Onest', sans-serif !important;
}
body.light .plan-num-circle,
body.light #tasks-container svg .plan-num-circle,
body.light #active-task-illustration svg .plan-num-circle {
  fill: #ffffff !important;
  stroke: #0f172a !important;
  stroke-width: 2.5px !important;
}
body.light .plan-num-text,
body.light #tasks-container svg .plan-num-text,
body.light #active-task-illustration svg .plan-num-text {
  fill: #0f172a !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  font-family: 'Onest', sans-serif !important;
}
.task-graph-svg {
  background-color: #0a0a0f !important;
  border: 1px solid #334155 !important;
  width: 100% !important;
  max-width: 300px !important;
  max-height: 300px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}
.oge-plan-svg,
.task-graph-svg.oge-plan-svg {
  max-width: 520px !important;
  max-height: none !important;
}
.task-graph-svg text,
.task-graph-svg .graph-axis-text {
  fill: #f8fafc !important;
  stroke: none !important;
  font-weight: 800 !important;
}
.task-graph-svg .graph-axis-line {
  stroke: #cbd5e1 !important;
}
body.light .task-graph-svg {
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
}
body.light .task-graph-svg text,
body.light .task-graph-svg .graph-axis-text {
  fill: #0f172a !important; 
  stroke: none !important;
  font-weight: 800 !important;
}
body.light .task-graph-svg .graph-axis-line {
  stroke: #334155 !important;
}
body.light .graph-grid-line {
  stroke: rgba(15, 23, 42, 0.15) !important;
}
body.light .graph-axis-line {
  stroke: #334155 !important;
}
svg path.v-pin-path,
body.light svg path.v-pin-path,
body:not(.light) svg path.v-pin-path,
#challenge-tasks-container svg path.v-pin-path,
#tasks-container svg path.v-pin-path {
  fill: #ffffff !important;
  stroke: #2563eb !important;
  stroke-width: 2.2px !important;
}
svg text.v-pin-text,
body.light svg text.v-pin-text,
body:not(.light) svg text.v-pin-text,
#challenge-tasks-container svg text.v-pin-text,
#tasks-container svg text.v-pin-text {
  fill: #0f172a !important;
  stroke: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  font-family: 'Onest', -apple-system, sans-serif !important;
  dominant-baseline: central !important;
  text-anchor: middle !important;
  opacity: 1 !important;
}
body:not(.light) #challenge-tasks-container svg text.v-pin-text,
body:not(.light) #tasks-container svg text.v-pin-text,
body:not(.light) #active-task-illustration svg text.v-pin-text,
body:not(.light) #duel-task-container svg text.v-pin-text,
body:not(.light) #challenge-tasks-container svg .v-pin-group text,
body.light #challenge-tasks-container svg text.v-pin-text,
body.light #tasks-container svg text.v-pin-text,
svg text.v-pin-text,
text.v-pin-text,
.v-pin-text {
  fill: #0f172a !important;
  color: #0f172a !important;
  stroke: none !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  opacity: 1 !important;
}
@media (min-width: 1024px) {
  .tutor-header-banner {
    display: flex !important;
  }
.zd-svg .oge-plan-svg { max-width: 100% !important; }
.zd-svg svg .plan-num-text { fill: #0f172a !important; }

/* ---------- Светлая тема (по умолчанию) ---------- */
body.light .zd-crumbs { color: #64748b; }
body.light .zd-crumbs a { color: #4f46e5; }
body.light .zd-crumbs b { color: #0f172a; }
body.light .zd-num { color: #4338ca; background: #eef2ff; border-color: #c7d2fe; }
body.light .zd-chip { color: #334155; background: #f1f5f9; border-color: #e2e8f0; }
body.light .zd-cta { border-color: #c7d2fe; }
body.light .zd-text { color: #0f172a; }
body.light .zd-text td, body.light .zd-text th { border-color: #cbd5e1; }
body.light .zd-svg { background: #ffffff; border-color: #e2e8f0; }
body.light .zd-det summary { color: #4338ca; background: #eef2ff; border-color: #c7d2fe; }
body.light .zd-det[open] summary { background: #e0e7ff; }
body.light .zd-ans { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
body.light .zd-sol { background: #f8fafc; border-color: #e2e8f0; color: #334155; }
body.light .zd-sol [style*="color: #60a5fa"], body.light .zd-sol [style*="color:#60a5fa"] { color: #2563eb !important; }
body.light .zd-final { border-color: #ddd6fe; background: linear-gradient(120deg, #eef2ff, #f5f3ff); }
body.light .zd-link { color: #334155; background: #ffffff; border-color: #e2e8f0; }
body.light .zd-link:hover { color: #0f172a; border-color: #a5b4fc; }
body.light .zd-link.active { color: #ffffff; background: #6366f1; border-color: #6366f1; }
body.light .t-accent { color: #4f46e5; }
body.light footer { border-color: #e2e8f0 !important; }
body.light .zd-sol [style*="#93c5fd"] { color: #1d4ed8 !important; }
body.light .zd-sol [style*="#ffffff"], body.light .zd-text [style*="#ffffff"] { color: #0f172a !important; }
body.light .zd-sol [style*="#22c55e"] { color: #15803d !important; }
body.light .zd-sol [style*="#10b981"] { color: #047857 !important; }
body.light .zd-sol [style*="#e879f9"] { color: #a21caf !important; }
body.light .zd-sol [style*="#f472b6"] { color: #be185d !important; }