/* Public race, guide, product and legal layouts. Loaded after page styles. */
.editorial-site { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); }
.editorial-site main { max-width: 1440px; padding: 0 5vw 88px; }
.editorial-site section { border-color: var(--line); padding-block: 64px; }
.editorial-site :is(h1, h2, h3) { font-family: var(--font-editorial); font-weight: 400; text-transform: none; letter-spacing: -.035em; }
.editorial-site h1 { margin: 26px 0; font-size: clamp(44px, 5.7vw, 82px); line-height: 1.04; max-width: 960px; }
.editorial-site h1 em { color: var(--accent); font-weight: 400; margin-top: 4px; }
.editorial-site h2 { margin: 16px 0 26px; font-size: clamp(32px, 3.4vw, 48px); line-height: 1.12; }
.editorial-site h3 { font-size: 28px; line-height: 1.2; }
.editorial-site :is(p, li, dd) { color: var(--muted); line-height: 1.85; }
.editorial-site .lead { font-size: 17px; line-height: 1.85; max-width: 580px; }
.editorial-site .eyebrow { color: var(--accent); font: 500 10px/1.7 var(--font-label); letter-spacing: .1em; }
.editorial-site a { text-underline-offset: 5px; }
.editorial-site .cta { justify-content: center; width: auto; max-width: 100%; border-radius: var(--radius-control); padding: 17px 23px; background: var(--navy); color: var(--paper); font: 600 12px/1.6 var(--font-body); letter-spacing: .01em; }
.editorial-site .cta:hover { background: var(--accent); }
.editorial-site .microcopy { font-size: 11px; }
.editorial-site .site-header { min-height: 90px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 20px; padding: 18px 5vw; border-bottom: 1px solid var(--line); background: var(--paper); }
.editorial-site .site-header nav { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: clamp(20px, 3vw, 42px); }
.editorial-site .site-header nav a { font: 600 12px/1.5 var(--font-body); text-transform: none; letter-spacing: 0; text-decoration: none; }
.editorial-site .site-header nav a:hover { text-decoration: underline; }
.editorial-site .site-header .nav-plan { padding: 12px 18px; border: 1px solid var(--navy); border-radius: var(--radius-control); }
.editorial-site .site-header .nav-plan:hover { background: var(--navy); color: var(--paper); text-decoration: none; }
.editorial-site .site-header .site-language { color: var(--muted); font-size: 11px; }
.editorial-masthead { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-bottom: 1px solid var(--line); padding: 20px 0; color: var(--muted); font: 10px/1.6 var(--font-label); letter-spacing: .08em; text-transform: uppercase; }
.editorial-site .back-link { display: inline-block; margin-top: 28px; }
.editorial-landscape { margin: 0; min-width: 0; }
.editorial-landscape img { display: block; width: 100%; height: auto; aspect-ratio: 1.25; object-fit: cover; object-position: 65% center; }
.editorial-landscape figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding-top: 12px; font: 9px/1.6 var(--font-label); color: var(--muted); }
.editorial-landscape figcaption a { text-decoration: none; }
.editorial-landscape figcaption a:hover { text-decoration: underline; }

