:root {
  --claude: #d97757;
  --claude-strong: #b9573a;
  --claude-ink: #2b1710;
}

body[data-route="claude"] {
  --accent: var(--claude);
  --accent-strong: var(--claude-strong);
  --accent-soft: color-mix(in srgb, var(--claude) 14%, transparent);
}

.nav-link--claude .nav-glyph { color: var(--claude); border-color: color-mix(in srgb, var(--claude) 38%, var(--line)); }
.nav-link--claude.active { background: color-mix(in srgb, var(--claude) 10%, transparent); }

.claude-page { --claude-line: color-mix(in srgb, var(--claude) 28%, var(--line)); }
.claude-hero { min-height: 520px; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr); border-top: 1px solid var(--claude-line); border-bottom: 1px solid var(--claude-line); margin-inline: calc(var(--page-gutter) * -1); margin-top: calc(var(--page-gutter) * -1); }
.claude-hero__copy { padding: clamp(44px,7vw,92px) var(--page-gutter); display: grid; align-content: center; gap: 18px; }
.claude-wordmark { width: max-content; font: 760 11px/1 var(--font-mono); letter-spacing: .16em; padding: 8px 10px; border: 1px solid var(--claude-line); background: color-mix(in srgb, var(--claude) 8%, var(--surface)); color: var(--claude-strong); }
.claude-hero h1 { max-width: 780px; margin: 0; font-size: var(--fs-6); line-height: .98; letter-spacing: -.055em; }
.claude-hero p { max-width: 720px; margin: 0; font-size: var(--fs-3); color: var(--text-2); }
.claude-hero .progress-stack { max-width: 620px; margin-top: 6px; }
.claude-hero__visual { position: relative; overflow: hidden; min-height: 430px; border-left: 1px solid var(--claude-line); background: linear-gradient(145deg, color-mix(in srgb, var(--claude) 10%, var(--surface)), var(--bg-elevated)); display: grid; place-items: center; }
.claude-hero__visual::before { content:""; position:absolute; inset:0; background-image: linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom, transparent, black 25%, black 75%, transparent); }
.claude-orb { position: absolute; border-radius: 50%; filter: blur(1px); border: 1px solid color-mix(in srgb, var(--claude) 42%, transparent); }
.claude-orb--one { width: 280px; height: 280px; background: radial-gradient(circle at 36% 34%, color-mix(in srgb, var(--claude) 54%, white), color-mix(in srgb, var(--claude) 14%, transparent) 58%, transparent 68%); animation: claude-float 8s var(--ease-standard) infinite alternate; }
.claude-orb--two { width: 410px; height: 410px; border-style: dashed; opacity:.34; animation: claude-spin 30s linear infinite; }
.claude-system-map { position: relative; z-index: 2; width: min(360px,82%); display: grid; gap: 10px; }
.claude-system-map strong { min-height: 52px; display: grid; place-items: center; border: 1px solid var(--claude-line); background: color-mix(in srgb, var(--surface) 82%, transparent); backdrop-filter: blur(12px); font: 720 12px/1 var(--font-mono); letter-spacing:.11em; }
.claude-system-map i { width: 1px; height: 18px; background: var(--claude); justify-self:center; }
@keyframes claude-float { to { transform: translate(20px,-18px) scale(1.035); } }
@keyframes claude-spin { to { transform: rotate(360deg); } }

.claude-method-strip { display: grid; grid-template-columns: repeat(3,1fr); margin-inline: calc(var(--page-gutter) * -1); border-bottom: 1px solid var(--claude-line); }
.claude-method-strip > div { min-height: 148px; padding: 26px var(--page-gutter); border-right: 1px solid var(--claude-line); display:grid; align-content:center; gap:7px; }
.claude-method-strip > div:last-child { border-right:0; }
.claude-method-strip span { font:700 10px/1 var(--font-mono); letter-spacing:.12em; color:var(--claude-strong); }
.claude-method-strip strong { font-size:var(--fs-4); }
.claude-method-strip p { margin:0; font-size:13px; color:var(--text-2); max-width:320px; }

