/* Deep-learning finish layer.
   These pages keep their distinct diagrams, tables, exercises, and reading
   rhythms. This file aligns their legibility and Vecnine materials without
   turning them into one repeated page template. */

body.vn9-learning-guide {
  --guide-gold: #c9a96e;
  --guide-gold-bright: #e2c486;
  --guide-lavender: #b08ec4;
  --guide-rule: rgba(201, 169, 110, .18);
  --guide-copy: rgba(255, 255, 255, .76);
  --guide-muted: rgba(255, 255, 255, .6);
}

body.vn9-learning-guide ::selection {
  background: rgba(176, 142, 196, .3);
  color: #fff;
}

body.vn9-learning-guide main :is(h2, h3) { text-wrap: balance; }
body.vn9-learning-guide main a:focus-visible { outline: 2px solid var(--guide-gold-bright); outline-offset: 4px; }
body.vn9-learning-guide :is(.hiw-mode, .mode-nav, .ct-mode) {
  border-color: var(--guide-rule);
  background: linear-gradient(90deg, rgba(201, 169, 110, .035), rgba(176, 142, 196, .025));
}

/* Method: keep the worked derivation and ethics chapters; enlarge the small
   explanatory cards instead of reducing their detail. */
body.guide-method .hiw-sub { font-size: 16.5px; max-width: 650px; }
body.guide-method .hiw-sec-body,
body.guide-method .hiw-chapter p,
body.guide-method .hiw-chapter li { font-size: 15.5px; color: var(--guide-copy); }
body.guide-method .hiw-step-text { font-size: 14px; line-height: 1.72; color: var(--guide-muted); }
body.guide-method .hiw-step-label,
body.guide-method .hiw-type-name { font-size: 12.5px; line-height: 1.45; }
body.guide-method .hiw-cta-text { font-size: 14.5px; }

/* Glossary/reference: definitions should read like a usable reference, not
   fine print beneath oversized section furniture. */
body.guide-definitions .def-deck { font-size: 16px; }
body.guide-definitions .section-desc { font-size: 15px; }
body.guide-definitions .term-primary,
body.guide-definitions .term-def,
body.guide-definitions .teacher-desc { font-size: 14.5px; }
body.guide-definitions .equiv-table { font-size: 13.5px; }
body.guide-definitions :is(.note, .callout) { font-size: 14.5px; }

/* Center, stance, and instinct lessons retain their own semantic colors and
   diagrams. Only their formerly compressed study material is normalized. */
body.guide-centers :is(.study-panel p, .study-panel li),
body.guide-stances :is(.study-panel p, .study-panel li) { font-size: 15.5px; color: var(--guide-copy); }
body.guide-centers .confusion-item,
body.guide-stances .confusion-item { font-size: 14.5px; color: var(--guide-muted); }
body.guide-instincts .ivar p { font-size: 14px; line-height: 1.7; }
body.guide-instincts .idef-c p { font-size: 14.5px; }
body.guide-instincts .ivar-eye { font-size:12px; }
body.guide-instincts .ivar-ct { font-size:12px; }
body.guide-instinct-flow .overlay-cell { font-size: 14px; line-height: 1.62; }
body.guide-instinct-flow .overlay-cell .lbl { font-size:12px; }

/* Countertypes remains a long public chapter. Its study cards are supporting
   apparatus, not permission to shrink the actual explanation. */
body.guide-countertypes .ct-study :is(p, li) { font-size: 15.5px; color: var(--guide-copy); }
body.guide-countertypes .ct-3-card-body { font-size: 14px; line-height: 1.7; }
body.guide-countertypes .ct-fl-desc { font-size: 13.5px; line-height: 1.62; }
body.guide-countertypes .confusion-item { font-size: 14.5px; }

/* Absence pages deliberately use a field-guide / lab-notebook silhouette.
   Preserve it, but keep every observation prompt at normal reading size. */
body.guide-absence-basic .distinction p { font-size: 15px; line-height: 1.7; }
body.guide-absence-detail .figure-note { font-size: 13.5px; line-height: 1.6; }
body.guide-absence-detail .refusal p,
body.guide-absence-detail .lens p { font-size: 15px; line-height: 1.7; }
body.guide-absence-detail .cluster p { font-size: 14.5px; line-height: 1.65; }
body.guide-absence-detail .log-row > div { font-size: 14px; line-height: 1.55; }
body.guide-absence-detail .log-head > div { font-size:12px; }

