/* R30 proposal. Load after all R29 styles. Chapter colour, typography and space
   carry editorial grouping; rules are reserved for data and active controls. */

/* Intro: the photograph and chapter rail already establish the two edges. */
body.direction-frontier .site-header.page-width { border-bottom: 0; }
body.direction-frontier .cover-foot { border-top: 0; padding-top: 0; }
body.direction-frontier .mission-receipts a { border-top: 0; padding-top: 0; }
body.direction-frontier .mission-receipts { padding-top: 4px; }
body.direction-frontier .systems-overview .system-availability { border-left: 0; padding-left: 0; margin-top: 12px; }

/* Century: no rule between every label, metric and disclosure. The tab frame
   and active state remain, as do the atlas's selected metric indicators. */
body.direction-frontier .capabilities-disclosure,
body.direction-frontier .feedback-example,
body.direction-frontier .evidence-index,
body.direction-frontier .system-feedback { border-top: 0; }
body.direction-frontier .system-record { border-left: 0; }
body.direction-frontier .system-record dl>div { border-top: 0; border-bottom: 0; padding-block: 10px; }
body.direction-frontier .system-record dl>div:first-child { padding-top: 0; }
body.direction-frontier .scale-index>div,
body.direction-frontier .scale-index>div:nth-child(n+3) { border-top: 0; }
body.direction-frontier .system-feedback li { border-bottom: 0; padding-block: 12px; }
body.direction-frontier .system-feedback li:first-child { padding-top: 0; }
body.direction-frontier .system-capabilities { padding-block: 48px 12px; }
body.direction-frontier .system-capabilities .section-heading { margin-bottom: 14px; }
body.direction-frontier .system-capabilities .evidence-index { margin-top: 24px; padding-top: 12px; }
body.direction-frontier .research-scale-caption { margin-bottom: 12px; }
body.direction-frontier .system-feedback { padding-block: 30px 44px; }
body.direction-frontier .research-scale-definitions { margin-top: 10px; }
body.direction-frontier .research-scale-definitions>summary { min-height: 44px; }

/* Research: four compact entries, grouped by their numbers and headings. */
body.direction-frontier .research-programmes { border-top: 0; padding-block: 56px 32px; }
body.direction-frontier .programme-grid { padding-block: 34px 4px; row-gap: 26px; }
body.direction-frontier .programme,
body.direction-frontier .programme:nth-child(-n+2) { border-top: 0; padding-block: 0; }
body.direction-frontier .programme .programme-stage { border-left: 0; padding-left: 0; }
body.direction-frontier .programme h3 { margin-bottom: 12px; }
body.direction-frontier .programme-number { margin-bottom: 10px; }

/* Explorer: the field and inspector surfaces are sufficient grouping. Keep
   the select underlines and pause-control boundary, which identify inputs. */
body.direction-frontier .landing-frontier { border: 0; margin-inline: 0; }
body.direction-frontier .landing-frontier .frontier-toolbar,
body.direction-frontier .landing-frontier .frontier-inspector,
body.direction-frontier .landing-frontier .frontier-question-path,
body.direction-frontier .landing-frontier .frontier-caption,
body.direction-frontier .landing-frontier .frontier-crop { border: 0; }
body.direction-frontier .atlas-section { padding-top: 52px; }
body.direction-frontier .technology-chapter { padding-bottom: 48px; }
body.direction-frontier .frontier-caption { padding-top: 6px; }

