/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 */
/* Hallmark · macrostructure: Ecosystem Index / Catalogue / Long Document
 * genre: editorial · design-system: design.md · designed-as-app · N6 / Ft1
 * Audience: people researching plumbing and businesses serving them.
 * Copper topic tokens, Newsreader/Figtree, compact discussion lists; no motion.
 * contrast: pass (40–41) · mobile: pass (320 / 375 / 414 / 768)
 * Knob delta: split finder, 20-row feed, geographic index and provider profiles.
 */
body.af-platform { --content-publication: 90rem; --content-directory: 90rem; }
html:has(body.af-platform), body.af-platform { overflow-x: clip; }
body.af-platform #wpforo #wpforo-wrap .wpf-forum-jump { min-width: 0; max-width: 100%; }
body.af-platform #wpforo #wpforo-wrap .wpf-forum-jump select { min-width: 0; max-width: 100%; width: 100%; }

body.af-platform #wpforo.af-publication #wpforo-wrap,
body.af-platform.aigenforums-directory {
  .af-platform-home { width: 100%; max-width: var(--content-publication); margin: 0 auto; padding: 0 var(--publication-gutter) var(--space-xl); color: var(--color-ink); }
  :is(.af-platform-home, .af-dir) :is(h1,h2,h3,h4) { font-family: var(--font-display); font-style: normal; font-weight: 600; letter-spacing: -.025em; min-width: 0; overflow-wrap: anywhere; }
  :is(.af-platform-home, .af-dir) p { color: var(--color-ink-2); line-height: 1.55; }
  .af-platform-positioning { display: flex; align-items: center; gap: var(--space-md); padding: var(--space-md) 0; border-bottom: var(--rule-hair) solid var(--color-rule); }
  .af-platform-positioning h1 { flex-shrink: 0; font-family: var(--font-body); font-size: var(--text-sm); font-weight: 700; letter-spacing: 0; margin: 0; }
  .af-platform-positioning p { font-size: var(--text-sm); margin: 0; }
  .af-platform-opening { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr); gap: var(--space-lg); align-items: start; padding: var(--space-md) 0; }
  .af-platform-story { margin: 0; min-width: 0; }
  .af-platform-story--lead { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1fr); gap: var(--space-md); align-items: center; }
  .af-platform-story .af-story-image { margin: 0; min-width: 0; align-self: stretch; position: relative; }
  .af-platform-story .af-story-image a { display: block; height: auto; }
  .af-platform-story .af-story-image img { display: block; width: 100%; height: 20rem; min-height: 0; max-height: 25rem; object-fit: cover; }
  .af-platform-story .af-story-image figcaption { position: static; background: var(--color-publication-ink); color: var(--color-publication-paper); padding: var(--space-2xs); font-size: var(--text-xs); }
  .af-platform-story__copy { min-width: 0; }
  .af-platform-story--lead h2 { font-size: clamp(1.75rem, 2.35vw, 2.5rem); line-height: 1.07; margin: var(--space-xs) 0; }
  .af-platform-story h3 { font-size: clamp(1.125rem, 1.5vw, 1.4rem); line-height: 1.2; margin: var(--space-2xs) 0; }
  .af-platform-story :is(h2,h3) a, .af-platform-feed h3 a { color: var(--color-ink); text-decoration: none; }
  .af-platform-story :is(h2,h3) a:hover, .af-platform-feed h3 a:hover { color: var(--color-accent); text-decoration: underline; }
  .af-platform-story p { font-size: var(--text-sm); margin: var(--space-xs) 0; }
  .af-platform-home .af-story-category { font-family: var(--font-body); font-size: var(--text-xs); line-height: 1.45; font-weight: 600; text-transform: none; letter-spacing: 0; }
  .af-platform-meta { display: flex; gap: var(--space-xs); flex-wrap: wrap; align-items: center; font: 400 var(--text-xs)/1.5 var(--font-body); color: var(--color-muted); }
  .af-platform-meta span { color: var(--color-ink-2); font-weight: 600; }
  .af-platform-meta time { white-space: nowrap; }
  .af-platform-secondary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-md); padding: var(--space-md) 0; border-block: var(--rule-hair) solid var(--color-rule); }
  .af-platform-secondary .af-platform-story + .af-platform-story { border-left: var(--rule-hair) solid var(--color-rule); padding-left: var(--space-md); }
  .af-platform-finder-rail { min-width: 0; }
  .af-provider-finder { background: var(--color-publication-accent-soft); padding: var(--space-md); color: var(--color-publication-ink); min-width: 0; border-top: var(--rule-strong) solid var(--color-publication-accent); }
  .af-provider-finder h2 { margin: 0 0 var(--space-sm); color: var(--color-publication-ink); font: 600 clamp(1.5rem, 2vw, 2rem)/1.12 var(--font-display); letter-spacing: -.025em; }
  .af-provider-finder p { margin: var(--space-xs) 0; color: var(--color-publication-ink-2); font-size: var(--text-sm); }
  .af-provider-finder form { margin: 0; padding: 0; }
  .af-provider-finder label { display: block; color: var(--color-publication-ink); font: 600 var(--text-sm)/1.5 var(--font-body); margin-bottom: var(--space-2xs); }
  .af-provider-finder__controls { display: flex; flex-wrap: wrap; gap: var(--space-2xs); }
  .af-provider-finder input[type="search"] { flex: 1 1 12rem; min-width: 0; width: 100%; min-height: var(--control-height); border: var(--rule-hair) solid var(--color-publication-rule-strong); border-radius: var(--radius-input); color: var(--color-publication-ink); background: var(--color-publication-surface); font: 400 var(--text-md)/1.4 var(--font-body); padding: var(--space-xs); box-shadow: none; }
  .af-provider-finder input::placeholder { color: var(--color-publication-muted); opacity: 1; }
  .af-provider-finder button { flex: 1 0 auto; display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); min-height: var(--control-height); padding: var(--space-xs) var(--space-sm); background: var(--color-publication-ink); color: var(--color-publication-paper); border: var(--rule-hair) solid var(--color-publication-ink); border-radius: var(--radius-input); font: 600 var(--text-sm)/1.4 var(--font-body); white-space: nowrap; cursor: pointer; }
  .af-provider-finder button:hover { background: var(--color-publication-accent-hover); }
  .af-provider-finder button:active { background: var(--color-publication-accent); }
  .af-provider-finder button:disabled { opacity: .55; cursor: not-allowed; }
  .af-provider-finder input:disabled, .af-platform-provider-filters select:disabled { opacity: .55; cursor: not-allowed; background: var(--color-publication-soft); }
  .af-provider-finder input:user-invalid { border-color: var(--color-error); }
  .af-provider-finder :is(a,button,input):focus-visible { outline: var(--rule-strong) solid var(--color-publication-ink) !important; outline-offset: var(--space-3xs); }
  .af-provider-finder .af-provider-finder__browse { display: inline-flex; align-items: center; min-height: var(--control-height); color: var(--color-publication-accent); font: 600 var(--text-sm)/1.4 var(--font-body); }
  .af-platform-major-markets { display: flex; flex-wrap: wrap; gap: 0 var(--space-sm); padding-top: var(--space-xs); }
  .af-platform-major-markets a { display: inline-flex; align-items: center; min-height: 2rem; font-size: var(--text-xs); text-decoration: underline; }
  .af-platform-section-head { display: flex; justify-content: space-between; align-items: end; gap: var(--space-md); margin-bottom: var(--space-md); }
  .af-platform-section-head h2 { margin: 0; font: 600 clamp(1.75rem, 2.5vw, 2.5rem)/1.1 var(--font-display); letter-spacing: -.03em; color: var(--color-ink); }
  .af-platform-section-head p { font-size: var(--text-sm); max-width: 65ch; margin: var(--space-2xs) 0 0; }
  .af-platform-section-head > a { display: inline-flex; align-items: center; min-height: var(--control-height); white-space: nowrap; font: 600 var(--text-sm)/1.4 var(--font-body); }
  :is(.af-platform-latest,.af-platform-providers,.af-platform-cities,.af-platform-subjects,.af-platform-archive,.af-platform-city-index,.af-platform-listing-explainer,.af-platform-geography) { margin: 0; padding: var(--space-xl) 0; }
  .af-platform-feed { border-top: var(--rule-hair) solid var(--color-rule); }
  .af-platform-feed-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: var(--space-md); padding: var(--space-xs) 0; border-bottom: var(--rule-hair) solid var(--color-rule); }
  .af-platform-feed-row h3 { font: 600 var(--text-lg)/1.35 var(--font-display); letter-spacing: -.01em; margin: 0 0 var(--space-3xs); }
  .af-platform-feed-row .af-platform-meta { display: grid; grid-template-columns: 6rem 7rem; text-align: right; gap: var(--space-sm); }
  .af-platform-all { display: inline-flex; align-items: center; min-height: var(--control-height); margin-top: var(--space-sm); font-size: var(--text-sm); font-weight: 600; }
  .af-platform-cities { border-block: var(--rule-hair) solid var(--color-rule); }
  .af-platform-city-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2fr); gap: var(--space-lg); align-items: start; }
  .af-platform-city-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-lg); }
  .af-platform-city-groups h3 { font-size: var(--text-xl); margin: 0 0 var(--space-sm); }
  .af-platform-city-groups ul, .af-platform-region-grid ul, .af-platform-geography ul { margin: 0; padding: 0; list-style: none; }
  .af-platform-city-groups li { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 0 var(--space-xs); border-bottom: var(--rule-hair) solid var(--color-rule); }
  .af-platform-city-groups li a, .af-platform-region-grid li a { display: inline-flex; align-items: center; min-height: var(--control-height); font-size: var(--text-sm); }
  .af-platform-city-groups small, .af-platform-region-grid small, .af-platform-geography small { color: var(--color-muted); font-size: var(--text-xs); }
  .af-platform-provider-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-lg); }
  .af-dir-premium-card { min-width: 0; background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule); border-radius: 0; box-shadow: none; }
  .af-dir-premium-card__media { display: grid; place-items: center; position: relative; min-height: 0; aspect-ratio: 3.8; background: var(--color-publication-soft); color: var(--color-publication-accent); text-decoration: none; overflow: clip; }
  .af-dir-premium-card__media img { height: 100%; width: 100%; object-fit: cover; }
  .af-provider-monogram { font: 600 2.25rem/1 var(--font-display); color: var(--color-publication-accent); }
  .af-dir-premium-card__logo { display: none; }
  .af-dir-premium-card__body { display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-md); }
  .af-dir-premium-card h3 { font: 600 1.625rem/1.15 var(--font-display); margin: 0 0 var(--space-2xs); }
  .af-dir-premium-card h3 a { color: var(--color-ink); text-decoration: none; }
  .af-dir-premium-card p { font-size: var(--text-sm); margin: 0; }
  .af-dir-sponsored { font: 600 var(--text-xs)/1.3 var(--font-body); color: var(--color-accent); padding: 0; background: none; border: 0; letter-spacing: 0; text-transform: none; }
  .af-dir-label-row { display: flex; gap: var(--space-xs); flex-wrap: wrap; }
  .af-dir-specialties { display: flex; flex-wrap: wrap; gap: var(--space-2xs) var(--space-sm); margin: 0; padding: 0; list-style: none; }
  .af-dir-specialties li { font-size: var(--text-xs); color: var(--color-muted); background: none; padding: 0; }
  .af-dir-actions { display: flex; gap: var(--space-xs); flex-wrap: wrap; align-items: center; margin-top: auto; }
  .af-dir-button, .af-dir-text-link { min-height: var(--control-height); display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2xs); padding: var(--space-2xs) var(--space-sm); font: 600 var(--text-sm)/1.4 var(--font-body); white-space: nowrap; border: var(--rule-hair) solid var(--color-rule-strong); color: var(--color-ink); background: var(--color-surface); text-decoration: none; }
  .af-dir-button--primary { background: var(--color-publication-ink); color: var(--color-publication-paper); border-color: var(--color-publication-ink); }
  .af-dir-button--primary:hover { background: var(--color-publication-accent); color: var(--color-publication-paper); }
  .af-dir-text-link { border: 0; padding-inline: 0; color: var(--color-accent); }
  .af-platform-subject-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-lg); }
  .af-platform-subject-grid > section { border-top: var(--rule-strong) solid var(--color-rule-strong); padding-top: var(--space-md); }
  .af-platform-subject-grid h3 { margin: 0 0 var(--space-xs); font-size: var(--text-xl); }
  .af-platform-subject-grid p { font-size: var(--text-sm); margin: 0 0 var(--space-sm); }
  .af-platform-subject-grid ul { margin: 0; padding-left: var(--space-sm); }
  .af-platform-subject-grid li { padding: var(--space-2xs) 0; font-size: var(--text-sm); }
  .af-platform-subject-actions { display: flex; flex-wrap: wrap; gap: 0 var(--space-sm); margin-top: var(--space-sm); }
  .af-platform-subject-actions a { min-height: var(--control-height); display: inline-flex; align-items: center; font-size: var(--text-xs); font-weight: 600; white-space: nowrap; }
  .af-platform-archive { border-top: var(--rule-hair) solid var(--color-rule); }
  .af-platform-archive-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-lg); }
  .af-platform-archive-date { font-size: var(--text-xs); color: var(--color-muted); }
  .af-platform-local-note { padding-top: var(--space-md); font-size: var(--text-xs); border-top: var(--rule-hair) solid var(--color-rule); }
  .af-platform-directory-hero { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: var(--space-xl); align-items: center; padding: var(--space-lg) 0; }
  .af-platform-directory-hero h1 { max-width: 22ch; margin: 0 0 var(--space-sm); font-size: clamp(2rem,3.5vw,3.5rem); line-height: 1.04; }
  .af-platform-directory-hero p { max-width: 60ch; }
  .af-platform-directory-actions { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-md); }
  .af-platform-directory-actions a { display: inline-flex; align-items: center; min-height: var(--control-height); font-size: var(--text-sm); font-weight: 600; }
  .af-platform-country-select { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-lg); }
  .af-platform-country-select a { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-md); border-block: var(--rule-hair) solid var(--color-rule); padding: var(--space-md) 0; text-decoration: none; }
  .af-platform-country-select strong { font: 600 1.75rem/1.15 var(--font-display); color: var(--color-ink); }
  .af-platform-country-select span { font-size: var(--text-sm); }
  .af-platform-country-select span:last-child { margin-left: auto; }
  .af-platform-region-grid { columns: 4; column-gap: var(--space-lg); }
  .af-platform-region-grid > nav { break-inside: avoid; margin-bottom: var(--space-lg); }
  .af-platform-country > h3 { font-size: 2rem; margin: var(--space-lg) 0; }
  .af-platform-region-grid h4 { font: 600 var(--text-lg)/1.3 var(--font-body); margin: 0 0 var(--space-2xs); }
  .af-platform-region-grid li { display: flex; flex-direction: column; align-items: start; padding-bottom: var(--space-2xs); }
  .af-platform-region-grid li a { min-height: 2rem; }
  .af-platform-listing-explainer { border-top: var(--rule-hair) solid var(--color-rule); }
  .af-platform-listing-explainer > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-lg); }
  .af-platform-search-results { padding: var(--space-lg); margin: var(--space-md) 0; border: var(--rule-hair) solid var(--color-rule); }
  .af-platform-search-results ul { margin: var(--space-md) 0; padding: 0; list-style: none; }
  .af-platform-search-results li a { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm); padding: var(--space-sm) 0; border-bottom: var(--rule-hair) solid var(--color-rule); }
  .af-platform-search-results strong { color: var(--color-ink); }
  .af-platform-search-results small { color: var(--color-muted); }
  .af-platform-postal-credit { font-size: var(--text-xs); }
  .af-dir-profile-hero--text { display: block; background: var(--color-publication-soft); padding: var(--space-lg); }
  .af-dir-profile-hero--text .af-dir-profile-hero__panel { width: 100%; max-width: none; padding: 0; margin: 0; background: none; color: var(--color-ink); position: static; box-shadow: none; }
  .af-dir-profile-hero--text h1 { font-size: clamp(2rem,4vw,3.5rem); max-width: 24ch; }
  .af-dir-profile-logo { background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule); font-family: var(--font-display); color: var(--color-accent); }
  .af-dir-profile-hero__panel p { max-width: 68ch; }
  .af-provider-sources { border-top: var(--rule-hair) solid var(--color-rule); padding-top: var(--space-md); margin-top: var(--space-md); font-size: var(--text-xs); }
  .af-platform-geography { border-top: var(--rule-hair) solid var(--color-rule); }
  .af-platform-geography ul { display: flex; gap: var(--space-sm) var(--space-lg); flex-wrap: wrap; margin-bottom: var(--space-md); }
  .af-platform-geography li { display: flex; flex-direction: column; align-items: start; }
  .af-platform-geography li a { display: inline-flex; align-items: center; min-height: var(--control-height); }
  .af-workspace__context .af-provider-finder { margin-bottom: var(--space-lg); }
  .af-platform-market-header { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: var(--space-xl); align-items: center; padding: var(--space-lg) 0; }
  .af-platform-market-header h1 { margin: var(--space-sm) 0; font-size: clamp(2rem,3.6vw,3.5rem); line-height: 1.08; }
  .af-platform-market-header p { max-width: 68ch; font-size: var(--text-md); }
  .af-platform-market-header aside { padding: var(--space-md); border-left: var(--rule-hair) solid var(--color-rule); }
  .af-platform-market-header aside h2 { font-size: var(--text-xl); }
  .af-platform-provider-inventory { margin: var(--space-lg) 0; }
  .af-platform-provider-filters { display: flex; flex-wrap: wrap; gap: var(--space-sm); align-items: end; padding: var(--space-md) 0; margin: 0; border-block: var(--rule-hair) solid var(--color-rule); }
  .af-platform-provider-filters > div { flex: 1 1 14rem; min-width: 0; }
  .af-platform-provider-filters label { display: block; font-size: var(--text-sm); font-weight: 600; margin-bottom: var(--space-2xs); }
  .af-platform-provider-filters select { display: block; width: 100%; min-width: 0; min-height: var(--control-height); color: var(--color-ink); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-strong); font: 400 var(--text-md)/1.3 var(--font-body); padding: var(--space-xs); }
  .af-platform-market-providers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-lg); }
  .af-platform-results-count { font-size: var(--text-sm); margin: var(--space-md) 0; }
  .af-platform-empty { padding: var(--space-lg) 0; }
  .af-platform-profile-summary { border-left: var(--rule-hair) solid var(--color-rule); padding-left: var(--space-lg); }
  .af-platform-profile-summary h2 { font-size: var(--text-xl); margin: 0 0 var(--space-md); }
  .af-platform-profile-summary ul { padding-left: var(--space-sm); margin: var(--space-sm) 0; }
  .af-platform-profile-summary li { padding-block: var(--space-2xs); font-size: var(--text-sm); }
  .af-dir-profile-hero--text:has(.af-platform-profile-summary) { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: var(--space-xl); align-items: center; }
  .af-dir-demo { background: var(--color-publication-soft); border: 0; }
  .af-dir-demo__inner { color: var(--color-publication-muted); font-size: var(--text-xs); padding-block: var(--space-2xs); }
  .af-dir-demo strong { color: var(--color-publication-ink-2); }
}

