html { scroll-behavior: smooth; }
body { background: #edf2f6; color: #101827; }
.research-main { max-width: 1180px; margin: 0 auto; padding: 8rem 1.25rem 5rem; }
.research-hero { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(240px, .5fr); gap: 4rem; align-items: end; padding: 4rem 0 3rem; border-bottom: 1px solid #aeb9c8; }
.research-kicker { color: #1e63c6; font: 700 .75rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .13em; text-transform: uppercase; }
.research-hero h1 { max-width: 900px; margin: .8rem 0 1rem; font-size: clamp(3rem, 8vw, 7.2rem); line-height: .93; letter-spacing: -.055em; }
.research-deck { max-width: 760px; color: #52627a; font-size: clamp(1.1rem, 2vw, 1.4rem); line-height: 1.55; }
.research-meta { display: grid; gap: .75rem; color: #65758c; font-size: .86rem; }
.research-meta strong { color: #101827; }
.quick-answer { margin: 2.5rem 0; padding: 1.6rem 1.8rem; border-left: 3px solid #2f80ff; background: #0e1624; color: #eef4ff; font-size: 1.12rem; line-height: 1.65; }
.quick-answer strong { color: #ffffff; }
.research-section { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 3rem; padding: 4rem 0; border-bottom: 1px solid #aeb9c8; }
.research-section h2 { margin: 0; font-size: 1rem; letter-spacing: .08em; text-transform: uppercase; color: #1e63c6; }
.research-copy { max-width: 820px; }
.research-copy h3 { margin: 2rem 0 .7rem; font-size: 1.35rem; }
.research-copy p, .research-copy li { color: #33445d; line-height: 1.72; }
.research-copy a { color: #145dbc; }
.stat-strip { display: grid; grid-template-columns: repeat(5, 1fr); margin: 2rem 0 0; border: 1px solid #aeb9c8; }
.stat { min-height: 130px; padding: 1.25rem; border-right: 1px solid #aeb9c8; }
.stat:last-child { border-right: 0; }
.stat b { display: block; color: #101827; font-size: 2rem; }
.stat span { color: #52627a; font-size: .82rem; line-height: 1.4; }
.stat a { color: #145dbc; }
.evidence-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: .92rem; }
.evidence-table th { color: #1e63c6; text-align: left; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.evidence-table th, .evidence-table td { padding: 1rem; border-bottom: 1px solid #aeb9c8; vertical-align: top; }
.evidence-table td { color: #33445d; line-height: 1.55; }
.evidence-table code { color: #dce9ff; background: #111b2a; padding: .15rem .35rem; }
.timeline { display: grid; }
.timeline article { display: grid; grid-template-columns: 150px 1fr; gap: 1.2rem; padding: 1.1rem 0; border-bottom: 1px solid #aeb9c8; }
.timeline time { color: #1e63c6; font: 700 .78rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.timeline p { margin: 0; }
.gate-list { display: flex; flex-wrap: wrap; gap: .55rem; padding: 0; list-style: none; }
.gate-list li { padding: .45rem .7rem; border: 1px solid #7889a1; border-radius: 999px; color: #263952; font: 700 .72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.boundary-list { padding-left: 1.2rem; }
.boundary-list li::marker { color: #34d399; }
.related-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: #273143; border: 1px solid #273143; }
.related-grid a { display: grid; gap: .35rem; min-height: 130px; padding: 1.3rem; background: #0a101b; text-decoration: none; }
.related-grid a:hover { background: #101b2c; }
.related-grid strong { color: #f3f6fb; }
.related-grid span { color: #8f9caf; font-size: .88rem; }
.research-cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.research-cta a { display: inline-flex; padding: .8rem 1rem; border-radius: .4rem; background: #2f80ff; color: #fff; text-decoration: none; font-weight: 700; }
.research-cta a.secondary { background: transparent; border: 1px solid #47566f; }
.source-list { columns: 2; }
.source-list li { break-inside: avoid; margin-bottom: .75rem; }
html[data-theme="dark"] body { background: #070b12; color: #f3f6fb; }
html[data-theme="dark"] .research-hero, html[data-theme="dark"] .research-section, html[data-theme="dark"] .stat-strip, html[data-theme="dark"] .stat, html[data-theme="dark"] .evidence-table th, html[data-theme="dark"] .evidence-table td, html[data-theme="dark"] .timeline article { border-color: #273143; }
html[data-theme="dark"] .research-kicker, html[data-theme="dark"] .research-section h2, html[data-theme="dark"] .evidence-table th, html[data-theme="dark"] .timeline time { color: #70a8ff; }
html[data-theme="dark"] .research-deck { color: #b8c3d6; }
html[data-theme="dark"] .research-meta, html[data-theme="dark"] .stat span { color: #8f9caf; }
html[data-theme="dark"] .research-meta strong, html[data-theme="dark"] .stat b { color: #f3f6fb; }
html[data-theme="dark"] .research-copy p, html[data-theme="dark"] .research-copy li, html[data-theme="dark"] .evidence-table td { color: #c8d1df; }
html[data-theme="dark"] .research-copy a, html[data-theme="dark"] .stat a { color: #8db8ff; }
html[data-theme="dark"] .gate-list li { border-color: #34425a; color: #dbe6f7; }
@media (max-width: 760px) {
  .research-main { padding-top: 6rem; }
  .research-hero, .research-section { grid-template-columns: 1fr; gap: 1.5rem; }
  .research-hero h1 { font-size: clamp(3rem, 16vw, 5rem); }
  .stat-strip { grid-template-columns: 1fr 1fr; }
  .stat { border-bottom: 1px solid #273143; }
  .timeline article { grid-template-columns: 1fr; gap: .25rem; }
  .evidence-table { display: block; overflow-x: auto; }
  .related-grid { grid-template-columns: 1fr; }
  .source-list { columns: 1; }
}