/* The Quiet Art of TPM: literary layer over the shared course system. */
@import url("../../technical-program-management/assets/course.css");

:root {
  --bg: #f8f5ee;
  --surface: #fffdf8;
  --surface-soft: #eef2ec;
  --ink: #20231f;
  --ink-soft: #4d554e;
  --ink-muted: #687069;
  --rule: #ded9cf;
  --rule-strong: #c8c1b5;
  --accent: #176b63;
  --accent-strong: #104f4a;
  --accent-soft: #dcefe9;
  --agent: #9a5a18;
  --agent-soft: #fff0d8;
  --lab: #6c4dad;
  --lab-soft: #eee7fb;
}

body {
  background:
    radial-gradient(circle at 14% 8%, rgba(154, 90, 24, 0.045), transparent 26rem),
    var(--bg);
}

.hero-course {
  min-height: 690px;
}

.hero-course::before {
  background: linear-gradient(90deg, rgba(248, 245, 238, 0.995) 0%, rgba(248, 245, 238, 0.97) 34%, rgba(248, 245, 238, 0.66) 53%, rgba(248, 245, 238, 0.06) 76%);
}

.hero-course__art img {
  object-position: center center;
}

.hero-course h1,
.chapter-hero h1 {
  font-family: Newsreader, Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.025em;
}

.hero-course .subtitle,
.chapter-hero .subtitle {
  color: #4f554f;
}

.overview .content > p:first-of-type,
.chapter-hero + .content > .container > p:first-of-type {
  font-family: Newsreader, Georgia, serif;
  font-size: 1.17rem;
  line-height: 1.68;
}

.content h2 {
  color: #193b37;
  font-family: Newsreader, Georgia, serif;
  font-weight: 500;
}

.content blockquote {
  border-left-color: var(--agent);
  background: linear-gradient(135deg, rgba(255, 240, 216, 0.72), rgba(238, 231, 251, 0.42));
  font-family: Newsreader, Georgia, serif;
  font-size: 1.12rem;
}

.content pre {
  border-color: #b9d4ce;
  background: #f2f7f4;
  color: var(--ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.content pre code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: normal;
}

.content .model-answer {
  border-color: #b9d4ce;
  background: var(--surface);
}

.content .model-answer summary {
  background: linear-gradient(135deg, rgba(220, 239, 233, 0.88), rgba(255, 240, 216, 0.64));
  color: #193b37;
}

.content .model-answer[open] summary {
  border-bottom-color: #b9d4ce;
}

.part-block {
  background: linear-gradient(155deg, rgba(255, 253, 248, 0.98), rgba(238, 242, 236, 0.72));
}

.chapter-card {
  background: rgba(255, 253, 248, 0.94);
}

.chapter-card .num {
  font-family: Newsreader, Georgia, serif;
  font-size: 1.05rem;
}

.completion {
  background: linear-gradient(90deg, var(--agent-soft), var(--accent-soft));
}

@media (max-width: 760px) {
  .hero-course__art img {
    object-position: 58% center;
  }
}

@media print {
  body {
    background: #fff;
  }
}