/* Measured progress: remove the card-top + disclosure-bottom pair. */
body.direction-frontier .results-chapter { padding-block: 56px 44px; }
body.direction-frontier .results-chapter>.section-heading { margin-bottom: 30px; }
body.direction-frontier .results-chapter>.engineering-result { padding-block: 0 24px; }
body.direction-frontier .result-studies { margin-block: 22px 24px; }
body.direction-frontier .result-studies article { border-top: 0; padding-top: 0; }
body.direction-frontier .result-studies summary { border-bottom: 0; padding-block: 10px; min-height: 44px; }
body.direction-frontier .result-studies details { padding-top: 4px; }
body.direction-frontier .result-studies h3 { margin-block: 10px 12px; }
body.direction-frontier .result-studies .result-type { margin-bottom: 0; }
body.direction-frontier .result-drawer { border-bottom: 0; }
body.direction-frontier .result-drawer>summary { grid-template-columns: minmax(0,1fr) 24px; gap: 20px; min-height: 80px; padding-block: 18px; }
body.direction-frontier .result-drawer>summary .drawer-number { display: none; }
body.direction-frontier .result-drawer .precision-figure { border-top: 0; }
body.direction-frontier .plot-data,
body.direction-frontier .wheat-instrument .plot-data { border-top: 0; padding-top: 0; margin-top: 14px; }
body.direction-frontier .plot-data>summary { min-height: 44px; }
body.direction-frontier .benchmark-outcomes>div { border-bottom: 0; padding-block: 10px; }

/* CPU: no boxed chart inside a rule-bounded chapter. Chart axes, marks, selected
   tabs, comparison units and data-table row rules are intentionally untouched. */
body.direction-frontier .compute-chapter { padding-block: 56px 42px; }
body.direction-frontier .compute-heading { border-bottom: 0; padding-bottom: 0; }
body.direction-frontier .cpu-result { padding-block: 32px 20px; }
body.direction-frontier .cpu-instrument { border: 0; }
body.direction-frontier .compute-details { border-top: 0; border-bottom: 0; }
body.direction-frontier .compute-details>summary { min-height: 44px; }
/* Reserve space for the rotated disclosure glyph in expanded states. */
body.direction-frontier .result-drawer>summary,
body.direction-frontier .compute-details>summary,
body.direction-frontier .evidence-methods>summary { padding-right: 10px; }
body.direction-frontier .result-drawer>summary>span:last-child { width: 24px; height: 24px; font-size: 24px; line-height: 1; text-align: center; align-self: center; }

/* Study preview: action line + outer bottom border form a second double-rule
   pair. Use the native disclosure and its plus icon without either stripe. */
body.direction-frontier .study-preview-disclosure,
body.direction-frontier .study-preview-disclosure[open] .worked-examples-body,
body.direction-frontier .study-preview-disclosure .study-preview-action,
body.direction-frontier .study-preview-disclosure .prediction-section,
body.direction-frontier .study-preview-disclosure .evidence-section { border-top: 0; border-bottom: 0; }
body.direction-frontier .study-preview-disclosure { padding-block: 34px 20px; }
body.direction-frontier .study-preview-action { padding-top: 0; min-height: 44px; }
body.direction-frontier .study-preview-disclosure[open] .worked-examples-body { margin-top: 20px; padding-top: 20px; }
body.direction-frontier .study-preview-disclosure>summary { row-gap: 20px; }
body.direction-frontier .notebook-chapter { padding-bottom: 36px; }

/* Milestones and team: use numbered entries and generous group spacing, not
   three successive stripes between people, cohort and event. */
body.direction-frontier .application-index article { border-top: 0; padding-block: 15px; }
body.direction-frontier .industry-story .industry-qualification { border-top: 0; padding-top: 10px; }
body.direction-frontier .team-context-section { border-top: 0; padding-block: 56px; }
body.direction-frontier .team-context-section .founder,
body.direction-frontier .team-cohort,
body.direction-frontier .team-next-event { border-top: 0; border-bottom: 0; }
body.direction-frontier .team-cohort { padding-top: 0; }
body.direction-frontier .team-next-event { padding-top: 8px; }

/* A textual hover cue supplements the retained + disclosure glyph. Keyboard
   focus outlines and click target sizes remain defined by the base styles. */