/* A directory of courses, with a real GPX signature for every race. */
.editorial-site .directory-hero { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 6vw; padding-block: 40px 48px; }
.directory-hero > div { min-width: 0; }
.editorial-site .directory-hero h1 { font-size: clamp(46px, 5.7vw, 78px); }
.editorial-site .directory-hero .race-trial strong { font-size: 26px; }
.directory-heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 16px; padding-top: 32px; }
.editorial-site .directory-heading h2 { font-size: 40px; margin-bottom: 0; }
.directory-heading > span { color: var(--muted); font: 10px/1.6 var(--font-label); }
.editorial-site .directory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 28px; padding-block: 32px 56px; }
.editorial-site .directory-card { padding: 0 0 24px; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; background: transparent; }
.directory-card-meta { display: flex; justify-content: space-between; gap: 18px; align-items: baseline; margin-bottom: 14px; }
.directory-card-meta > span:last-child { color: var(--muted); font: 10px var(--font-label); }
.directory-card .course-graph { margin: 0; padding: 28px 22px 18px; background: var(--navy); color: var(--ice); }
.directory-card:nth-child(3n + 2) .course-graph { background: #e6e7d9; color: var(--navy); }
.directory-card:nth-child(3n) .course-graph { background: #e9ddd0; color: #91452b; }
.directory-card .course-graph svg { aspect-ratio: 3.4; }
.directory-card .course-graph figcaption { font-size: 7px; letter-spacing: .04em; }
.editorial-site .directory-card h2 { font-size: 32px; margin: 24px 0 14px; }
.editorial-site .directory-card p { font-size: 13px; }
.editorial-site .directory-card .distance-stats { font: 10px/1.8 var(--font-label); color: var(--ink); }
.editorial-site .text-cta { color: var(--accent); font-size: 10px; text-decoration: underline; text-underline-offset: 5px; }
.editorial-site .directory-bottom { padding: 48px; margin-top: 48px; background: var(--surface-soft); border: 0; }
.editorial-site .directory-bottom h2 { margin-top: 0; }

/* Course facts form a single field sheet, with the profile as its focal point. */
.editorial-site .race-hero { grid-template-columns: 1.15fr 1fr; gap: 6vw; padding-top: 32px; }
.editorial-site .race-hero > div { min-width: 0; }
.editorial-site .race-hero h1 { font-size: clamp(46px, 5.4vw, 76px); }
.editorial-site .race-card { border-radius: 0; box-shadow: none; background: var(--navy); padding: 32px; }
.editorial-site .race-card .eyebrow { color: var(--ice); }
.editorial-site .race-card .race-date { color: var(--paper); font: 400 29px/1.3 var(--font-editorial); }
.editorial-site .race-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 28px 0; }
.race-facts > div:last-child { grid-column: 1 / -1; }
.editorial-site .race-facts dd { color: var(--paper); font: 500 44px/1.2 'Oswald', sans-serif; }
.editorial-site .race-facts dd.terrain { font: 400 15px/1.7 var(--font-body); }
.editorial-site .race-card .course-graph { margin: 28px -12px 24px; }
.editorial-site .race-card .course-note { font-size: 11px; color: #c2ccd3; }
.editorial-site .race-trial strong { font: 500 29px/1.2 var(--font-editorial); color: var(--navy); }
.editorial-site .race-trial p { font-size: 13px; }
.editorial-site .race-proof-links { gap: 10px 20px; }
.editorial-site .race-proof-links a { font-size: 11px; color: var(--accent); }
.editorial-site .demand-card { border-radius: 0; padding: 32px 0 0; border: 0; border-top: 1px solid var(--ink); background: transparent; }
.editorial-site .demand-card > h3 { font-size: 32px; }
.editorial-site .demand-metrics dt { font: 11px/1.7 var(--font-label); }
.editorial-site .demand-metrics dd { color: var(--navy); }
.editorial-site .demand-distribution { border-radius: 0; background: var(--surface-soft); }
.editorial-site .demand-distribution figcaption, .editorial-site .demand-meaning h4 { font: 500 25px/1.2 var(--font-editorial); }
.editorial-site .demand-metrics > div { border-top-width: 1px; }
.editorial-site .steps article > span { background: transparent; padding: 0; font: 400 46px/1 var(--font-editorial); color: var(--accent); }
.editorial-site .steps article, .editorial-site .focus-grid article { border-top: 1px solid var(--line); padding-top: 24px; }
.editorial-site .steps h3, .editorial-site .focus-grid h3 { font-size: 28px; }
.editorial-site .steps p, .editorial-site .focus-grid p { font-size: 14px; }
.editorial-site .distance-card { border-radius: 0; background: var(--surface-soft); border: 0; padding: 32px; }
.editorial-site .distance-card h3 { margin-top: 0; }
.editorial-site .faq summary { font-weight: 500; font-size: 16px; }
.editorial-site .related-races { justify-content: flex-start; gap: 20px 30px; }
.editorial-site .related-races a { font-size: 12px; }

/* Reading pages use a generous title, a ruled index and readable article columns. */
.editorial-site .guide-page { max-width: 1280px; }
.editorial-site .guide-page .why-hero { padding: 56px 0 48px; border: 0; align-items: center; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 54px; }
.editorial-site .guide-page .why-hero h1 { font-size: clamp(44px, 5.5vw, 72px); }
.editorial-site .guide-page .why-hero > div > p { font-size: 16px; }
.editorial-site .guide-page .why-hero aside { border: 0; border-top: 2px solid var(--accent); border-radius: 0; padding: 28px 0 0; background: transparent; }
.editorial-site .why-hero aside strong { font: 500 10px/1.7 var(--font-label); color: var(--accent); }
.editorial-site .why-hero aside p { font-size: 15px; }
.editorial-site .guide-page .view-heading { padding-block: 48px 28px; }
.editorial-site .guide-page .view-heading h1 { margin-top: 0; }
.editorial-site .guide-page p, .editorial-site .guide-page li, .editorial-site .guide-page dd { color: var(--muted); font-size: 16px; line-height: 1.9; }
.editorial-site .guide-page :is(.why-columns, .evidence-grid, .risk-grid, .guide-columns) { gap: 24px 48px; }
.editorial-site .guide-page :is(.why-callout, .why-takeaway) { padding: 28px; border-radius: 0; background: var(--surface-soft); }
.editorial-site .guide-page nav, .editorial-site .index { display: flex; flex-wrap: wrap; gap: 14px 26px; border-color: var(--line); padding-block: 22px; }
.editorial-site .guide-page nav a, .editorial-site .index a { font: 500 11px/1.8 var(--font-label); text-decoration: none; }
.editorial-site .guide-page nav a:hover, .editorial-site .index a:hover { text-decoration: underline; }
.editorial-site .why-number { color: var(--accent); font: 11px var(--font-label); }
.editorial-site .guide-page .editorial-landscape { padding-block: 48px; border-bottom: 1px solid var(--line); }
.editorial-site .guide-page .editorial-landscape img { aspect-ratio: 2.4; }
.editorial-site .glossary-group dl > div { padding-block: 22px; }
.editorial-site .guide-page dt { font: 500 25px/1.2 var(--font-editorial); }
.editorial-site .guide-page .legal-document { max-width: 780px; }
.editorial-site .legal-document h2 { font-size: 36px; }
.editorial-site .legal-document a { overflow-wrap: anywhere; }
.editorial-site .guide-table, .editorial-site .table-wrap { border: 1px solid var(--line); }
.editorial-site th { background: var(--surface-soft); font: 500 11px/1.8 var(--font-label); }
.editorial-site td { font-size: 14px; }
.editorial-site.editorial-article :is(p, li, dd) { color: var(--muted); }
.editorial-site.editorial-article .hero { padding-block: 48px; }
.editorial-site.editorial-article .index { overflow-x: auto; }
.editorial-site.editorial-article .note { border-left: 2px solid var(--accent); background: var(--surface-soft); }
.editorial-site.editorial-article .group { border-color: var(--line); }

/* Example plans and methodology share the same restrained data presentation. */
.editorial-site .product-hero { gap: 5vw; padding-top: 48px; }
.editorial-site .product-hero h1 { font-size: clamp(42px, 5vw, 70px); }
.editorial-site .example-profile, .editorial-site .method-intro { border-radius: 0; padding: 32px; }
.editorial-site .example-profile { background: var(--surface-soft); border: 0; border-top: 2px solid var(--navy); }
.editorial-site .example-profile h2 { font-size: 32px; }
.editorial-site .example-profile dd { color: var(--ink); }
.editorial-site .product-metrics { gap: 0; border-block: 1px solid var(--ink); }
.editorial-site .product-metrics > div { background: transparent; border: 0; border-right: 1px solid var(--line); border-radius: 0; padding: 24px; }
.editorial-site .product-metrics > div:last-child { border-right: 0; }
.editorial-site .product-metrics dd { color: var(--navy); }
.editorial-site .example-chart { background: transparent; border-radius: 0; padding: 24px 0; border-inline: 0; }
.editorial-site .example-change-grid article, .editorial-site .method-grid article { border-radius: 0; border: 0; border-top: 1px solid var(--ink); background: transparent; padding: 26px 0; }
.editorial-site .method-grid { gap: 24px 48px; }
.editorial-site .example-week, .editorial-site .method-calculation { border-radius: 3px; background: var(--paper); }
.editorial-site .product-note, .editorial-site .example-supplies { border-radius: 0; }
.editorial-site .method-intro :is(.eyebrow, li, b) { color: var(--paper); }
.editorial-site .product-next { background: var(--surface-soft); padding: 40px; margin-top: 40px; border: 0; }
.editorial-site .product-next h2 { margin-top: 0; }

.editorial-site .site-footer { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px 6vw; padding: 64px 5vw 24px; background: var(--navy); color: var(--paper); text-align: left; }
.site-footer .footer-story { min-width: 0; }
.editorial-site .site-footer .footer-title { margin: 30px 0 18px; font: 400 clamp(34px, 3.6vw, 50px)/1.1 var(--font-editorial); letter-spacing: -.03em; color: var(--paper); }
.editorial-site .site-footer p { color: #c2ccd3; font: 12px/1.8 var(--font-body); }
.editorial-site .site-footer > nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-top: 18px; }
.site-footer > nav > div { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.site-footer > nav span { margin-bottom: 12px; color: var(--ice); font: 10px/1.7 var(--font-label); }
.editorial-site .site-footer nav a { font: 400 12px/1.7 var(--font-body); color: var(--paper); text-decoration: none; overflow-wrap: normal; }
.editorial-site .site-footer nav a:hover { text-decoration: underline; }
.footer-bottom { grid-column: 1 / -1; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; gap: 14px 32px; padding-top: 24px; border-top: 1px solid #ffffff30; }
.editorial-site .footer-bottom p { margin: 0; font-size: 10px; }
.editorial-site .footer-bottom nav { margin: 0; display: flex; gap: 24px; }
.editorial-site .footer-bottom nav a { font-size: 10px; }
@media (min-width: 1440px) { .editorial-site main { padding-inline: 72px; } }
@media (max-width: 1000px) {
  .editorial-site .directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .editorial-site .race-hero { gap: 32px; }
  .editorial-site .race-card { padding: 26px; }
  .editorial-site .race-facts dd { font-size: 35px; }
  .editorial-site .guide-page .why-hero { gap: 32px; }
}
@media (max-width: 700px) {
  .editorial-site main { padding: 0 6vw 56px; }
  .editorial-site .site-header { padding: 18px 6vw; gap: 18px; }
  .editorial-site .site-header nav { gap: 14px 24px; text-align: left; }
  .editorial-site .site-header nav a { font-size: 11px; }
  .editorial-site .site-header .nav-plan { padding: 10px 12px; }
  .editorial-site .editorial-masthead { font-size: 9px; padding-block: 16px; }
  .editorial-site .editorial-masthead > span:last-child { display: none; }
  .editorial-site section { padding-block: 40px; }
  .editorial-site h1 { font-size: clamp(38px, 9.8vw, 58px); }
  .editorial-site h2 { font-size: 34px; }
  .editorial-site h3 { font-size: 27px; }
  .editorial-site .directory-hero, .editorial-site .race-hero, .editorial-site .product-hero { grid-template-columns: 1fr; gap: 32px; padding-block: 32px; }
  .editorial-site .directory-hero h1, .editorial-site .race-hero h1 { font-size: clamp(42px, 11vw, 60px); }
  .editorial-site .directory-hero .editorial-landscape img { aspect-ratio: 1.6; }
  .editorial-site .directory-grid { gap: 32px 22px; }
  .editorial-site .directory-card h2 { font-size: 30px; }
  .editorial-site .directory-bottom, .editorial-site .product-next { padding: 28px; }
  .editorial-site .race-card { padding: 26px; }
  .editorial-site .race-facts dd { font-size: 40px; }
  .editorial-site .race-facts dd small { font-size: 16px; }
  .editorial-site .guide-page .why-hero { grid-template-columns: 1fr; gap: 16px; padding-top: 32px; }
  .editorial-site .guide-page .why-hero h1, .editorial-site .product-hero h1 { font-size: clamp(38px, 10vw, 58px); }
  .editorial-site .guide-page .why-hero aside { padding-top: 20px; }
  .editorial-site .guide-page .editorial-landscape img { aspect-ratio: 1.4; }
  .editorial-site .guide-page :is(p, li, dd) { font-size: 15px; }
  .editorial-site .guide-page .view-heading { padding-top: 32px; }
  .editorial-site .guide-page :is(.why-columns, .evidence-grid, .risk-grid, .guide-columns) { grid-template-columns: 1fr; }
  .editorial-site .example-profile, .editorial-site .method-intro { padding: 26px; }
  .editorial-site .product-metrics > div { padding: 20px 16px; }
  .editorial-site .product-metrics > div:nth-child(even) { border-right: 0; }
  .editorial-site .product-metrics > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .editorial-site .site-footer { grid-template-columns: 1fr; padding: 42px 6vw 24px; gap: 32px; }
  .editorial-site .site-footer > nav { gap: 24px; }
  .editorial-site .footer-bottom nav { gap: 18px; }
}
@media (max-width: 480px) {
  .editorial-site .site-header nav { width: 100%; justify-content: space-between; gap: 10px; }
  .editorial-site .site-header nav a { font-size: 10px; }
  .editorial-site .site-header .nav-plan { padding-inline: 10px; }
  .editorial-site .directory-grid { grid-template-columns: 1fr; }
  .editorial-site .directory-card .course-graph { padding: 30px 22px 20px; }
  .editorial-site .directory-heading h2 { font-size: 34px; }
  .editorial-site .directory-card h2 { font-size: 34px; }
  .editorial-site .race-facts { grid-template-columns: 1fr; }
  .editorial-site .race-facts dd { font-size: 38px; }
  .editorial-site .race-card { padding: 24px; }
  .editorial-site .distance-card { padding: 26px; }
  .editorial-site .legal-document h2 { font-size: 30px; }
}
@media print {
  .editorial-site .site-header, .editorial-site .site-footer, .editorial-masthead { display: none; }
  .editorial-site { background: white; }
  .editorial-site main { padding: 0; }
}

/* An atlas spread: the course itself supplies each race's visual identity. */
.directory-card:nth-child(3n + 2) .course-graph { background: var(--surface-blue); color: var(--navy); }
.directory-card:nth-child(3n) .course-graph { background: #5383a1; color: white; }
.editorial-site .race-atlas { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); background: var(--navy); color: var(--paper); padding: clamp(26px, 4vw, 58px); margin-top: 26px; gap: 28px 6vw; align-items: center; border: 0; }
.editorial-site .race-atlas .eyebrow { color: var(--ice); }
.editorial-site .race-atlas h1 { font-size: clamp(44px, 5.4vw, 78px); color: var(--paper); margin: 26px 0 14px; }
.editorial-site .race-atlas .atlas-subtitle { font: 400 28px/1.2 var(--font-editorial); color: var(--ice); }
.editorial-site .race-atlas .lead { color: #d5e5ef; font-size: 14px; }
.editorial-site .race-atlas .cta { background: var(--ice); color: var(--navy); margin-top: 8px; }
.editorial-site .race-atlas .cta:hover { background: white; }
.editorial-site .race-atlas .microcopy { color: #c0d9e9; font-size: 10px; }
.atlas-course { grid-column: 1 / -1; min-width: 0; }
.atlas-course .course-graph { margin: 0; }
.atlas-course .course-graph svg { max-height: 240px; }
.atlas-course .course-graph figcaption { border-top: 1px solid #ffffff30; padding-top: 16px; font-size: 9px; }
.editorial-site .atlas-course .course-note { color: #c0d9e9; font-size: 10px; margin: 15px 0 0; }
.editorial-site .atlas-facts { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 1fr) minmax(0, 1.2fr); gap: 24px; margin: 0; }
.editorial-site .atlas-facts > div:last-child { grid-column: auto; }
.editorial-site .atlas-facts dt { color: var(--ice); font-size: 9px; }
.editorial-site .atlas-facts dd { font-size: clamp(28px, 3vw, 42px); }
.editorial-site .atlas-facts dd.terrain { font-size: 13px; }
.race-reading-layout { display: grid; grid-template-columns: 205px minmax(0, 1fr); gap: 6vw; align-items: start; margin-top: 56px; }
.race-reading-content { min-width: 0; }
.race-reading-index { position: sticky; top: 32px; padding-top: 14px; }
.race-reading-index nav { display: flex; flex-direction: column; gap: 0; margin: 20px 0 34px; }
.race-reading-index nav a { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.race-reading-index nav span { font: 9px var(--font-label); color: var(--accent); align-self: center; }
.editorial-site .race-reading-index .race-trial strong { font-size: 27px; }
.editorial-site .race-reading-index .race-trial p { font-size: 12px; }
.editorial-site .race-reading-index .source-link { color: var(--accent); font-size: 11px; line-height: 1.8; }
.editorial-site .race-reading-content > section:first-child { padding-top: 0; }
.editorial-site .race-reading-content .steps { grid-template-columns: 1fr; gap: 0; }
.editorial-site .race-reading-content .steps article { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 10px 22px; padding-block: 24px; }
.editorial-site .race-reading-content .steps article > span { grid-row: 1 / span 2; font-size: 34px; }
.editorial-site .race-reading-content .steps h3, .editorial-site .race-reading-content .steps p { margin: 0; }
.editorial-site .race-reading-content .focus-grid { grid-template-columns: 1fr; gap: 0; }
.editorial-site .race-reading-content .focus-grid article { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 28px; }
.editorial-site .race-reading-content .focus-grid h3 { margin: 0; }
.editorial-site .race-reading-content .demand-detail { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.editorial-site .race-reading-content .demand-distribution ol { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.editorial-site .race-reading-content .demand-distribution li > div:first-child { align-items: baseline; }
.editorial-site .race-reading-content .demand-distribution li b { font: 500 28px/1.3 'Oswald', sans-serif; }
.editorial-site .method-principles .method-grid { grid-template-columns: 1fr; gap: 0; }
.editorial-site .method-principles .method-grid article { display: grid; grid-template-columns: 70px minmax(0, 1fr) minmax(0, 1.4fr); gap: 0 36px; padding-block: 36px; }
.editorial-site .method-principles .method-number { grid-row: 1 / span 2; font: 400 48px/1 var(--font-editorial); color: var(--accent); }
.editorial-site .method-principles .method-grid h3 { margin: 0; font-size: 30px; }
.editorial-site .method-principles .method-grid p { margin: 0; }
.editorial-site .method-principles .method-grid details { grid-column: 3; margin-top: 20px; }
.editorial-site .method-principles .method-grid details p { margin-top: 18px; }
@media (max-width: 1050px) {
  .race-reading-layout { grid-template-columns: 170px minmax(0, 1fr); gap: 40px; }
  .editorial-site .atlas-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .editorial-site .race-reading-content .demand-metrics { grid-template-columns: 1fr; }
  .editorial-site .race-reading-content .demand-distribution ol { grid-template-columns: 1fr; }
}
@media (max-width: 750px) {
  .editorial-site .race-atlas { grid-template-columns: minmax(0, 1fr); padding: 30px 24px; gap: 24px; }
  .editorial-site .race-atlas h1 { font-size: clamp(42px, 10vw, 64px); }
  .atlas-course .course-graph svg { min-height: 140px; }
  .atlas-course .course-graph figcaption { font-size: 7px; }
  .race-reading-layout { grid-template-columns: minmax(0, 1fr); gap: 40px; margin-top: 32px; }
  .race-reading-index { position: static; padding: 0; }
  .race-reading-index nav { flex-direction: row; flex-wrap: wrap; gap: 0 24px; margin: 10px 0 20px; }
  .race-reading-index nav a { font-size: 11px; gap: 8px; }
  .editorial-site .race-reading-index .race-trial { margin-bottom: 8px; }
  .editorial-site .race-reading-content .focus-grid article { grid-template-columns: 1fr; gap: 12px; }
  .editorial-site .method-principles .method-grid article { grid-template-columns: 38px minmax(0, 1fr); gap: 16px 18px; }
  .editorial-site .method-principles .method-number { grid-row: 1; font-size: 34px; }
  .editorial-site .method-principles .method-grid p, .editorial-site .method-principles .method-grid details { grid-column: 2; margin-top: 0; }
}
@media (max-width: 380px) {
  .editorial-site .atlas-facts { grid-template-columns: 1fr; gap: 18px; }
}