/* Separate editorial exploration; the live site and spatial route stay unchanged. */
.editorial-page .spatial-hero { --story-status: #86e5b4; }
.editorial-page .spatial-hero[data-graph-phase="1"],
.editorial-page .spatial-hero[data-graph-phase="2"],
.editorial-page .spatial-hero[data-graph-phase="3"] { --story-status: #ff8e9f; }
.editorial-page .spatial-copy .scene-description #scene-copy,
.editorial-page .spatial-hero .graph-caption #graph-state { color: var(--story-status); transition: color .35s ease; }
@media (prefers-reduced-motion: reduce) {
 .editorial-page #scene-copy, .editorial-page #graph-state { transition: none; }
}
.editorial-page { --pad: clamp(24px, 4.5vw, 100px); background: #080e16; }
.editorial-page .eyebrow { font-size: .875rem; }
.editorial-page .spatial-hero { background: radial-gradient(ellipse at 74% 38%, #173b5433, transparent 60%); }
.editorial-page .spatial-copy .spatial-controls { position: static; margin-top: 24px; padding: 20px 0 0; border-top: 1px solid #7898b54d; }
.editorial-page .spatial-copy .scene-description { padding: 0; }
.editorial-page .spatial-copy .scene-description strong { font-size: clamp(1.5rem, 2vw, 2.25rem); line-height: 1.2; }
.editorial-page .spatial-copy .scene-description p { font-size: clamp(1.125rem, 1.25vw, 1.375rem); line-height: 1.5; color: #cadcec; max-width: 52ch; min-height: 4.5em; margin-top: 12px; }
@media (min-width: 1101px) and (max-height: 900px) {
 .editorial-page .spatial-hero { padding-top: 26px; padding-bottom: 26px; }
 .editorial-page .spatial-copy h1 { font-size: clamp(3rem, 6.6vh, 5rem); margin-bottom: 18px; }
 .editorial-page .spatial-copy > .eyebrow { margin-bottom: 16px; }
 .editorial-page .spatial-copy > p { line-height: 1.6; max-width: 46ch; }
 .editorial-page .spatial-copy .actions { margin-top: 20px; }
 .editorial-page .spatial-stage { height: clamp(440px, 72svh, 690px); }
}
.editorial-page .reference.section { margin: 0; padding: clamp(44px, 5vw, 80px) var(--pad); background: #dce8ef; color: #112c43; border: 0; }
.editorial-page .reference figure { width: 100%; max-width: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(160px, .45fr) minmax(0, 1.8fr); gap: clamp(36px, 6vw, 110px); background: none; border: 0; border-radius: 0; box-shadow: none; }
.editorial-page .reference img { width: min(100%, 220px); height: auto; justify-self: center; filter: none; }
.editorial-page .reference figure > div { padding: 0; border: 0; }
.editorial-page .reference .eyebrow { color: #3c627b; margin-bottom: 18px; }
.editorial-page .reference blockquote { font-family: Inter, sans-serif; font-size: clamp(1rem, 1.25vw, 1.4rem); font-weight: 400; line-height: 1.7; letter-spacing: -.015em; color: #153147; }
.editorial-page .reference figcaption { margin-top: 24px; font-size: .875rem; color: #173b55; flex-direction: row; flex-wrap: wrap; gap: 8px 18px; }
.editorial-page .reference figcaption span { color: #49667a; }
.editorial-page .scene-chapter { position: relative; isolation: isolate; padding-block: clamp(64px, 7vw, 120px); background: #0d1b29; }
.editorial-page .context-intro { align-self: center; }
.editorial-page .scene-chapter::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #08121eeb 0%, #08121eb5 48%, #08121e88), linear-gradient(0deg, #0d1b29 0%, transparent 60%), url('assets/datacenter-racks.jpg') center / cover no-repeat; }
.editorial-page .closing::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #081422d9, #081422bf), url('assets/network-detail.jpg') center / cover no-repeat; }
.editorial-page footer .photo-credit { font-size: .75rem; color: #9caec3; }
.editorial-page .context-intro > p { max-width: 54ch; color: #c0d0df; }
.editorial-page .context-example { background: #09131edb; backdrop-filter: blur(12px); border-color: #94b9cf4a; box-shadow: 0 24px 80px #0003; }
.editorial-page .context-outcomes { border-color: #7894ac55; }
.editorial-page .scene-chapter .capability-strip { grid-column: 1 / -1; margin: 0; padding: 32px 0 0; border: 0; border-top: 1px solid #7894ac55; background: transparent; }
.editorial-page .context-outcomes h3, .editorial-page .capability-strip strong { font-size: 1.25rem; line-height: 1.4; }
.editorial-page .experience { background: #101e2c; }
.editorial-page .workspace { box-shadow: 0 24px 80px #0003; }
.editorial-page .platform { background: #080e16; }
.editorial-page .feature-grid { gap: 22px; }
.editorial-page .feature-card { border-radius: 18px; }
.editorial-page .knowledge { background: #17364a; }
.editorial-page .reports { background: #dce8ef; color: #112c43; border-color: #dce8ef; }
.editorial-page .reports p { color: #405e72; }
.editorial-page .reports .eyebrow, .editorial-page .reports .report-art span { color: #356078; }
.editorial-page .reports .report-art i { background: #397ea5; }
.editorial-page .integrations { background: #152939; border-block: 1px solid #46617566; }
.editorial-page .integration { background: #102230; border-color: #55748a55; }
.editorial-page .section-head > p { font-size: 1.0625rem; line-height: 1.8; }
.editorial-page .module-title, .editorial-page .integration h3 { font-size: 1rem; }
.editorial-page .closing { position: relative; isolation: isolate; padding-block: clamp(80px, 10vw, 160px); background: #122638; }
.editorial-page .closing p { font-size: 1rem; }
@media (max-width: 850px) {
 .editorial-page .reference figure { grid-template-columns: 140px minmax(0, 1fr); gap: 28px; }
 .editorial-page .section-head > p { justify-self: start; }
}
@media (max-width: 600px) {
 .editorial-page .reference figure { grid-template-columns: minmax(0, 1fr); gap: 30px; }
 .editorial-page .reference img { width: 155px; justify-self: start; }
 .editorial-page .reference figcaption { flex-direction: column; align-items: start; }
 .editorial-page .eyebrow { font-size: .75rem; }
 .editorial-page .feature-card { padding: 24px; }
}