/* Shared mastery blocks for LangGraph track docs */
.mastery-why,
.mastery-example,
.mastery-mistakes,
.mastery-interview,
.mastery-practice,
.mastery-recap {
  margin: 22px 0;
  padding: 16px 18px;
  border-radius: 10px;
  font-size: 0.9rem;
  line-height: 1.65;
}
.mastery-why h4,
.mastery-example h4,
.mastery-mistakes h4,
.mastery-interview h4,
.mastery-practice h4,
.mastery-recap h4 {
  margin: 0 0 10px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.mastery-why {
  background: rgba(212, 175, 55, 0.06);
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-left: 3px solid #d4af37;
}
.mastery-why h4 { color: #d4af37; }
.mastery-why p { color: #b8b0a0; margin: 0; }
.mastery-example {
  background: rgba(212, 175, 55, 0.05);
  border: 1px solid rgba(212, 175, 55, 0.15);
}
.mastery-example h4 { color: #d4af37; }
.mastery-mistakes {
  background: rgba(255, 100, 100, 0.05);
  border: 1px solid rgba(255, 120, 120, 0.2);
  border-left: 3px solid #ff7f7f;
}
.mastery-mistakes h4 { color: #ff9f9f; }
.mastery-mistakes li { color: #ccc; margin-bottom: 6px; }
.mastery-interview {
  background: rgba(180, 100, 255, 0.06);
  border: 1px solid rgba(180, 100, 255, 0.2);
}
.mastery-interview h4 { color: #c070ff; }
.mastery-interview li { color: #ccc; margin-bottom: 8px; }
.mastery-practice {
  background: rgba(100, 220, 150, 0.05);
  border: 1px solid rgba(100, 220, 150, 0.2);
}
.mastery-practice h4 { color: #90ee90; }
.mastery-practice li { color: #bbb; margin-bottom: 8px; }
.mastery-recap {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.mastery-recap h4 { color: #888; }
.mastery-recap li { color: #aaa; }
.mastery-recap a { color: #d4af37; }
.highlight-box {
  background: rgba(212, 175, 55, 0.06);
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-left: 3px solid #d4af37;
  border-radius: 8px;
  padding: 16px 18px;
  margin: 18px 0;
  color: #c8c8d8;
  font-size: 0.9rem;
  line-height: 1.65;
}
.highlight-box strong { color: #d4af37; }
.diagram-box {
  margin: 24px 0;
  padding: 20px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
}
.doc-content section[id^="day"],
.doc-content section.day-section {
  scroll-margin-top: 100px;
}
.comparison-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 0.88rem;
}
.comparison-table th {
  background: rgba(212, 175, 55, 0.1);
  color: #d4af37;
  font-weight: 600;
  padding: 10px 14px;
  text-align: left;
  border: 1px solid rgba(212, 175, 55, 0.15);
}
.comparison-table td {
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #c0c0d0;
  vertical-align: top;
  line-height: 1.55;
}
.comparison-table tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}
.code-block-wrapper {
  margin: 18px 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.code-block-wrapper pre {
  margin: 0;
  padding: 16px;
  background: #0a0a12;
  overflow-x: auto;
  font-size: 0.82rem;
  line-height: 1.5;
  color: #c8d4e0;
}