@media (max-width: 68rem) {
  body.af-platform #wpforo.af-publication #wpforo-wrap, body.af-platform.aigenforums-directory {
    .af-platform-opening { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: var(--space-md); }
    .af-platform-story--lead { grid-template-columns: minmax(0,1fr); }
    .af-platform-story .af-story-image img { min-height: 0; height: 13rem; }
    .af-platform-story .af-story-image a { height: auto; }
    .af-platform-secondary { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .af-platform-secondary .af-platform-story:nth-child(3) { border: 0; padding-left: 0; }
    .af-platform-provider-grid, .af-platform-subject-grid, .af-platform-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .af-platform-region-grid { columns: 3; }
    .af-platform-positioning { flex-direction: column; align-items: start; gap: var(--space-2xs); }
    .af-platform-city-layout { grid-template-columns: minmax(0,1fr); }
    .af-platform-directory-hero { gap: var(--space-md); }
    .af-platform-market-header { gap: var(--space-md); }
  }
}
@media (max-width: 48rem) {
  body.af-platform #wpforo.af-publication #wpforo-wrap, body.af-platform.aigenforums-directory {
    .af-platform-opening, .af-platform-directory-hero { grid-template-columns: minmax(0,1fr); }
    .af-platform-market-header, .af-platform-market-providers, .af-dir-profile-hero--text:has(.af-platform-profile-summary) { grid-template-columns: minmax(0,1fr); }
    .af-platform-market-header aside, .af-platform-profile-summary { border-left: 0; border-top: var(--rule-hair) solid var(--color-rule); padding: var(--space-md) 0 0; }
    .af-platform-story--lead { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
    .af-platform-story .af-story-image img { height: 15rem; max-height: 20rem; }
    .af-platform-story .af-story-image a { height: auto; }
    .af-platform-section-head { flex-direction: column; align-items: start; gap: var(--space-2xs); }
    .af-platform-section-head > a { min-height: var(--control-height); }
    .af-platform-region-grid { columns: 2; }
    .af-platform-feed-row { grid-template-columns: minmax(0,1fr); gap: var(--space-2xs); }
    .af-platform-feed-row .af-platform-meta { display: flex; text-align: left; }
    .af-platform-country-select strong { font-size: var(--text-xl); }
    .af-platform-country-select a { gap: var(--space-2xs); }
    .af-platform-country-select span:last-child { display: none; }
    .af-platform-directory-hero h1 { max-width: none; }
    :is(.af-platform-latest,.af-platform-providers,.af-platform-cities,.af-platform-subjects,.af-platform-archive,.af-platform-city-index,.af-platform-listing-explainer,.af-platform-geography) { padding-block: var(--space-lg); }
  }
}
@media (max-width: 35rem) {
  body.af-platform #wpforo.af-publication #wpforo-wrap, body.af-platform.aigenforums-directory {
    .af-platform-story--lead, .af-platform-secondary, .af-platform-provider-grid, .af-platform-subject-grid, .af-platform-archive-grid, .af-platform-city-groups, .af-platform-listing-explainer > div { grid-template-columns: minmax(0,1fr); }
    .af-platform-story .af-story-image img { height: 12rem; min-height: 12rem; }
    .af-platform-story .af-story-image a { height: auto; }
    .af-platform-secondary .af-platform-story + .af-platform-story { border-left: 0; padding-left: 0; padding-top: var(--space-sm); border-top: var(--rule-hair) solid var(--color-rule); }
    .af-platform-region-grid { columns: 1; }
    .af-platform-city-groups { gap: var(--space-md); }
    .af-dir-profile-hero--text { padding: var(--space-md); }
    .af-platform-search-results { padding: var(--space-sm); }
    .af-platform-country-select { gap: var(--space-md); }
    .af-platform-country-select a { align-items: start; flex-direction: column; }
  }
}