/* DS Course — lecture content overrides (linked before page <style>; Brand Kit tokens/base load separately) */

.quiz-opt {
  padding: 8px 12px;
  border: 1px solid var(--rm-border, #ddd);
  border-radius: 8px;
  margin: 4px 0;
  cursor: pointer;
  font-size: 14px;
}
.quiz-opt.correct {
  background: #eaf3de;
  border-color: #3b6d11;
}
.quiz-opt.wrong {
  background: #fcebeb;
  border-color: #a32d2d;
}
body.course-page #sticky-nav {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   Dark theme — remap inline lecture CSS variables + components
   ═══════════════════════════════════════════════════════════════ */

[data-theme="dark"] {
  --bg: #161b22;
  --bg2: #0d1117;
  --bg3: #21262d;
  --text: #e6edf3;
  --text2: #c9d1d9;
  --text3: #9ba3af;
  --border: rgba(255, 255, 255, 0.12);
  --border2: rgba(255, 255, 255, 0.2);
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.35);

  --teal-800: #56d364;
  --teal-600: #3fb950;
  --blue-800: #79c0ff;
  --blue-600: #58a6ff;
  --amber-600: #e3b341;
  --coral-600: #ff7b72;
  --green-600: #56d364;
  --red-600: #ff7b72;
  --purple-600: #bc8cff;
  --pink-600: #f778ba;

  --teal-50: rgba(63, 185, 80, 0.14);
  --blue-50: rgba(88, 166, 255, 0.14);
  --amber-50: rgba(227, 179, 65, 0.14);
  --coral-50: rgba(255, 123, 114, 0.14);
  --green-50: rgba(86, 211, 100, 0.14);
  --red-50: rgba(255, 123, 114, 0.14);
  --purple-50: rgba(188, 140, 255, 0.14);
  --pink-50: rgba(247, 120, 186, 0.14);
  --gray-50: #21262d;

  /* Course shell tokens used by ML Features / wrapper layout */
  --course-teal-lt: rgba(63, 185, 80, 0.14);
  --course-teal: #3fb950;
  --course-gold-lt: rgba(227, 179, 65, 0.14);
  --rm-muted: #b1bac4;
}

[data-theme="dark"] body.course-page {
  background: var(--bg2) !important;
  color: var(--text) !important;
}

[data-theme="dark"] body.course-page .content,
[data-theme="dark"] body.course-page .page,
[data-theme="dark"] body.course-page .wrapper,
[data-theme="dark"] body.course-page .toc-wrapper,
[data-theme="dark"] body.course-page .part,
[data-theme="dark"] body.course-page .lr-toc,
[data-theme="dark"] body.course-page #main {
  background: transparent !important;
  color: var(--text) !important;
}

/* Headings */
[data-theme="dark"] body.course-page .part-title-wrap h2,
[data-theme="dark"] body.course-page .part-header h2,
[data-theme="dark"] body.course-page .section-header h2,
[data-theme="dark"] body.course-page .sec-title,
[data-theme="dark"] body.course-page .section-title {
  color: #e6edf3 !important;
}

[data-theme="dark"] body.course-page .part h3,
[data-theme="dark"] body.course-page .grid2-h3-yes,
[data-theme="dark"] body.course-page .grid2-h3-no {
  color: #56d364 !important;
  border-left-color: #e3b341 !important;
}

[data-theme="dark"] body.course-page .part h4,
[data-theme="dark"] body.course-page h3 {
  color: #79c0ff !important;
}