.claude-module-list { max-width: 1100px; margin: 0 auto; padding: clamp(54px,7vw,92px) 0; }
.claude-section-head { max-width: 720px; margin-bottom: 30px; }
.claude-section-head h2 { margin:8px 0 10px; font-size:var(--fs-5); }
.claude-section-head p { margin:0; color:var(--text-2); }
.claude-module-card { display:grid; grid-template-columns:76px minmax(0,1fr) 34px; gap:22px; align-items:start; padding:28px 0; border-top:1px solid var(--claude-line); color:inherit; transition: transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out); }
.claude-module-card:last-child { border-bottom:1px solid var(--claude-line); }
.claude-module-card:hover { transform:translateX(5px); }
.claude-module-card__number { font:800 clamp(1.7rem,3vw,2.6rem)/1 var(--font-mono); color:color-mix(in srgb,var(--claude) 78%,var(--text)); letter-spacing:-.05em; }
.claude-module-card__copy { display:grid; gap:9px; }
.claude-module-card__copy h2 { margin:0; font-size:var(--fs-4); }
.claude-module-card__copy p { margin:0; max-width:760px; color:var(--text-2); }
.claude-module-card__meta { display:flex; gap:10px; align-items:center; flex-wrap:wrap; font-size:11px; color:var(--text-3); }
.claude-module-card__arrow { color:var(--claude); font-size:22px; }
.claude-module-card--undiscovered { opacity:.72; }
.claude-module-card--completed .claude-module-card__number { color:var(--signal); }

.claude-source-panel { max-width:1100px; margin:0 auto 70px; padding:28px 0; border-top:1px solid var(--claude-line); border-bottom:1px solid var(--claude-line); display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.5fr); gap:32px; align-items:end; }
.claude-source-panel h2 { margin:8px 0; font-size:var(--fs-4); }
.claude-source-panel p { margin:0; max-width:680px; color:var(--text-2); }
.claude-source-link { display:grid; gap:5px; padding:14px; border:1px solid var(--claude-line); background:color-mix(in srgb,var(--claude) 5%,var(--surface)); color:inherit; }
.claude-source-link span { font:720 9px/1 var(--font-mono); letter-spacing:.12em; color:var(--claude-strong); }
.claude-source-link strong { font-size:13px; }
.claude-source-link small { color:var(--text-3); font-size:10px; }
.claude-source-link:hover { border-color:var(--claude); }

.claude-module-hero { border-color:var(--claude-line); background:linear-gradient(150deg,color-mix(in srgb,var(--claude) 8%,transparent),transparent 56%); }
.claude-source-banner { margin: -10px 0 28px; padding:18px 20px; display:grid; grid-template-columns:180px minmax(0,1fr); gap:20px; border:1px solid var(--claude-line); background:color-mix(in srgb,var(--claude) 6%,var(--surface)); }
.claude-source-banner p { margin:0; color:var(--text-2); }
.claude-unit { border-color:var(--claude-line); }
.claude-evidence-stack { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--claude-line); margin-top:22px; }
.claude-evidence { padding:18px 18px 16px 0; border-right:1px solid var(--claude-line); }
.claude-evidence + .claude-evidence { padding-left:18px; }
.claude-evidence:last-child { border-right:0; }
.claude-evidence span { display:block; margin-bottom:8px; font:760 9px/1 var(--font-mono); letter-spacing:.12em; }
.claude-evidence p { margin:0; font-size:13px; line-height:1.55; color:var(--text-2); }
.claude-evidence--dalto span { color:var(--claude-strong); }
.claude-evidence--verified span { color:var(--signal); }
.claude-evidence--update span { color:var(--warn); }
.claude-external { display:grid; gap:16px; margin-top:22px; padding:20px; border:1px solid var(--claude-line); background:color-mix(in srgb,var(--claude) 5%,var(--surface)); }
.claude-external__head { display:grid; gap:3px; }
.claude-external__head span { color:var(--text-3); font-size:12px; }
.claude-checkpoint,.claude-finish { margin-top:36px; padding:28px 0; border-top:2px solid var(--claude); }
.claude-checkpoint > header { max-width:700px; margin-bottom:22px; }
.claude-checkpoint h2,.claude-finish h2 { margin:8px 0; font-size:var(--fs-5); }
.claude-checkpoint p,.claude-finish p { color:var(--text-2); }
.claude-finish { margin-bottom:24px; }
.claude-module-sources { padding:28px 0 8px; border-top:1px solid var(--claude-line); }
.claude-source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px; }
.claude-toc__sources { margin-top:24px; padding-top:18px; border-top:1px solid var(--claude-line); display:grid; gap:8px; }
.claude-toc__sources .claude-source-link { padding:10px; }

