/* MN Peace deep-dive pages — field guide + oversight. */

.deep-page { background: var(--bg); color: var(--text); }
.deep-main { padding-top: var(--nav-h, 6.9rem); }
.deep-hero { position:relative; overflow:hidden; padding:clamp(5.5rem,11vw,9rem) clamp(1.2rem,5vw,3.5rem) clamp(4rem,8vw,6rem); border-bottom:1px solid var(--border-subtle); background:radial-gradient(circle at 78% 18%,rgba(34,211,238,.11),transparent 30%),radial-gradient(circle at 20% 85%,rgba(168,85,247,.09),transparent 34%),var(--bg); }
.deep-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(90deg,transparent,transparent 88px,rgba(255,255,255,.018) 88px,rgba(255,255,255,.018) 89px); }
.deep-hero-inner { position:relative; z-index:1; max-width:82rem; margin:0 auto; }
.deep-eyebrow { margin-bottom:1rem; color:var(--cyan); font-family:var(--font-mono); font-size:.7rem; font-weight:500; letter-spacing:.17em; text-transform:uppercase; }
.deep-hero h1 { max-width:15ch; margin:0 0 1.2rem; font-family:var(--font-display); font-size:clamp(3rem,7vw,6.5rem); line-height:.96; letter-spacing:-.055em; }
.deep-hero .deck { max-width:56rem; color:var(--text-muted); font-size:clamp(1.05rem,1.8vw,1.28rem); line-height:1.72; }
.deep-hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.8rem; }
.deep-meta { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.6rem; }
.deep-meta span { padding:.38rem .65rem; border:1px solid var(--border-subtle); border-radius:999px; color:var(--text-dim); font-family:var(--font-mono); font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; }

.deep-section { padding:clamp(4.5rem,9vw,7.5rem) clamp(1.2rem,5vw,3.5rem); border-bottom:1px solid var(--border-subtle); }
.deep-section.alt { background:radial-gradient(circle at 90% 10%,rgba(168,85,247,.06),transparent 30%),var(--bg-elevated); }
.deep-wrap { max-width:82rem; margin:0 auto; }
.deep-section-head { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:clamp(1.5rem,5vw,4.5rem); align-items:start; margin-bottom:2.4rem; }
.deep-kicker { color:var(--gold); font-family:var(--font-mono); font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; }
.deep-section h2 { max-width:18ch; font-family:var(--font-display); font-size:clamp(2rem,4vw,3.5rem); line-height:1.04; letter-spacing:-.04em; }
.deep-section-head p:last-child { max-width:48rem; color:var(--text-muted); line-height:1.78; }

.map-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.map-card,.who-card,.term-card,.lesson-card,.finding-card,.question-card,.reform-card { position:relative; overflow:hidden; border:1px solid var(--border-subtle); border-radius:var(--radius-xl); background:linear-gradient(145deg,rgba(18,18,27,.94),rgba(9,9,14,.94)); }
.map-card { padding:1.5rem; }
.map-card::before,.who-card::before,.finding-card::before,.reform-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 90% 0%,rgba(34,211,238,.08),transparent 42%); }
.map-card:nth-child(even)::before,.who-card:nth-child(3n+2)::before,.finding-card:nth-child(even)::before { background:radial-gradient(circle at 90% 0%,rgba(245,158,11,.08),transparent 42%); }
.map-card h3,.who-card h3,.term-card h3,.lesson-card h3,.finding-card h3,.question-card h3,.reform-card h3 { position:relative; z-index:1; margin-bottom:.65rem; font-family:var(--font-display); letter-spacing:-.025em; }
.map-card>p,.who-card>p,.term-card>p,.lesson-card>p,.finding-card>p,.question-card>p,.reform-card>p { position:relative; z-index:1; color:var(--text-muted); line-height:1.7; }
.map-flow { position:relative; z-index:1; display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:.5rem; align-items:center; margin:1.2rem 0; }
.map-flow span { padding:.7rem .75rem; border:1px solid var(--border-subtle); border-radius:10px; background:rgba(255,255,255,.025); font-size:.82rem; line-height:1.35; text-align:center; }
.map-flow b { color:var(--text-dim); font-weight:400; }