/* Body text — readable, not washed out */
[data-theme="dark"] body.course-page p,
[data-theme="dark"] body.course-page li,
[data-theme="dark"] body.course-page .part p,
[data-theme="dark"] body.course-page .part li,
[data-theme="dark"] body.course-page .card p,
[data-theme="dark"] body.course-page .card-colored p,
[data-theme="dark"] body.course-page .story-box p,
[data-theme="dark"] body.course-page .section-subtitle,
[data-theme="dark"] body.course-page .bayes-lab-lead,
[data-theme="dark"] body.course-page .pipeline-caption span {
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page .part-title-wrap .time-badge,
[data-theme="dark"] body.course-page .toc-card h2,
[data-theme="dark"] body.course-page .code-label,
[data-theme="dark"] body.course-page .visual-container h3,
[data-theme="dark"] body.course-page .pipeline-lab-hint,
[data-theme="dark"] body.course-page .pipeline-stat small,
[data-theme="dark"] body.course-page .flow-node small,
[data-theme="dark"] body.course-page .flow-arrow,
[data-theme="dark"] body.course-page .pipe-hint,
[data-theme="dark"] body.course-page table caption {
  color: #9ba3af !important;
}

/* Cards and content boxes */
[data-theme="dark"] body.course-page .card,
[data-theme="dark"] body.course-page .card-colored,
[data-theme="dark"] body.course-page .story-box,
[data-theme="dark"] body.course-page .formula-box,
[data-theme="dark"] body.course-page .visual-container,
[data-theme="dark"] body.course-page .quiz-card,
[data-theme="dark"] body.course-page .mcq-card,
[data-theme="dark"] body.course-page .toc-card,
[data-theme="dark"] body.course-page .pipeline-lab,
[data-theme="dark"] body.course-page .learn-card,
[data-theme="dark"] body.course-page .box {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page .card-teal,
[data-theme="dark"] body.course-page .card-blue,
[data-theme="dark"] body.course-page .card-amber,
[data-theme="dark"] body.course-page .card-coral,
[data-theme="dark"] body.course-page .card-purple,
[data-theme="dark"] body.course-page .card-green,
[data-theme="dark"] body.course-page .card-pink,
[data-theme="dark"] body.course-page .cc,
[data-theme="dark"] body.course-page .cb,
[data-theme="dark"] body.course-page .ct,
[data-theme="dark"] body.course-page .ca,
[data-theme="dark"] body.course-page .co,
[data-theme="dark"] body.course-page .cp,
[data-theme="dark"] body.course-page .cg,
[data-theme="dark"] body.course-page .cr,
[data-theme="dark"] body.course-page .ck {
  background: rgba(63, 185, 80, 0.1) !important;
  border-left-color: #3fb950 !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page .story-box {
  background: rgba(63, 185, 80, 0.1) !important;
  border-color: #3fb950 !important;
}
[data-theme="dark"] body.course-page .story-box h3 {
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page .explain-box {
  background: rgba(63, 185, 80, 0.12) !important;
  border-left-color: #3fb950 !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page .mistake-box {
  background: rgba(255, 123, 114, 0.12) !important;
  border-left-color: #ff7b72 !important;
  color: #ffa198 !important;
}

[data-theme="dark"] body.course-page .formula-box {
  background: #21262d !important;
  border-color: #30363d !important;
  color: #79c0ff !important;
}
[data-theme="dark"] body.course-page .formula-box.formula-highlight {
  background: rgba(63, 185, 80, 0.12) !important;
  border-color: #3fb950 !important;
  color: #56d364 !important;
}

/* Tables */
[data-theme="dark"] body.course-page table {
  box-shadow: none !important;
}
[data-theme="dark"] body.course-page thead th {
  background: #0b6049 !important;
  color: #fff !important;
}
[data-theme="dark"] body.course-page tbody td {
  color: #c9d1d9 !important;
  border-bottom-color: #30363d !important;
}
[data-theme="dark"] body.course-page tbody tr:nth-child(even) td {
  background: #21262d !important;
}

/* TOC */
[data-theme="dark"] body.course-page .toc-grid a {
  color: #56d364 !important;
}
[data-theme="dark"] body.course-page .toc-grid .num {
  color: #9ba3af !important;
}

/* Quiz / MCQ */
[data-theme="dark"] body.course-page .quiz-q {
  color: #e6edf3 !important;
}
[data-theme="dark"] body.course-page .quiz-a {
  background: rgba(63, 185, 80, 0.12) !important;
  color: #c9d1d9 !important;
  border-top-color: #30363d !important;
}
[data-theme="dark"] body.course-page .mcq-options li {
  color: #c9d1d9 !important;
}
[data-theme="dark"] body.course-page .mcq-options li.correct {
  background: rgba(86, 211, 100, 0.18) !important;
  color: #56d364 !important;
}
[data-theme="dark"] body.course-page .quiz-opt.correct {
  background: rgba(86, 211, 100, 0.18) !important;
  border-color: #3fb950 !important;
  color: #56d364 !important;
}
[data-theme="dark"] body.course-page .quiz-opt.wrong {
  background: rgba(255, 123, 114, 0.15) !important;
  border-color: #ff7b72 !important;
  color: #ffa198 !important;
}

[data-theme="dark"] body.course-page .badge-yes {
  background: rgba(86, 211, 100, 0.18) !important;
  color: #56d364 !important;
}
[data-theme="dark"] body.course-page .badge-no {
  background: rgba(255, 123, 114, 0.15) !important;
  color: #ff7b72 !important;
}

/* Pipeline lab */
[data-theme="dark"] body.course-page .pipeline-lab-title {
  color: #79c0ff !important;
}
[data-theme="dark"] body.course-page .pipeline-math-box {
  background: rgba(88, 166, 255, 0.1) !important;
  border-color: #58a6ff !important;
  color: #c9d1d9 !important;
}
[data-theme="dark"] body.course-page .pipeline-math-box .math-step-title {
  color: #79c0ff !important;
}
[data-theme="dark"] body.course-page .pipeline-math-box .math-formula-main {
  background: rgba(0, 0, 0, 0.25) !important;
  color: #79c0ff !important;
}
[data-theme="dark"] body.course-page .pipeline-math-box .math-note {
  color: #9ba3af !important;
}
[data-theme="dark"] body.course-page .math-calc-steps {
  background: rgba(0, 0, 0, 0.2) !important;
  border-left-color: #3fb950 !important;
}
[data-theme="dark"] body.course-page .math-calc-steps .calc-label {
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page .pipeline-flow-rail,
[data-theme="dark"] body.course-page .pipeline-live-ctrl,
[data-theme="dark"] body.course-page .pipeline-canvas-wrap {
  background: #21262d !important;
  border-color: #30363d !important;
}

[data-theme="dark"] body.course-page .flow-node {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}
[data-theme="dark"] body.course-page .flow-node strong {
  color: #e6edf3 !important;
}
[data-theme="dark"] body.course-page .flow-node.done {
  background: rgba(63, 185, 80, 0.15) !important;
  border-color: #3fb950 !important;
}

[data-theme="dark"] body.course-page .pipeline-stat {
  background: #21262d !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page .pipeline-caption strong {
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page .pipeline-btn {
  background: #21262d !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}
[data-theme="dark"] body.course-page .pipeline-btn.accent,
[data-theme="dark"] body.course-page .pipeline-btn.active {
  background: #238636 !important;
  border-color: #2ea043 !important;
  color: #fff !important;
}

[data-theme="dark"] body.course-page .phase-dot {
  background: #161b22 !important;
  border-color: #3fb950 !important;
  color: #3fb950 !important;
}
[data-theme="dark"] body.course-page .phase-dot.done {
  background: rgba(63, 185, 80, 0.15) !important;
}

[data-theme="dark"] body.course-page .pipeline-live-ctrl {
  color: #c9d1d9 !important;
}

/* Code blocks */
[data-theme="dark"] body.course-page pre {
  background: #0d1117 !important;
  color: #e6edf3 !important;
  border: 1px solid #30363d;
}
[data-theme="dark"] body.course-page .output-box {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #56d364 !important;
}

/* Linear regression layout */
[data-theme="dark"] body.course-page .part-header h2,
[data-theme="dark"] body.course-page .part-header p {
  color: #e6edf3 !important;
}
[data-theme="dark"] body.course-page .box-yellow,
[data-theme="dark"] body.course-page .highlight-box {
  background: rgba(227, 179, 65, 0.12) !important;
  border-color: #e3b341 !important;
  color: #c9d1d9 !important;
}
[data-theme="dark"] body.course-page .analogy-card,
[data-theme="dark"] body.course-page .summary-card,
[data-theme="dark"] body.course-page .practice-item,
[data-theme="dark"] body.course-page .mistake-item,
[data-theme="dark"] body.course-page .quiz-item {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

/* Section cards keep surface in dark mode (containers stay transparent via course.css) */
[data-theme="dark"] body.course-page .section,
[data-theme="dark"] body.course-page--yc .part,
[data-theme="dark"] body.course-page--yc #main .section,
[data-theme="dark"] body.course-page--yc .page > div[id^="s"] {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page .section-header,
[data-theme="dark"] body.course-page--yc .part-header,
[data-theme="dark"] body.course-page--yc .sec-header {
  border-bottom-color: #30363d !important;
}

/* Tree SVG / canvas containers */
[data-theme="dark"] body.course-page .tree-svg {
  background: #161b22 !important;
  border-color: #30363d !important;
}

/* ── ML Features / wrapper layout (module 3) ── */
[data-theme="dark"] body.course-page--yc .wrapper h3,
[data-theme="dark"] body.course-page--yc .wrapper .section-title {
  color: #e6edf3 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper h4,
[data-theme="dark"] body.course-page--yc .wrapper .card-sm h5,
[data-theme="dark"] body.course-page--yc .wrapper .card-sm p,
[data-theme="dark"] body.course-page--yc .wrapper .analogy-card h5,
[data-theme="dark"] body.course-page--yc .wrapper .analogy-card p,
[data-theme="dark"] body.course-page--yc .wrapper .quiz-q,
[data-theme="dark"] body.course-page--yc .wrapper .quiz-opt,
[data-theme="dark"] body.course-page--yc .wrapper .toc-item,
[data-theme="dark"] body.course-page--yc .wrapper .summary-card .label,
[data-theme="dark"] body.course-page--yc .wrapper .matrix-visual {
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .section-subtitle,
[data-theme="dark"] body.course-page--yc .wrapper .toc-num,
[data-theme="dark"] body.course-page--yc .wrapper .flow-arrow,
[data-theme="dark"] body.course-page--yc .wrapper .tag {
  color: #9ba3af !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .section-num,
[data-theme="dark"] body.course-page--yc .wrapper [class*="n-"] {
  background: rgba(63, 185, 80, 0.15) !important;
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .highlight-box,
[data-theme="dark"] body.course-page--yc .wrapper .highlight-box.teal,
[data-theme="dark"] body.course-page--yc .wrapper .highlight-box.coral,
[data-theme="dark"] body.course-page--yc .wrapper .highlight-box.amber,
[data-theme="dark"] body.course-page--yc .wrapper .highlight-box.green {
  background: rgba(63, 185, 80, 0.1) !important;
  border-left-color: #3fb950 !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .highlight-box.red {
  background: rgba(255, 123, 114, 0.12) !important;
  border-left-color: #ff7b72 !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .highlight-box strong {
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .highlight-box.red strong {
  color: #ff7b72 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .badge,
[data-theme="dark"] body.course-page--yc .wrapper .b-purple,
[data-theme="dark"] body.course-page--yc .wrapper .b-blue,
[data-theme="dark"] body.course-page--yc .wrapper .b-amber,
[data-theme="dark"] body.course-page--yc .wrapper .b-neutral {
  background: #21262d !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .b-good,
[data-theme="dark"] body.course-page--yc .wrapper .tag-target {
  background: rgba(63, 185, 80, 0.15) !important;
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .b-bad {
  background: rgba(255, 123, 114, 0.15) !important;
  color: #ff7b72 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .flow-box {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #e6edf3 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .flow-box.teal {
  background: rgba(63, 185, 80, 0.12) !important;
  color: #56d364 !important;
  border-color: rgba(63, 185, 80, 0.3) !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .mistake-icon {
  background: rgba(255, 123, 114, 0.15) !important;
  color: #ff7b72 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .mistake-fix {
  background: rgba(63, 185, 80, 0.15) !important;
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .quiz-ans {
  background: rgba(63, 185, 80, 0.12) !important;
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .summary-card .num,
[data-theme="dark"] body.course-page--yc .wrapper .matrix-visual .header-row,
[data-theme="dark"] body.course-page--yc .wrapper .matrix-visual .target-col {
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page--yc .wrapper tbody td {
  color: #c9d1d9 !important;
  border-top-color: #30363d !important;
}

[data-theme="dark"] body.course-page--yc .wrapper tr:nth-child(even) td {
  background: #21262d !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .matrix-visual {
  background: #21262d !important;
  border-color: #30363d !important;
}

[data-theme="dark"] body.course-page--yc .wrapper .practice-item {
  background: rgba(63, 185, 80, 0.08) !important;
  border-left-color: #3fb950 !important;
  color: #c9d1d9 !important;
}

/* ── Layout C/D/E unified dark (ML Features parity) ── */
[data-theme="dark"] body.course-page--yc .content h3,
[data-theme="dark"] body.course-page--yc .part h3,
[data-theme="dark"] body.course-page--yc #main h3,
[data-theme="dark"] body.course-page--yc .page h3,
[data-theme="dark"] body.course-page--yc .part-title-wrap h2,
[data-theme="dark"] body.course-page--yc .sec-title {
  color: #e6edf3 !important;
}

[data-theme="dark"] body.course-page--yc .content h4,
[data-theme="dark"] body.course-page--yc .part h4,
[data-theme="dark"] body.course-page--yc #main h4,
[data-theme="dark"] body.course-page--yc .page h4 {
  color: #9ba3af !important;
}

[data-theme="dark"] body.course-page--yc .part-num,
[data-theme="dark"] body.course-page--yc .part-num.blue,
[data-theme="dark"] body.course-page--yc .part-num.teal,
[data-theme="dark"] body.course-page--yc .part-num.amber,
[data-theme="dark"] body.course-page--yc .part-num.purple,
[data-theme="dark"] body.course-page--yc .part-num.coral,
[data-theme="dark"] body.course-page--yc .part-num.green,
[data-theme="dark"] body.course-page--yc .part-num.red,
[data-theme="dark"] body.course-page--yc .part-num.pink,
[data-theme="dark"] body.course-page--yc .sec-num,
[data-theme="dark"] body.course-page--yc #main .section-num {
  background: rgba(63, 185, 80, 0.15) !important;
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page--yc .toc-card,
[data-theme="dark"] body.course-page--yc .lr-toc {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc .card-colored h3,
[data-theme="dark"] body.course-page--yc .story-box h3 {
  color: #56d364 !important;
}

[data-theme="dark"] body.course-page--yc .card,
[data-theme="dark"] body.course-page--yc .formula-box,
[data-theme="dark"] body.course-page--yc .visual-container,
[data-theme="dark"] body.course-page--yc .vc,
[data-theme="dark"] body.course-page--yc .learn-card,
[data-theme="dark"] body.course-page--yc #main .box,
[data-theme="dark"] body.course-page--yc #main .info-box,
[data-theme="dark"] body.course-page--yc .page .box {
  background: #21262d !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc .page .box-yellow,
[data-theme="dark"] body.course-page--yc .page .box-blue,
[data-theme="dark"] body.course-page--yc .page .box-green {
  background: rgba(63, 185, 80, 0.1) !important;
  border-left-color: #3fb950 !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc .page .box-red,
[data-theme="dark"] body.course-page--yc .page .box-warn {
  background: rgba(255, 123, 114, 0.12) !important;
  border-left-color: #ff7b72 !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc .header-meta span,
[data-theme="dark"] body.course-page--yc .cover-meta > div {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc pre,
[data-theme="dark"] body.course-page--yc .output-box,
[data-theme="dark"] body.course-page--yc .ob {
  background: #0d1117 !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc .part-title-wrap .time-badge,
[data-theme="dark"] body.course-page--yc .lr-toc .toc-title,
[data-theme="dark"] body.course-page--yc .lr-toc .toc-part-label,
[data-theme="dark"] body.course-page--yc .lr-toc .toc-num {
  color: #9ba3af !important;
}

[data-theme="dark"] body.course-page--yc .lr-toc .toc-item {
  color: #c9d1d9 !important;
}

[data-theme="dark"] body.course-page--yc .lr-toc .toc-item:hover {
  background: #21262d !important;
}

[data-theme="dark"] body.course-page--yc #main .hero {
  background: #0d1117 !important;
  color: #e6edf3 !important;
  border-bottom-color: #30363d !important;
}

/* ── Practice dataset attachment ── */
.header-meta-dataset {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: inherit;
  text-decoration: none;
  font-size: 13px;
  opacity: 0.95;
  transition: background 0.2s, border-color 0.2s, transform 0.15s;
}

.header-meta-dataset:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.35);
  transform: translateY(-1px);
}

.header-meta-dataset__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.lecture-dataset-attach {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  padding: 1rem 1.15rem;
  border-radius: 12px;
  border: 1px solid rgba(83, 74, 183, 0.25);
  background: linear-gradient(135deg, rgba(238, 237, 254, 0.9) 0%, rgba(255, 255, 255, 0.95) 100%);
  color: inherit;
  text-decoration: none;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

.lecture-dataset-attach:hover {
  border-color: rgba(83, 74, 183, 0.45);
  box-shadow: 0 6px 20px rgba(83, 74, 183, 0.12);
  transform: translateY(-2px);
}

.lecture-dataset-attach__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #534ab7 0%, #0f6e56 100%);
  color: #fff;
}

.lecture-dataset-attach__icon svg {
  width: 26px;
  height: 26px;
}

.lecture-dataset-attach__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.lecture-dataset-attach__body strong {
  font-size: 1rem;
  font-weight: 600;
  color: #3c3489;
}

.lecture-dataset-attach__meta {
  font-size: 0.82rem;
  color: #5f5e5a;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
}

.lecture-dataset-attach__desc {
  font-size: 0.9rem;
  color: #4a4a46;
  line-height: 1.45;
}

.lecture-dataset-attach__cta {
  flex-shrink: 0;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  background: #534ab7;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
}

.dataset-practice-box {
  margin-bottom: 1.25rem;
  padding: 1rem 1.15rem;
  border-radius: 10px;
  border-left: 4px solid #0f6e56;
  background: #e1f5ee;
  color: #085041;
  font-size: 0.95rem;
  line-height: 1.55;
}

.dataset-practice-box strong {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.dataset-practice-box ol {
  margin: 0.5rem 0 0.75rem 1.25rem;
  padding: 0;
}

.dataset-practice-box pre {
  margin: 0;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  background: #0d1117;
  color: #e6edf3;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 0.82rem;
  overflow-x: auto;
}

#dataset-practice {
  scroll-margin-top: 100px;
}

@media (max-width: 640px) {
  .lecture-dataset-attach {
    flex-wrap: wrap;
  }

  .lecture-dataset-attach__cta {
    width: 100%;
    text-align: center;
  }
}

[data-theme="dark"] .header-meta-dataset {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  color: #e6edf3;
}

[data-theme="dark"] .header-meta-dataset:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.28);
}

[data-theme="dark"] .lecture-dataset-attach {
  background: linear-gradient(135deg, rgba(83, 74, 183, 0.15) 0%, #161b22 100%);
  border-color: #30363d;
}

[data-theme="dark"] .lecture-dataset-attach:hover {
  border-color: #534ab7;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .lecture-dataset-attach__body strong {
  color: #bc8cff;
}

[data-theme="dark"] .lecture-dataset-attach__meta {
  color: #8b949e;
}

[data-theme="dark"] .lecture-dataset-attach__desc {
  color: #c9d1d9;
}

[data-theme="dark"] .lecture-dataset-attach__cta {
  background: #534ab7;
  color: #fff;
}

[data-theme="dark"] .dataset-practice-box {
  background: rgba(63, 185, 80, 0.1);
  border-left-color: #3fb950;
  color: #c9d1d9;
}

[data-theme="dark"] .dataset-practice-box strong {
  color: #56d364;
}