body.direction-frontier .result-studies summary:hover,
body.direction-frontier .plot-data>summary:hover,
body.direction-frontier .compute-details>summary:hover,
body.direction-frontier .feedback-example>summary:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (min-width:701px) and (max-width:1100px) {
  body.direction-frontier .result-studies { gap: 30px; }
  body.direction-frontier .result-studies article { padding-block: 0; }
}
@media (max-width:700px) {
  body.direction-frontier .chroma-mission { gap: 24px; }
  body.direction-frontier .mission-receipts { gap: 4px; }
  body.direction-frontier .mission-receipts a { padding-block: 10px; }
  body.direction-frontier .system-capabilities { padding-block: 36px 8px; }
  body.direction-frontier .system-capabilities .evidence-index { margin-top: 18px; padding-top: 8px; }
  body.direction-frontier .system-feedback { padding-block: 24px 32px; gap: 16px; }
  body.direction-frontier .system-panel .system-record { border-top: 0; padding-top: 4px; }
  body.direction-frontier .research-programmes { padding-block: 36px 30px; }
  body.direction-frontier .programme-grid { padding-top: 28px; gap: 30px; }
  body.direction-frontier .programme,
  body.direction-frontier .programme:first-child { padding-block: 0; }
  body.direction-frontier .atlas-section { padding-top: 36px; }
  body.direction-frontier .technology-chapter { padding-bottom: 36px; }
  body.direction-frontier .results-chapter { padding-block: 36px 28px; }
  body.direction-frontier .results-chapter>.section-heading { margin-bottom: 26px; }
  body.direction-frontier .result-studies { gap: 30px; margin-block: 20px 18px; }
  body.direction-frontier .result-drawer>summary { min-height: 76px; padding-block: 16px; }
  body.direction-frontier .compute-chapter { padding-block: 36px 28px; }
  body.direction-frontier .cpu-result { gap: 24px; padding-block: 28px 16px; }
  body.direction-frontier .study-preview-disclosure { padding-block: 28px 12px; }
  body.direction-frontier .study-preview-disclosure>summary { gap: 20px; }
  body.direction-frontier .prediction-reading,
  body.direction-frontier .evidence-reading { border-top: 0; padding-top: 12px; }
  body.direction-frontier .team-context-section { padding-block: 36px 40px; gap: 28px; }
  body.direction-frontier .team-context-section .founder { padding-bottom: 0; }
  body.direction-frontier .team-people { gap: 24px; }
}
/* R30 structure pass. Load after the divider proposal. This assumes redundant
   visible parent headers are removed from HTML; it does not hide content. */

/* Use only for accessible heading LABELS, never the section anchors observed
   by the chapter rail. Keep #products/#research/#results on real containers. */
body.direction-frontier .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Products begin with the selector. If the old overview wrapper remains only
   for the no-JS fallback, give it no visual area in the normal JS path. */
body.direction-frontier .systems-overview {
  padding-block: 0;
  margin-block: 0;
  min-height: 0;
}
body.direction-frontier .systems-overview:empty { display: none; }
body.direction-frontier .systems-overview noscript .system-flow {
  margin: 0;
  padding-block: 16px;
}
body.direction-frontier .product-selector {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: max(var(--gutter), calc((100vw - 1280px) / 2));
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.direction-frontier .product-selector button {
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 4px;
}

/* An accessible hidden header must not leave its old margin, padding or border
   around it. Remove the empty wrappers entirely when possible. */
body.direction-frontier :is(.section-heading,.research-opening,.compute-heading):empty {
  display: none;
}
body.direction-frontier :is(.section-heading,.research-opening,.compute-heading).visually-hidden {
  padding: 0;
  margin: 0;
  border: 0;
}

/* Century's title lives in the disclosure itself. Make that one action legible
   rather than replacing the removed heading with another large intro block. */
body.direction-frontier .system-capabilities { padding-block: 28px 8px; }
body.direction-frontier .capabilities-disclosure>summary,
body.direction-frontier .feedback-example>summary {
  min-height: 52px;
  padding-block: 12px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -.025em;
}
body.direction-frontier .capabilities-disclosure>summary :is(h2,strong),
body.direction-frontier .feedback-example>summary :is(h2,strong) {
  font: inherit;
  margin: 0;
}
body.direction-frontier .system-capabilities .evidence-index {
  margin-top: 22px;
  padding-top: 0;
}
body.direction-frontier .system-feedback {
  display: block;
  padding-block: 12px 32px;
}
body.direction-frontier .system-feedback .feedback-example { margin: 0; }
body.direction-frontier .system-feedback .feedback-scope {
  margin-top: 12px;
  grid-column: auto;
}
body.direction-frontier .system-feedback .feedback-example ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  padding-top: 18px;
}
body.direction-frontier .system-feedback .feedback-example li {
  grid-template-columns: 1fr;
  align-content: start;
  gap: 8px;
  padding: 0;
}