/* Open courses: the runtime is intentionally dense and tool-like. Keep the
   full lessons, retrieval prompts, notes, exams, and progress apparatus; only
   retire the 8.5–9.5px labels that made the tool feel like a compressed mock. */
body.guide-course-runtime :is(.sres .in, .ccard .cn, .cside .ch, .lhead .eyebrow,
  .obj b, .ex .exlab, .recall .rl, .notes label, .qcard .qsrc, .crumbrow,
  .nextcta .nl, header.hero .crumb, header.hero .eye, .itemno .n, .commit .cl) {
  font-size:12px !important;
  line-height: 1.45;
}
body.guide-course-runtime :is(.tchip, .cside .lm) { font-size:12px !important; line-height: 1.4; }
body.guide-course-runtime :is(.ccard p, .obj, .recall .rp, .recall .rc-a) { font-size: 14px; }
body.guide-course-runtime .cside a { min-height: 38px; font-size: 13.5px; }

/* Curriculum: a functional route map, not a pile of cards. The gold vertical
   thread carries the six paths; lavender marks member continuations while
   every public description remains visible in the same state. */
body.guide-curriculum-map main { max-width: 1080px; padding-top: 52px; }
body.guide-curriculum-map h1 {
  font-family: var(--font-display, Fraunces, Georgia, serif);
  font-size: clamp(42px, 6vw, 68px);
  font-weight: 430;
  letter-spacing: -.035em;
}
body.guide-curriculum-map h2 {
  position: relative;
  margin-top: 54px;
  padding: 0 0 12px 30px;
  border-bottom: 1px solid var(--guide-rule);
  font-size: 24px;
}
body.guide-curriculum-map h2::before {
  content: "";
  position: absolute;
  left: 3px;
  top: .46em;
  width: 9px;
  height: 9px;
  border: 1px solid var(--guide-gold);
  transform: rotate(45deg);
  background: #08080d;
  box-shadow: 0 0 0 5px rgba(201, 169, 110, .035);
}
body.guide-curriculum-map h2 ~ .step {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(180px, .75fr) minmax(260px, 1.45fr) auto;
  align-items: start;
  gap: 10px 16px;
  margin: 0;
  padding: 13px 14px 13px 30px;
  border: 0;
  border-left: 1px solid rgba(201, 169, 110, .18);
  border-bottom: 1px solid rgba(255, 255, 255, .055);
  border-radius: 0;
  background: transparent;
}
body.guide-curriculum-map .step:hover { background: rgba(201, 169, 110, .025); }
body.guide-curriculum-map .step input { width: 18px; height: 18px; top: 1px; }
body.guide-curriculum-map .step a { white-space: normal; font-size: 14.5px; line-height: 1.5; }
body.guide-curriculum-map .step .why { font-size: 14px; line-height: 1.62; }
body.guide-curriculum-map .pill {
  min-height: 24px;
  padding: 3px 8px;
  border-color: rgba(176, 142, 196, .42);
  color: rgba(205, 181, 222, .9);
  background: rgba(176, 142, 196, .055);
  font-size:12px;
  letter-spacing: .08em;
}
body.guide-curriculum-map .step a span[style*="JetBrains Mono"] {
  font-size:12px !important;
  color: rgba(205, 181, 222, .88) !important;
  border-color: rgba(176, 142, 196, .32) !important;
}

/* Certification: a standards ladder rather than a SaaS pricing stack. */
body.guide-certification main { max-width: 960px; padding-top: 58px; counter-reset: cert-level; }
body.guide-certification h1 {
  max-width: 16ch;
  font-family: var(--font-display, Fraunces, Georgia, serif);
  font-size: clamp(42px, 6vw, 68px);
  font-weight: 430;
  line-height: 1.05;
  letter-spacing: -.035em;
}
body.guide-certification h2 { padding-top: 16px; border-top: 1px solid var(--guide-rule); }
body.guide-certification .lvl {
  counter-increment: cert-level;
  position: relative;
  margin: 0;
  padding: 18px 22px 18px 72px;
  border: 0;
  border-left: 1px solid rgba(201, 169, 110, .28);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(201, 169, 110, .035), transparent 48%);
  font-size: 15px;
  line-height: 1.72;
}
body.guide-certification .lvl::before {
  content: "0" counter(cert-level);
  position: absolute;
  left: 18px;
  top: 20px;
  font:500 12px/1.3 var(--font-mono, "JetBrains Mono", monospace);
  letter-spacing: .1em;
  color: var(--guide-gold-bright);
}

