/* Responsive homepage: side-by-side arms and readable stories on every screen. */
@media screen and (min-width:981px) {
  body[data-view="legacy-home"] .hero {
    padding:20px max(6vw,28px) 48px;
    min-height:0;
  }
  body[data-view="legacy-home"] .hero-copy:has(.home-arms-pair) {
    max-width:1040px;
    margin-inline:auto;
  }
  body[data-view="legacy-home"] .home-arms-pair {
    max-width:860px;
    gap:32px;
    margin:0 auto 20px;
  }
  body[data-view="legacy-home"] .home-arms-pair .home-family-arms img {
    width:100%;
    height:360px;
    max-height:360px;
    object-fit:contain;
  }
  body[data-view="legacy-home"] .home-arms-pair figcaption {margin-top:8px;}
  body[data-view="legacy-home"] .hero-copy > .dossier-actions {justify-content:center!important;}
  body[data-view="legacy-home"] .hero-copy > .section {padding:0;}
  body[data-view="legacy-home"] .genealogy-search {margin:20px auto 12px;}
  body[data-view="legacy-home"] .legend {justify-content:center;margin-bottom:28px;}
  body[data-view="legacy-home"] .home-story {
    padding:28px 36px;
    margin-block:24px 32px;
    max-width:1040px;
    margin-inline:auto;
  }
  body[data-view="legacy-home"] .home-story h2,
  body[data-view="legacy-home"] #eerdere-onderzoeken-artikelen > .section-head h2 {
    font-size:34px;
    line-height:1.2;
    max-width:28ch;
  }
  body[data-view="legacy-home"] .home-story .story-subtitle {font-size:20px;}
  body[data-view="legacy-home"] .home-story > a > img {
    max-width:100%;
    max-height:280px!important;
    height:auto!important;
    object-fit:contain;
    margin-block:16px!important;
  }
  body[data-view="legacy-home"] .home-story .pa-home-images img {max-height:220px;object-fit:contain;}
  body[data-view="legacy-home"] .home-story .eyebrow {margin-bottom:12px;}
  body[data-view="legacy-home"] .home-story :is(p:last-child,figure:last-child) {margin-bottom:0;}
}

/* The two existing arms always remain beside each other. */
@media screen and (min-width:601px) and (max-width:980px) {
  body[data-view="legacy-home"] .home-arms-pair {max-width:760px;gap:24px;}
  body[data-view="legacy-home"] .home-arms-pair .home-family-arms img {height:320px;max-height:320px;}
}
@media screen and (max-width:600px) {
  body[data-view="legacy-home"] .hero {padding:12px 16px 28px;min-height:0;}
  body[data-view="legacy-home"] .hero-copy:has(.home-arms-pair) {min-width:0;max-width:100%;}
  body[data-view="legacy-home"] .home-arms-pair {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 auto 18px;}
  body[data-view="legacy-home"] .home-arms-pair .home-family-arms img {height:clamp(140px,48vw,240px);max-height:240px;}
  body[data-view="legacy-home"] .home-arms-pair figcaption {font-size:10px;line-height:1.4;margin-top:6px;}
  body[data-view="legacy-home"] .hero-copy > .dossier-actions {display:grid;grid-template-columns:1fr;gap:10px;margin-block:14px;}
  body[data-view="legacy-home"] .hero-copy > .dossier-actions .button {width:100%;min-height:46px;justify-content:center;text-align:center;}
  body[data-view="legacy-home"] .hero-copy > .section {padding:0;}
  body[data-view="legacy-home"] .genealogy-search {max-width:100%;padding:16px;margin:18px 0 12px;}
  body[data-view="legacy-home"] .genealogy-search input {font-size:16px;min-width:0;}
  body[data-view="legacy-home"] .genealogy-search-row {grid-template-columns:minmax(0,1fr) auto;}
  body[data-view="legacy-home"] .genealogy-search-help {font-size:12px;line-height:1.5;}
  body[data-view="legacy-home"] .legend {flex-wrap:wrap;gap:8px 14px;font-size:12px;}
  body[data-view="legacy-home"] .home-story {padding:22px 18px;margin-block:22px;min-width:0;overflow-wrap:anywhere;}
  body[data-view="legacy-home"] .home-story h2 {font-size:28px;line-height:1.18;max-width:100%;}
  body[data-view="legacy-home"] .home-story .eyebrow {font-size:10px;letter-spacing:.1em;margin-bottom:10px;}
  body[data-view="legacy-home"] .home-story .story-subtitle {font-size:18px;line-height:1.45;}
  body[data-view="legacy-home"] .home-story .story-intro {font-size:16px;line-height:1.65;}
  body[data-view="legacy-home"] .home-story > a > img {max-width:100%;height:auto!important;max-height:250px;object-fit:contain;}
  body[data-view="legacy-home"] .home-story :is(.story-status,.story-link) {font-size:14px;}
  body[data-view="legacy-home"] #eerdere-onderzoeken-artikelen {width:calc(100% - 32px);}
}