/* Research begins directly with its entries. The outer colour field owns the
   breathing room; the grid no longer adds another header-sized top gap. */
body.direction-frontier .research-programmes { padding-block: 44px; }
body.direction-frontier .programme-grid {
  padding-block: 0;
  row-gap: 30px;
}
body.direction-frontier .programme,
body.direction-frontier .programme:nth-child(-n+2) { padding-block: 0; }

/* The explorer's own toolbar is now the heading for the interactive surface. */
body.direction-frontier .atlas-section { padding-top: 34px; }
body.direction-frontier .technology-chapter { padding-bottom: 34px; }
body.direction-frontier .frontier-toolbar { padding-top: 16px; }

/* Results start with the actual wheat result; CPU starts with its actual 83%
   result. Avoid adding old header spacing to the existing chapter inset. */
body.direction-frontier .results-chapter { padding-block: 44px 32px; }
body.direction-frontier .results-chapter>.engineering-result {
  padding-top: 0;
  margin-top: 0;
}
body.direction-frontier .compute-chapter { padding-block: 44px 32px; }
body.direction-frontier .cpu-result {
  padding-block: 0 16px;
  margin-top: 0;
}
body.direction-frontier .cpu-takeaway>.result-type { margin-top: 0; }

/* A single study title and plus replace the old two-column introduction,
   two previews and separate action row. Remove unused children from HTML. */
body.direction-frontier .study-preview-disclosure { padding-block: 24px 12px; }
body.direction-frontier .study-preview-disclosure>summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 52px;
  padding-block: 10px;
}
body.direction-frontier .studies-preview-heading {
  display: block;
  min-width: 0;
}
body.direction-frontier .studies-preview-heading>strong,
body.direction-frontier .study-preview-disclosure>summary>strong {
  font-size: 22px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -.025em;
  margin: 0;
  max-width: none;
}
body.direction-frontier .study-preview-disclosure>summary>.examples-symbol {
  flex: none;
  margin-inline: 8px;
  font-size: 22px;
  line-height: 1;
}
body.direction-frontier .study-preview-disclosure[open] .worked-examples-body {
  margin-top: 16px;
  padding-top: 12px;
}
body.direction-frontier .notebook-chapter { padding-block: 8px 28px; }

@media (max-width:700px) {
  body.direction-frontier .product-selector { padding-inline: 0; }
  body.direction-frontier .product-selector button { padding-block: 14px; }
  body.direction-frontier .system-capabilities { padding-block: 20px 8px; }
  body.direction-frontier .capabilities-disclosure>summary,
  body.direction-frontier .feedback-example>summary { font-size: 20px; }
  body.direction-frontier .system-feedback { padding-block: 8px 26px; }
  body.direction-frontier .system-feedback .feedback-example ol {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-top: 14px;
  }
  body.direction-frontier .system-feedback .feedback-example li {
    grid-template-columns: 85px minmax(0,1fr);
    gap: 14px;
  }
  body.direction-frontier .research-programmes { padding-block: 30px; }
  body.direction-frontier .programme-grid { padding-block: 0; gap: 28px; }
  body.direction-frontier .atlas-section { padding-top: 24px; }
  body.direction-frontier .technology-chapter { padding-bottom: 24px; }
  body.direction-frontier .results-chapter { padding-block: 30px 24px; }
  body.direction-frontier .compute-chapter { padding-block: 30px 24px; }
  body.direction-frontier .cpu-result { padding-block: 0 12px; }
  body.direction-frontier .study-preview-disclosure { padding-block: 18px 6px; }
  body.direction-frontier .studies-preview-heading>strong,
  body.direction-frontier .study-preview-disclosure>summary>strong { font-size: 20px; }
}

