/* Shared rhythm: gutters follow the containing block, excluding the scrollbar. */
.section:not(.journey-banner):not(.decision-lab), .page-hero, .trust-strip,
.hero, .editorial-hero__content, .directory-brief, .breadcrumbs, .site-footer {
  padding-inline: max(var(--page-gutter), calc((100% - var(--content-max)) / 2));
}
.section:not(.journey-banner):not(.decision-lab) { padding-block: var(--section-space); }
.section > .section-heading { width: 100%; max-width: none; margin-inline: 0; }
.section-heading > p:not(.eyebrow) { max-width: 78ch; }
.section-heading--center > p:not(.eyebrow) { margin-inline: auto; }
.section-heading--split { gap: 28px; margin-bottom: 30px; }
.section-heading h2, .editorial-summary h2, .intelligence-copy h2,
.fdn-copy h2, .contact-section h2, .about-manifesto h2, .final-cta h2,
.journey-banner__copy h2, .data-panel h2, .data-method h2, .guide-method h2,
.profiles-section .section-heading h2, .decision-lab__copy h2 {
  font-size: clamp(28px, 2.7vw, 38px);
  line-height: 1.18;
  text-wrap: balance;
}
.page-hero { padding-block: clamp(42px, 5vw, 68px) clamp(36px, 4vw, 52px); }
.page-hero h1, .home-hero h1, .editorial-hero__content h1,
.editorial-hero--guide .editorial-hero__content h1 {
  max-width: 980px;
  font-size: clamp(34px, 4.1vw, 58px);
  line-height: 1.1;
  text-wrap: balance;
}
.page-hero__inner > p:not(.eyebrow) {
  max-width: 75ch; margin: 20px 0 0; color: #d2dfda;
  font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6;
}
.page-hero__inner > .button { margin-top: 24px; }
.home-hero { min-height: 0; padding-block: clamp(48px, 5vw, 72px); }
.home-hero .hero__lead { max-width: 78ch; font-size: clamp(17px, 1.4vw, 20px); font-weight: 400; backdrop-filter: none; }
.hero-kicker { margin-bottom: 20px; }
.directory-brief h2, .picto-launch__copy h2 { font-size: clamp(28px, 2.7vw, 38px); line-height: 1.18; text-wrap: balance; }
.directory-visuals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 24px max(var(--page-gutter), calc((100% - var(--content-max)) / 2)); overflow: visible; }
.directory-visual, .directory-visual--experiences, .directory-visual--protection { grid-column: auto; height: 240px; min-height: 0; aspect-ratio: auto; border-radius: 12px; }
.directory-visual > span { min-height: 100%; padding: 24px; gap: 10px; }
.directory-visual strong { font-size: clamp(23px, 2vw, 28px); line-height: 1.2; }
.directory-visual strong { overflow-wrap: anywhere; }
.directory-visual small { font-size: 12px; }
.picto-launch__visual img { height: auto; max-height: 480px; object-fit: cover; }
.hero-scroll { display: none; }
.editorial-hero { min-height: 0; align-items: center; }
.editorial-hero__content { width: 100%; padding-block: clamp(48px, 5vw, 72px); }
.editorial-hero__content > p:not(.eyebrow) { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; }
.guide-layout.section { width: 100%; grid-template-columns: 250px minmax(0, 820px); gap: clamp(24px, 3vw, 48px); }
.guide-toc { padding: 20px; font-size: 15px; }
.guide-section { padding-bottom: 36px; }
.guide-section + .guide-section { padding-top: 36px; }
.guide-section h2 { font-size: clamp(26px, 2.4vw, 34px); line-height: 1.2; margin-bottom: 18px; text-wrap: pretty; }
.guide-section h3, .sector-prose h3 { font-size: 21px; line-height: 1.3; }
.guide-section > p { font-size: 17px; line-height: 1.75; }
.guide-card, .guide-card-grid--compact .guide-card { padding: 24px; min-height: 0; }
.guide-card__visual { display: block; margin: -10px -10px 20px; aspect-ratio: auto; height: 200px; }
.comparison-catalog .guide-card__visual { height: 230px; }
.guide-card__meta { margin-bottom: 18px; }
.guide-card h3 { font-size: clamp(22px, 1.8vw, 26px); line-height: 1.25; }
.guide-card p:not(.eyebrow) { line-height: 1.65; }
.guide-card .text-link { padding-top: 10px; }
.provider-card > p, .provider-card li, .provider-documentary-note p { font-size: 15px; line-height: 1.65; }
.provider-source-check, .provider-documentary-note summary, .provider-card .provider-permalink { font-size: 14px; line-height: 1.55; }
.sector-card { padding: 22px; }
.sector-card__visual { height: 200px; aspect-ratio: auto; margin-bottom: 18px; }
.sector-grid:has(> :nth-child(2):last-child),
.sector-grid:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sector-grid:has(> :only-child) { grid-template-columns: minmax(0, 1fr); max-width: 900px; }
.checklist-cards:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.checklist-cards:has(> :only-child) { grid-template-columns: minmax(0, 1fr); max-width: 1040px; }
.checklist-cards > :only-child { display: grid; grid-template-columns: minmax(220px, .85fr) minmax(0, 1.4fr); gap: 12px 28px; }
.checklist-cards > :only-child .guide-card__visual { grid-row: 1 / span 4; height: 100%; min-height: 230px; margin: 0; }
.checklist-cards > :only-child > p, .checklist-cards > :only-child > h3 { margin: 0; }
.sector-prose { font-size: 17px; }
.sector-prose h2 { font-size: clamp(26px, 2.4vw, 34px); line-height: 1.25; }
.sector-card, .sector-prose, .guide-card, .contact-section__inner > *,
.guide-method > *, .data-method > * { min-width: 0; }
/* HTML dimensions reserve space. The CSS ratio scales a portrait to its column. */
.intelligence-visual img, .fdn-visual img, .about-manifesto__visual img,
.contact-visual img { height: auto; aspect-ratio: 4 / 3; max-height: 480px; object-fit: cover; }
.contact-section__inner { align-items: start; gap: clamp(28px, 4vw, 56px); }
.intelligence-layout, .fdn-layout { gap: clamp(28px, 4vw, 56px); }
.decision-lab__visual { min-height: 480px; }
.journey-banner__visual { min-height: 420px; }
.journey-banner__copy, .decision-lab__copy { padding: clamp(28px, 4vw, 56px); }
.table-wrap, .decision-table-wrap, .data-table-wrap { max-width: 100%; }
.table-wrap table { width: 100%; min-width: 660px; border-collapse: collapse; }
.table-wrap th, .table-wrap td { padding: 16px 18px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; font-size: 16px; line-height: 1.65; }
.table-wrap thead th { color: #fff; background: var(--navy); font-size: 14px; line-height: 1.5; }
.table-wrap tbody th { color: var(--navy); background: #f4f0e7; }
.table-wrap caption { padding: 16px 18px; font-size: 16px; line-height: 1.6; }
.table-wrap tbody tr:last-child > * { border-bottom: 0; }
.table-wrap a { overflow-wrap: anywhere; }
main section[id], main .section[id] { scroll-margin-top: 110px; }
.checklist-prose > p, .checklist-prose > ul, .checklist-intro > p { max-width: 80ch; font-size: 17px; line-height: 1.75; }
#article > .section { padding-block: clamp(24px, 2.5vw, 36px); }
.comparison-intro .answer-links { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.checklist-intro .answer-links { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.comparison-intro .answer-links a, .checklist-intro .answer-links a { min-height: 52px; padding: 12px 16px; font-size: 16px; line-height: 1.5; }
@media (max-width: 980px) {
  .comparison-intro .answer-links, .checklist-intro .answer-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .checklist-intro .answer-links a:last-child { grid-column: 1 / -1; }
}
.checklist-prose h2 { max-width: 30ch; font-size: clamp(26px, 2.6vw, 36px); line-height: 1.25; }
.checklist-pitfalls { padding-left: 22px; }
.checklist-pitfalls li, #lectures li { margin-bottom: 14px; }
.checklist-table table { min-width: 760px; }
.checklist-table th:first-child { width: 19%; }
.checklist-filter { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin-block: 24px; }
.checklist-filter select { max-width: 100%; padding: 12px 16px; min-height: 48px; border: 1px solid #c9d4da; border-radius: 10px; font: inherit; background: #fff; color: var(--ink); }
.checklist-filter-field { display: grid; gap: 8px; min-width: 0; flex: 1 1 280px; }
.checklist-filter input { width: 100%; min-width: 0; padding: 12px 16px; min-height: 48px; border: 1px solid #c9d4da; border-radius: 10px; font: inherit; color: var(--ink); background: #fff; }
.checklist-filter input:focus-visible { outline: 3px solid #00657a; outline-offset: 3px; }
.checklist-empty { padding: 24px; border: 1px solid #c9d4da; border-radius: 12px; background: #f4f8f9; }
.checklist-tools { padding: 24px; border: 1px solid #c9d4da; border-radius: 14px; margin-bottom: 24px; background: #f4f8f9; }
.checklist-tools[hidden], .checklist-table [hidden] { display: none; }
.checklist-progress { font-weight: 700; font-size: 18px; line-height: 1.6; margin: 0 0 12px; }
.checklist-help { max-width: 85ch; font-size: 15px; line-height: 1.65; }
.checklist-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.checklist-actions .button { min-height: 48px; }
.checklist-export { margin-top: 24px; padding-top: 24px; border-top: 1px solid #c9d4da; }
.checklist-export[hidden] { display: none; }
.checklist-export h3 { font-size: 21px; line-height: 1.4; }
.checklist-export label { display: block; font-weight: 600; margin-block: 16px 8px; }
.checklist-export textarea { display: block; width: 100%; max-width: 100%; min-height: 200px; resize: vertical; padding: 16px; border: 1px solid #728a96; border-radius: 8px; font: 15px/1.65 var(--font-body, sans-serif); color: var(--ink); background: #fff; margin-bottom: 16px; }
.checklist-export textarea:focus-visible { outline: 3px solid #00657a; outline-offset: 3px; }
.checklist-table th, .checklist-table td { vertical-align: top; }
.checklist-table td { width: auto; }
.checklist-table .checklist-state { width: 180px; }
.checklist-state label { display: block; font-size: 14px; line-height: 1.5; font-weight: 600; margin-bottom: 8px; }
.checklist-state select { width: 100%; min-width: 150px; min-height: 48px; padding: 10px; font: inherit; color: var(--ink); background: #fff; border: 1px solid #728a96; border-radius: 8px; }
.checklist-table tr[data-state="fix"] .checklist-state { background: #fff1e7; }
.checklist-table tr[data-state="ok"] .checklist-state { background: #eaf5ee; }
.checklist-state select:focus-visible, .checklist-actions button:focus-visible { outline: 3px solid #00657a; outline-offset: 3px; }
@media (max-width: 980px) {
  .checklist-table { overflow: visible; border: 0; background: transparent; }
  .checklist-table table { display: block; min-width: 0; width: 100%; background: transparent; }
  .checklist-table caption { display: block; text-align: left; padding: 0 0 16px; }
  .checklist-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .checklist-table tbody { display: grid; gap: 18px; }
  .checklist-table tr { display: block; border: 1px solid #c9d4da; border-radius: 12px; overflow: hidden; background: #fff; }
  .checklist-table tbody th, .checklist-table td { display: block; width: auto; border: 0; padding: 14px 18px; }
  .checklist-table tbody th { font-size: 19px; background: #eef4f6; }
  .checklist-table th:first-child { width: auto; }
  .checklist-table td::before { content: attr(data-label); display: block; font-weight: 700; margin-bottom: 6px; font-size: 14px; }
  .checklist-table .checklist-state { width: auto; border-top: 1px solid #d9e2e6; }
  .checklist-table .checklist-state::before { display: none; }
  .checklist-state select { min-width: 0; }
}
@media print {
  .checklist-actions, .site-header, .site-footer { display: none; }
  .checklist-tools, .checklist-table tr { break-inside: avoid; }
}
@media (max-width: 980px) {
  .comparison-table, .comparison-tests { overflow: visible; border: 0; background: transparent; }
  .comparison-table table, .comparison-tests table { display: block; width: 100%; min-width: 0; background: transparent; }
  .comparison-table caption, .comparison-tests caption { display: block; padding: 0 0 16px; }
  .comparison-table thead, .comparison-tests thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .comparison-table tbody, .comparison-tests tbody { display: grid; gap: 18px; }
  .comparison-table tr, .comparison-tests tr { display: block; border: 1px solid #c9d4da; border-radius: 12px; overflow: hidden; background: #fff; }
  .comparison-table tbody th, .comparison-tests tbody th, .comparison-table tbody td, .comparison-tests tbody td { display: block; width: auto; padding: 16px 18px; border: 0; }
  .comparison-table th:first-child { width: auto; }
  .comparison-table tbody th, .comparison-tests tbody th { background: #eef4f6; font-size: 19px; }
  .comparison-table tbody td::before, .comparison-tests tbody td::before { content: attr(data-label); display: block; font-size: 14px; font-weight: 700; margin-bottom: 8px; }
}
.photo-credit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.photo-credit-card { min-width: 0; }
.photo-credit-card img { width: 100%; height: 190px; object-fit: cover; border-radius: 12px; }
.photo-credit-card h3 { font-size: 21px; line-height: 1.35; }
.photo-credit-card p, .photo-credit { font-size: 14px; line-height: 1.6; }
.photo-credit { max-width: 100ch; margin-block: 24px 0; }
.hero-photo-credit { position: absolute; z-index: 2; bottom: 8px; right: max(var(--page-gutter), calc((100% - var(--content-max)) / 2)); max-width: calc(100% - 36px); padding: 3px 8px; border-radius: 4px; background: rgba(9, 22, 27, .85); color: #fff; font-size: 13px; line-height: 1.5; text-decoration: underline; }
.editorial-photo { max-width: 760px; margin: 28px 0; }
.editorial-photo img { width: 100%; height: auto; max-height: 420px; object-fit: cover; border-radius: 12px; }
.editorial-photo figcaption { margin-top: 10px; font-size: 14px; line-height: 1.6; }
@media (min-width: 1281px) and (max-width: 1550px) {
  .top-nav { font-size: 14px; gap: 2px; }
  .top-nav a { padding-inline: 8px; }
  .site-header__inner { gap: 20px; }
}
@media (max-width: 980px) {
  .directory-visuals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sector-grid:has(> :nth-child(3):last-child) > :last-child,
  .guide-card-grid:has(> :nth-child(3):last-child) > :last-child { grid-column: 1 / -1; }
  .photo-credit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guide-layout.section { grid-template-columns: minmax(0, 1fr); }
  .guide-toc { position: static; }
  .guide-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-section__inner { grid-template-columns: minmax(0, 1fr); }
  .contact-visual { max-width: 620px; }
  .section-heading--split { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
@media (max-width: 680px) {
  .directory-visuals { gap: 12px; padding-block: 18px; }
  .directory-visual { height: 190px; }
  .directory-visual > span { padding: 15px; gap: 7px; }
  .directory-visual strong { font-size: 19px; line-height: 1.2; }
  .directory-visual small, .directory-visual em { font-size: 12px; }
  .checklist-cards:has(> :nth-child(2):last-child) { grid-template-columns: minmax(0, 1fr); }
  .checklist-cards > :only-child { display: block; }
  .checklist-cards > :only-child .guide-card__visual { height: 190px; min-height: 0; margin-bottom: 18px; }
  .checklist-cards > :only-child > p, .checklist-cards > :only-child > h3 { margin-bottom: 14px; }
  .hero-kicker { gap: 8px; margin-bottom: 16px; }
  .hero-kicker span { font-size: 11px; padding: 6px 10px; }
  .trust-strip__inner { flex-wrap: wrap; justify-content: flex-start; gap: 10px 18px; overflow: visible; white-space: normal; }
  .trust-strip__inner span { font-size: 12px; }
  .photo-credit-grid { grid-template-columns: minmax(0, 1fr); }
  .checklist-filter select { width: 100%; }
  .page-hero h1, .home-hero h1, .editorial-hero__content h1,
  .editorial-hero--guide .editorial-hero__content h1 { font-size: clamp(32px, 8.8vw, 40px); }
  .editorial-hero__content { padding-block: 40px; }
  .page-hero, .home-hero { padding-block: 40px; }
  .section-heading h2 { font-size: 28px; }
  .guide-card-grid, .comparison-catalog, .sector-grid,
  .sector-grid:has(> :nth-child(2):last-child),
  .sector-grid:has(> :nth-child(4):last-child) { grid-template-columns: minmax(0, 1fr); }
  .guide-card, .guide-card-grid--compact .guide-card { padding: 22px; }
  .guide-card__visual, .comparison-catalog .guide-card__visual,
  .sector-card__visual { height: 190px; }
  .guide-section + .guide-section { padding-top: 28px; }
  .guide-section { padding-bottom: 28px; }
  .intelligence-visual img, .fdn-visual img, .contact-visual img,
  .about-manifesto__visual img { aspect-ratio: 3 / 2; }
  .hero-metrics span { font-size: 12px; line-height: 1.4; }
  .decision-lab__visual, .journey-banner__visual { min-height: 260px; }
}
@media (max-width: 480px) {
  .directory-visuals { grid-template-columns: minmax(0, 1fr); }
}