/* 默认探索实验布局 DNA：信息排布、阅读节奏与响应式密度。 */

:root {
  --exploration-page-max: 1120px;
  --exploration-nav-height: 64px;
  --exploration-page-x: 24px;
  --exploration-section-y: 76px;
  --exploration-hero-min-height: clamp(430px, 56vh, 610px);
  --exploration-hero-padding-top: 96px;
  --exploration-hero-padding-bottom: 72px;
  --exploration-hero-content-max: 760px;
  --exploration-title-max: 720px;
  --exploration-lead-max: 630px;
  --exploration-section-head-max: 960px;
  --exploration-copy-max: 720px;
  --exploration-scope-copy-max: 660px;
  --exploration-nav-gap: 18px;
  --exploration-action-gap: 10px;
  --exploration-card-gap: 12px;
  --exploration-evidence-gap: 44px;
  --exploration-flow-columns: 3;
}

.exploration-page .nav-links { gap: var(--exploration-nav-gap); }
.exploration-page .hero { min-height: var(--exploration-hero-min-height); padding: var(--exploration-hero-padding-top) var(--exploration-page-x) var(--exploration-hero-padding-bottom); }
.exploration-page .hero-grid { width: min(var(--exploration-hero-content-max), 100%); }
.exploration-page h1 { max-width: var(--exploration-title-max); }
.exploration-page .hero-lead { max-width: var(--exploration-lead-max); }
.exploration-page .hero-actions,
.exploration-page .project-links,
.exploration-page .chips { gap: var(--exploration-action-gap); }
.exploration-page .section { padding: var(--exploration-section-y) var(--exploration-page-x); }
.exploration-page .section > div { width: min(var(--exploration-page-max), 100%); }
.exploration-page .section-head { max-width: var(--exploration-section-head-max); }
.exploration-page .section-head h2 { word-break: auto-phrase; text-wrap: balance; }
.exploration-page .title-phrase { white-space: nowrap; }
.exploration-page .section-intro { max-width: var(--exploration-copy-max); }
.exploration-page .summary-band > div { display: grid; grid-template-columns: minmax(390px, .98fr) minmax(0, 1.02fr); align-items: center; gap: clamp(36px, 4.5vw, 64px); }
.exploration-page .summary-band .section-head { margin-bottom: 0; }
.exploration-page .summary-band .section-head h2 { max-width: 560px; }
.exploration-page .summary-band .scan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.exploration-page .scan-grid,
.exploration-page .cards,
.exploration-page .flow { gap: var(--exploration-card-gap); }
.exploration-page .scope-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.exploration-page .screens { gap: var(--exploration-evidence-gap); }
.exploration-page .scope-copy { max-width: var(--exploration-scope-copy-max); }
.exploration-page .finding-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.exploration-page .finding-card { padding: 26px 28px 28px; }
.exploration-page .next-band > div { display: grid; grid-template-columns: minmax(300px, .88fr) minmax(0, 1.12fr); align-items: stretch; gap: 24px 32px; }
.exploration-page .next-band .section-head { grid-column: 1 / -1; }
.exploration-page .limitation-note { display: grid; width: 100%; min-height: 100%; align-content: center; gap: 24px; margin: 0; padding: 34px 38px; }
.exploration-page .limitation-note p { max-width: 720px; }
.exploration-page .roadmap { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 10px; }
.exploration-page .roadmap::before { display: none; }
.exploration-page .roadmap-item { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 18px; padding: 16px 20px; }
.exploration-page .roadmap-priority { width: 52px; height: 52px; }
.exploration-page .roadmap-copy { max-width: none; padding-top: 0; }
.exploration-page .flow { grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 24px; row-gap: 18px; }
.exploration-page .flow .step { grid-column: span 2; }
.exploration-page .flow-5 .step:nth-last-child(-n + 2) { grid-column: span 3; }

@media (max-width: 900px) {
  .exploration-page .summary-band > div { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .exploration-page .summary-band .section-head { margin-bottom: 0; }
  .exploration-page .summary-band .section-head h2 { max-width: 720px; }
  .exploration-page .scan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .exploration-page .scope-cards { grid-template-columns: minmax(0, 1fr); }
  .exploration-page .next-band > div { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

@media (max-width: 720px) {
  :root { --exploration-page-x: 20px; --exploration-section-y: 54px; }
  .exploration-page .hero { min-height: 0; padding: 76px 20px 52px; }
  .exploration-page .nav-links { gap: 10px; }
  .exploration-page .flow { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; }
  .exploration-page .flow .step,
  .exploration-page .flow-5 .step:nth-last-child(-n + 2) { grid-column: span 1; }
  .exploration-page .scan-grid,
  .exploration-page .cards,
  .exploration-page .flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .exploration-page .scope-cards { grid-template-columns: minmax(0, 1fr); }
  .exploration-page .finding-grid { grid-template-columns: minmax(0, 1fr); }
  .exploration-page .finding-card { padding: 22px 22px 24px; }
  .exploration-page .summary-band .scan-grid { grid-template-columns: minmax(0, 1fr); }
  .exploration-page .limitation-note { min-height: 0; align-content: start; gap: 16px; padding: 22px 20px 24px; }
  .exploration-page .roadmap-item { padding: 16px; }
  .exploration-page .roadmap-priority { width: 46px; height: 46px; }
}