/* If the explorer's existing toolbar title is promoted to h2, preserve its
   compact tool-title size rather than inheriting a large chapter heading. */
body.direction-frontier .frontier-toolbar :is(h2,h3) {
  font-size: 18px;
  line-height: 1.3;
  margin: 0;
}

/* One entry point per content group. No repeated chapter scaffolding. */
body.direction-frontier .visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:0!important; border:0!important; overflow:hidden!important; clip-path:inset(50%); white-space:nowrap; }
body.direction-frontier .chroma-cover-copy { padding-bottom:60px; }
body.direction-frontier .chroma-mission { padding-block:54px 42px; }
body.direction-frontier .mission-copy .company-stage { margin-top:20px; font-size:13px; }
body.direction-frontier .system-identity { gap:0; }
body.direction-frontier .system-identity h2 { margin-top:0; }
body.direction-frontier .system-purpose { margin-bottom:0; }
body.direction-frontier .product-plane .plane-lead { padding-top:28px; }
body.direction-frontier .product-plane .plane-scope { padding-block:18px; }
body.direction-frontier .century-workbench { margin-top:12px; }
body.direction-frontier .system-panel-lead>p { margin-top:0; }
body.direction-frontier .century-feedback { margin-top:24px; }
body.direction-frontier .century-feedback .feedback-example>summary h3 { font:inherit; margin:0; }
body.direction-frontier .century-feedback ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; list-style:none; margin:18px 0; padding:0; }
body.direction-frontier .century-feedback li { display:grid; gap:8px; align-content:start; }
body.direction-frontier .century-feedback li>span { font-size:11px; color:var(--muted); }
body.direction-frontier .century-feedback li>p { font-size:13px; line-height:1.7; margin:0; }
body.direction-frontier .century-feedback .feedback-scope { margin:0; font-size:12px; }
body.direction-frontier .system-capabilities { padding-bottom:36px; }
body.direction-frontier .programme h3 { font-size:28px; }
body.direction-frontier .frontier-toolbar { padding-top:0; }
body.direction-frontier .study-preview-disclosure>summary>h2 { font-size:22px; line-height:1.3; font-weight:500; letter-spacing:-.025em; margin:0; }
body.direction-frontier .founder-background { margin-top:16px; }
body.direction-frontier .team-next-event .team-event-date { display:block; }
@supports selector(:has(*)) {
  /* Metric buttons provide definitions; the native list is the no-script fallback. */
  .evidence-index:has([data-scale-select]:not([hidden])) .research-scale-definitions { display:none; }
}
@media(min-width:701px){
  body.direction-frontier .system-scene-content { min-height:640px; padding-block:40px; }
  body.direction-frontier .industry-image { min-height:560px; }
  body.direction-frontier .industry-story { padding-block:54px; }
}
@media(max-width:700px){
  body.direction-frontier .chroma-cover-copy { padding-bottom:36px; }
  body.direction-frontier .chroma-mission { padding-block:32px; }
  body.direction-frontier .system-identity { min-height:280px; padding-block:32px; }
  body.direction-frontier .system-scene-image { height:350px; }
  body.direction-frontier .system-scene::after { height:351px; }
  body.direction-frontier .century-feedback ol { grid-template-columns:1fr; gap:18px; }
  body.direction-frontier .system-capabilities { padding-bottom:28px; }
  body.direction-frontier .programme h3 { font-size:25px; }
  body.direction-frontier .study-preview-disclosure>summary>h2 { font-size:20px; }
}