.who-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.who-card { min-height:18rem; padding:1.45rem; }
.who-type { position:relative; z-index:1; margin-bottom:2.5rem; color:var(--cyan); font-family:var(--font-mono); font-size:.65rem; letter-spacing:.14em; text-transform:uppercase; }
.who-card:nth-child(3n+2) .who-type { color:var(--gold); }
.who-card:nth-child(3n) .who-type { color:var(--purple); }
.who-card h3 { font-size:1.25rem; }
.who-card .source-line { position:relative; z-index:1; }

.term-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.term-card { padding:1.3rem; min-height:12rem; }
.term-card h3 { color:var(--ice); font-size:1.1rem; }
.term-card p { font-size:.92rem; }
.term-note { margin-top:1.3rem; padding:1rem 1.1rem; border:1px solid rgba(245,158,11,.22); border-radius:var(--radius-lg); color:var(--text-muted); background:rgba(245,158,11,.035); line-height:1.68; }

.lesson-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.lesson-card { padding:1.4rem; }
.lesson-card>span,.finding-card>span,.reform-card>span { display:block; margin-bottom:1.8rem; color:var(--purple); font-family:var(--font-display); font-size:2rem; font-weight:700; letter-spacing:-.04em; }
.lesson-card:nth-child(even)>span,.reform-card:nth-child(even)>span { color:var(--gold); }

.oversight-timeline { border-top:1px solid var(--border-subtle); }
.oversight-row { display:grid; grid-template-columns:8rem 1fr; gap:1.6rem; padding:1.5rem 0; border-bottom:1px solid var(--border-subtle); }
.oversight-row time { color:var(--cyan); font-family:var(--font-mono); font-size:.72rem; letter-spacing:.08em; }
.oversight-row h3 { margin-bottom:.45rem; font-family:var(--font-display); font-size:1.12rem; letter-spacing:-.02em; }
.oversight-row p { max-width:58rem; color:var(--text-muted); line-height:1.68; }

.finding-grid,.question-grid,.reform-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.finding-card,.question-card,.reform-card { padding:1.45rem; }
.finding-card>span,.reform-card>span { font-size:1.7rem; }
.perspective-pair { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1.5rem; }
.perspective { padding:1.4rem; border:1px solid var(--border-subtle); border-radius:var(--radius-xl); background:var(--bg-card); }
.perspective h3 { margin-bottom:.7rem; font-family:var(--font-display); font-size:1.15rem; }
.perspective p { color:var(--text-muted); line-height:1.72; }
.perspective.audit { border-color:rgba(34,211,238,.24); }
.perspective.agency { border-color:rgba(245,158,11,.24); }

.deep-source-list { display:grid; gap:.7rem; padding:0; margin:1.4rem 0 0; list-style:none; }
.deep-source-list li { padding:.85rem 0; border-bottom:1px solid var(--border-subtle); color:var(--text-muted); }
.deep-source-list a { color:var(--ice); }
.deep-callout { margin-top:2rem; padding:1.5rem; border:1px solid rgba(168,85,247,.24); border-radius:var(--radius-xl); background:linear-gradient(120deg,rgba(168,85,247,.06),rgba(34,211,238,.03)); }
.deep-callout h3 { margin-bottom:.65rem; font-family:var(--font-display); font-size:1.4rem; letter-spacing:-.03em; }
.deep-callout p { max-width:60rem; color:var(--text-muted); line-height:1.72; }

.deep-footer-links { display:flex; flex-wrap:wrap; gap:1rem; }

@media (max-width:960px) {
  .deep-section-head,.who-grid,.term-grid { grid-template-columns:1fr 1fr; }
  .deep-section-head>div:first-child { grid-column:1/-1; }
  .map-flow { grid-template-columns:1fr; }
  .map-flow b { transform:rotate(90deg); }
}
@media (max-width:720px) {
  .deep-section-head,.map-grid,.who-grid,.term-grid,.lesson-grid,.finding-grid,.question-grid,.reform-grid,.perspective-pair { grid-template-columns:1fr; }
  .oversight-row { grid-template-columns:1fr; gap:.35rem; }
  .who-card { min-height:auto; }
  .who-type { margin-bottom:1.3rem; }
  .deep-hero-actions { flex-direction:column; align-items:flex-start; }
}