/* Regional introductions and acknowledgements: independent asset so restoring
   these pages does not change the 289 story pages or their cache versions. */
.region-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,18rem);gap:1.6rem;
  align-items:start;margin:1.5rem 0 2rem;color:var(--ink)}
.region-introduction.without-picture{grid-template-columns:minmax(0,46rem)}
.region-intro-copy{min-width:0;max-width:46rem}
.region-intro-copy p{margin:0 0 1rem}
.region-intro-copy a,.region-jump{color:#753515;text-decoration:underline;text-underline-offset:.15em}
.region-intro-copy a:visited,.region-jump:visited{color:#55365f}
.region-intro-copy a:hover,.region-jump:hover{color:#24201c}
.region-intro-copy a:focus-visible,.region-jump:focus-visible{outline:3px solid #153d63;outline-offset:3px}
.region-portrait{margin:0;min-width:0;max-width:100%}
.region-portrait img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;border-radius:6px}
.region-portrait figcaption{color:#493a2b;font-size:.85rem;line-height:1.5;margin-top:.6rem}
.region-intro-copy [lang=am]{line-height:1.95}
body.a11y-readable .region-intro-copy{line-height:1.95;letter-spacing:.012em}
body.a11y-contrast .region-introduction,body.a11y-contrast .region-portrait figcaption{color:#000}
@media(max-width:700px){
  .region-introduction{grid-template-columns:1fr;gap:.5rem}
  .region-portrait{max-width:22rem;margin:.2rem auto 1rem}
}
@media print{
  .region-introduction{display:block}
  .region-portrait{max-width:18rem;break-inside:avoid;margin:1rem 0}
  .region-intro-copy a{color:#000}
}