/* v34: editorial scenes and compact, place-specific regional plans. */
.journal-gallery-note { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:.8rem; margin-block:18px; }
.journal-gallery-note .icon { width:18px; height:18px; flex-shrink:0; }
.region-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.region-card-photo { display:grid; grid-template-columns:42% minmax(0,1fr); align-items:stretch; }
.region-card-photo > img { height:100%; min-height:220px; object-fit:cover; object-position:50% 35%; }
.region-card-photo > div,.region-grid-related .region-card-photo > div { padding:24px; min-width:0; }
.region-card-photo h3,.region-grid-related .region-card-photo h3 { font-size:clamp(1.25rem,1.9vw,1.6rem); }
.region-card-photo .card-meta { margin-block:8px 0; }
.region-card-photo p { margin-block:12px 18px; line-height:1.5; }
.region-grid-related { grid-template-columns:repeat(2,minmax(0,1fr)); }
.region-grid-related .region-card-photo:last-child:nth-child(odd) { grid-column:1 / -1; max-width:calc(50% - 12px); }
.region-hero-photo { grid-template-columns:1fr 1.05fr; gap:40px; padding-top:18px; align-items:center; }
.region-hero-photo h1 { font-size:clamp(2.5rem,4.2vw,4.5rem); line-height:1.05; letter-spacing:-.055em; }
.region-hero-photo .journal-lead { font-size:clamp(1.05rem,1.45vw,1.2rem); line-height:1.65; margin-top:24px; }
.region-scene { min-width:0; margin:0; }
.region-scene > img { width:100%; height:auto; aspect-ratio:1.5; object-fit:cover; border-radius:28px 70px 28px 28px; }
.region-scene figcaption { padding-inline:4px; }
.region-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin-top:26px; }
.region-hero-actions .button { min-height:52px; font-size:.94rem; padding:14px 20px; gap:12px; }
.region-hero-actions .text-link { margin:0; font-size:.88rem; min-height:44px; }
.region-plan { background:#e9f0ea; border:1px solid #d5e1d9; border-radius:28px; padding:30px; margin-block:0 24px; }
.region-plan-intro { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
.region-plan h2,.region-health h2 { display:flex; align-items:center; gap:14px; font-size:clamp(1.7rem,2.5vw,2.3rem); line-height:1.12; letter-spacing:-.045em; }
.region-plan h2 > .icon,.region-health h2 > .icon { width:28px; height:28px; flex-shrink:0; }
.region-plan-intro > p { max-width:360px; color:#415c58; font-size:.88rem; line-height:1.6; }
.region-plan ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; list-style:none; margin:0; padding:0; }
.region-plan li { display:flex; gap:12px; align-items:start; border-top:1px solid #b9ccc1; padding-top:20px; }
.region-step-number { color:#9b420f; font-size:1.05rem; font-weight:650; line-height:1.4; }
.region-plan h3 { font-size:1.07rem; line-height:1.4; letter-spacing:-.015em; }
.region-plan li p { font-size:.9rem; color:#415c58; margin-top:10px; line-height:1.65; }
.region-article .conversation-takeaway h2 { display:flex; align-items:center; gap:12px; }
.region-article .conversation-takeaway h2 .icon { flex-shrink:0; }
.region-game { margin-top:26px; border-top:1px solid #d6b28f; padding-top:24px; }
.region-game h3 { font-size:1.1rem; margin-bottom:10px; }
.region-game p { font-size:1rem; line-height:1.6; }
.region-article .conversation-takeaway > p.journal-note { font-size:.8rem; margin-top:22px; }
.region-local-faq details { border-block:1px solid var(--line); padding-block:12px; }
.region-local-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; min-height:48px; font-weight:650; }
.region-local-faq summary .icon { flex-shrink:0; width:20px; height:20px; }
.region-local-faq details[open] summary .icon { transform:rotate(45deg); }
.region-local-faq details p { margin-block:18px; color:var(--muted); }
.region-health { background:#23535c; color:#fff; border-radius:28px; display:grid; grid-template-columns:1.2fr 1fr; gap:44px; padding:36px; margin-block:32px; }
.region-health p { color:#e3edeb; font-size:1rem; line-height:1.65; margin-top:20px; max-width:660px; }
.region-health-source { display:inline-flex; align-items:center; gap:12px; font-size:.8rem; min-height:44px; margin-top:14px; text-decoration:underline; text-underline-offset:4px; }
.region-health-source .icon { width:16px; height:16px; flex-shrink:0; }
.region-health-links { display:flex; flex-direction:column; justify-content:center; }
.region-health-links a { display:flex; gap:16px; align-items:center; padding:16px 0; min-height:64px; border-bottom:1px solid #ffffff30; }
.region-health-links a:last-child { border-bottom:0; }
.region-health-links a > .icon { width:22px; height:22px; flex-shrink:0; }
.region-health-links a > .icon:last-child { margin-left:auto; }
.region-health-links a span span { display:block; color:#d4e4e0; font-size:.82rem; margin-top:4px; }
@media (hover:hover) and (pointer:fine) {
 .region-health-links a:hover strong { text-decoration:underline; text-underline-offset:5px; }
 .region-local-faq summary:hover { color:var(--petrol); }
}
@media (min-width:740px) and (max-width:1199px) {
 .region-hero-photo { grid-template-columns:1.05fr 1fr; gap:26px; }
 .region-hero-photo h1 { font-size:clamp(2.3rem,4.1vw,3.3rem); }
 .region-scene > img { height:auto; aspect-ratio:1.35; border-radius:22px 48px 22px 22px; }
 .region-card-photo { grid-template-columns:36% minmax(0,1fr); }
 .region-card-photo > img { min-height:205px; height:100%; }
 .region-card-photo > div,.region-grid-related .region-card-photo > div { padding:20px 18px; }
 .region-card-photo p { font-size:.85rem; }
 .region-plan { padding:26px; }
 .region-plan ol { gap:20px; }.region-plan li { display:block; }
 .region-step-number { display:block; margin-bottom:8px; }
 .region-health { gap:28px; padding:30px; }
}
@media (max-width:739px) {
 .region-grid,.region-grid-related { grid-template-columns:1fr; gap:16px; }
 .region-grid-related .region-card-photo:last-child:nth-child(odd) { grid-column:auto; max-width:none; }
 .region-card-photo { grid-template-columns:35% minmax(0,1fr); border-radius:20px; }
 .region-card-photo > img { min-height:185px; height:100%; }
 .region-card-photo > div,.region-grid-related .region-card-photo > div { padding:20px 18px; }
 .region-card-photo h3,.region-grid-related .region-card-photo h3 { font-size:1.25rem; }
 .region-card-photo p { font-size:.87rem; margin-block:10px 12px; }
 .region-hero-photo { grid-template-columns:1fr; gap:28px; padding-bottom:30px; }
 .region-hero-photo h1 { font-size:clamp(2.5rem,8vw,3.5rem); }
 .region-scene > img { aspect-ratio:1.5; border-radius:22px 50px 22px 22px; }
 .region-plan { padding:24px; }
 .region-plan-intro { display:block; margin-bottom:18px; }
 .region-plan-intro > p { max-width:none; margin-top:16px; }
 .region-plan ol { grid-template-columns:1fr; gap:18px; }
 .region-plan li { padding-top:18px; }
 .region-health { grid-template-columns:1fr; gap:20px; padding:28px 24px; }
 .region-health p { font-size:.94rem; }
 .region-health-links a { padding-block:14px; }
 .region-article .article-side nav { display:grid; grid-template-columns:1fr 1fr; gap:8px 14px; padding-left:12px; }
 .region-article .article-side nav a { font-size:.85rem; }
 .journal-gallery-note { align-items:start; }.journal-gallery-note .icon { margin-top:2px; }
}
@media (max-width:360px) {
 .region-card-photo { grid-template-columns:30% minmax(0,1fr); }
 .region-card-photo > div,.region-grid-related .region-card-photo > div { padding:18px 14px; }
 .region-plan { padding:20px; }
}