.claude-home-card { position:relative; overflow:hidden; border-color:var(--claude-line, color-mix(in srgb,var(--claude) 30%,var(--line))); background:linear-gradient(145deg,color-mix(in srgb,var(--claude) 9%,var(--surface)),var(--surface)); }
.claude-home-card::after { content:"C"; position:absolute; right:20px; bottom:-22px; font:900 8rem/1 var(--font-sans); color:color-mix(in srgb,var(--claude) 10%,transparent); pointer-events:none; }
.claude-home-card .eyebrow { color:var(--claude-strong); }

.claude-chapter-rail { max-width:1100px; margin:42px auto 0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border:1px solid var(--claude-line); background:color-mix(in srgb,var(--claude) 3%,var(--surface)); }
.claude-chapter-rail a { min-width:0; min-height:88px; padding:15px 14px; display:grid; align-content:space-between; gap:9px; color:inherit; border-right:1px solid var(--claude-line); transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out); }
.claude-chapter-rail a:last-child { border-right:0; }
.claude-chapter-rail a:hover { background:color-mix(in srgb,var(--claude) 9%,var(--surface)); transform:translateY(-2px); }
.claude-chapter-rail span { font:760 10px/1 var(--font-mono); letter-spacing:.12em; color:var(--claude-strong); }
.claude-chapter-rail strong { min-width:0; font-size:12px; line-height:1.28; }
.claude-unit__source { margin:-6px 0 20px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.claude-timestamp { display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border:1px solid var(--claude-line); background:color-mix(in srgb,var(--claude) 7%,var(--surface)); color:var(--claude-strong); font:760 10px/1 var(--font-mono); letter-spacing:.08em; }
.claude-unit__source .quiet-link { font-size:12px; }

@media (max-width: 900px) {
  .claude-hero { grid-template-columns:1fr; }
  .claude-hero__visual { border-left:0; border-top:1px solid var(--claude-line); min-height:320px; }
  .claude-method-strip { grid-template-columns:1fr; }
  .claude-method-strip > div { border-right:0; border-bottom:1px solid var(--claude-line); min-height:112px; }
  .claude-method-strip > div:last-child { border-bottom:0; }
  .claude-chapter-rail { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .claude-chapter-rail a:nth-child(3) { border-right:0; }
  .claude-chapter-rail a:nth-child(-n+3) { border-bottom:1px solid var(--claude-line); }
}
@media (max-width: 700px) {
  .claude-hero__copy { padding-top:46px; padding-bottom:42px; }
  .claude-hero h1 { font-size:clamp(2.4rem,12vw,4rem); }
  .claude-module-card { grid-template-columns:48px minmax(0,1fr); gap:12px; }
  .claude-module-card__arrow { display:none; }
  .claude-module-card__number { font-size:1.55rem; }
  .claude-source-panel { grid-template-columns:1fr; }
  .claude-source-banner { grid-template-columns:1fr; gap:8px; }
  .claude-evidence-stack { grid-template-columns:1fr; }
  .claude-evidence,.claude-evidence + .claude-evidence { padding:14px 0; border-right:0; border-bottom:1px solid var(--claude-line); }
  .claude-evidence:last-child { border-bottom:0; }
  .claude-source-grid { grid-template-columns:1fr; }
  .claude-chapter-rail { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:28px; }
  .claude-chapter-rail a { min-height:74px; border-bottom:1px solid var(--claude-line); }
  .claude-chapter-rail a:nth-child(odd) { border-right:1px solid var(--claude-line); }
  .claude-chapter-rail a:nth-child(even) { border-right:0; }
  .claude-chapter-rail a:nth-last-child(-n+2) { border-bottom:0; }
  .claude-unit__source { align-items:flex-start; }
}