/* Passion deck: nine cards legitimately share a printable form. Center color
   is a narrow semantic index, while the text remains the primary artifact. */
body.guide-passion-deck main { max-width: 1040px; padding-top: 92px; }
body.guide-passion-deck h1 {
  font-family: var(--font-display, Fraunces, Georgia, serif);
  font-size: clamp(42px, 6vw, 68px);
  font-weight: 430;
  letter-spacing: -.035em;
}
body.guide-passion-deck .pcard { padding: 24px 28px 20px; font-size: 15px; line-height: 1.76; }
body.guide-passion-deck .pcard .lbl { font-size:12px; }
body.guide-passion-deck .tag { font-size:12px; }
body.guide-passion-deck .pcard:is([data-n="1"], [data-n="8"], [data-n="9"]) { border-left: 3px solid rgba(196, 112, 80, .64); }
body.guide-passion-deck .pcard:is([data-n="2"], [data-n="3"], [data-n="4"]) { border-left: 3px solid rgba(168, 96, 144, .64); }
body.guide-passion-deck .pcard:is([data-n="5"], [data-n="6"], [data-n="7"]) { border-left: 3px solid rgba(80, 144, 184, .64); }

/* Long essays keep their own structures and full argument. This layer only
   aligns display typography and brings annotations up to reading size. */
body.guide-recognition-essay .lr-h1,
body.guide-theory-essay .th-h1,
body.guide-member-instincts .ins-h1,
body.guide-corruption-monograph header.hero h1 {
  font-family: var(--font-display, Fraunces, Georgia, serif);
  font-weight: 430;
  letter-spacing: -.03em;
}
body.guide-recognition-essay .lr-prose,
body.guide-theory-essay .th-prose,
body.guide-member-instincts .ins-prose { font-size: 15.5px; color: var(--guide-copy); }
body.guide-recognition-essay :is(.lr-eyebrow, .lr-section-eyebrow, .lr-callout-eye),
body.guide-theory-essay :is(.th-eyebrow, .th-section-eyebrow, .th-callout-eye),
body.guide-member-instincts :is(.ins-eyebrow, .ins-section-eyebrow, .ins-card-eye,
  .ins-callout-eye, .ins-toc-eye, .ins-trait-eye, .ins-fl-eye) { font-size:12px; line-height: 1.45; }
body.guide-recognition-essay .lr-nine-strategy { font-size: 14px; }
body.guide-member-instincts .ins-card-body { font-size: 14.5px; }
body.guide-member-instincts .ins-trait-body { font-size: 14px; }
body.guide-member-instincts .ins-fl-desc { font-size: 13.5px; line-height: 1.65; }

/* Materials is a download/workshop room: widen the bench, preserve the
   printable generators, and let descriptions carry normal prose weight. */
body.guide-materials-room .mshell { max-width: 1080px; }
body.guide-materials-room header.hero .h1 {
  font-family: var(--font-display, Fraunces, Georgia, serif);
  font-weight: 430;
  letter-spacing: -.03em;
}
body.guide-materials-room :is(.msec .ml, .mrow .mt) { font-size: 14.5px; }
body.guide-materials-room .mrow .mt small { font-size: 13px; line-height: 1.55; }
body.guide-materials-room .vbtn { min-height: 40px; }

body.guide-corruption-monograph .wrap { max-width: 980px; }
body.guide-corruption-monograph .wrap > :is(p, ul, ol) { font-size: 16px; line-height: 1.82; }
body.guide-corruption-monograph .ref { font-size: 14px; }

@media (max-width: 680px) {
  body.guide-method .hiw-sec-body,
  body.guide-method .hiw-chapter p,
  body.guide-method .hiw-chapter li,
  body.guide-centers :is(.study-panel p, .study-panel li),
  body.guide-stances :is(.study-panel p, .study-panel li),
  body.guide-countertypes .ct-study :is(p, li) { font-size: 15px; }
  body.guide-curriculum-map h2 ~ .step {
    grid-template-columns: 22px minmax(0, 1fr);
    padding-left: 22px;
  }
  body.guide-curriculum-map .step .why,
  body.guide-curriculum-map .step .pill { grid-column: 2; }
  body.guide-certification .lvl { padding-left: 58px; }
  body.guide-passion-deck .pcard { padding: 20px 20px 18px; }
}