/* Erie v3 homepage — lake fog almanac */
body.site-page main.erm{width:100% !important;max-width:none;margin:0}
.erm{color:#22303a;font-size:1.05rem;line-height:1.72}
.erm h2{font-size:clamp(1.5rem,3.2vw,2rem);margin:.2em 0 .5em}
.erm p{margin:.9em 0}
.erm a{color:#a33d2a}
.erp-ch{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:#a33d2a;font-weight:700;margin:0 0 12px;font-family:Verdana,sans-serif}

.er-hero{max-width:780px;margin:0 auto;text-align:center;padding:60px 24px 28px}
.er-hero h1{font-size:clamp(2.1rem,5.2vw,3.3rem);line-height:1.06;margin:0 0 14px}
.er-sub{font-size:1.18rem;color:#54646f;margin:0 0 26px;font-style:italic}

.er-call{display:inline-block;background:#a33d2a;color:#fff !important;text-decoration:none;font-weight:700;
  font-size:1.1rem;padding:12px 30px;border-radius:3px;font-family:Verdana,sans-serif}
.er-call:hover{background:#7f2e1f}
.er-call-lg{font-size:1.26rem;padding:15px 36px}
.er-call-dark{background:#fff;color:#a33d2a !important}
.er-call-dark:hover{background:#f2d9d2}

.er-sec{max-width:700px;margin:0 auto;padding:32px 24px 6px}
.erp-ph{max-width:940px;margin:34px auto;padding:0 24px}
.erp-ph img{width:100%;max-height:440px;object-fit:cover;border-radius:3px;border:1px solid #b9c6cf}

.er-fog{background:#dfe7ec;border-top:2px solid #22303a;border-bottom:2px solid #22303a;padding:36px 24px;margin:38px 0}
.er-fog-in{max-width:700px;margin:0 auto}
.er-fog h2{margin-top:0}

.er-band{background:#22303a;color:#eef2f5;text-align:center;padding:44px 24px;margin:42px 0}
.er-band p{font-size:1.45rem;font-weight:700;margin:0 0 16px}
.er-band-note{font-size:.95rem !important;font-weight:400 !important;color:#9fb0bc !important;margin:14px 0 0 !important;font-style:italic}

.er-faq{background:#eef2f5;border-top:2px solid #22303a;padding:46px 0;margin-top:44px}
.er-faq-in{max-width:740px;margin:0 auto;padding:0 24px}
.er-qa{border-bottom:1px solid #c3cdd4;padding:15px 0}
.er-q{font-weight:700;color:#a33d2a;margin:0 0 .35em;font-size:1.1rem}
.er-a{margin:0;color:#3d4d59}

.er-close{text-align:center;padding:54px 24px}
.er-close p{max-width:42em;margin:0 auto 22px}

@media (max-width:640px){
  .er-call-lg{font-size:1.12rem;padding:13px 28px}
}

/* ===== v3.1 polish: content image alignment + rhythm (2026-07-03) =====
   Fixes platform rule `body.site-page figure{margin:0}` out-specifying site
   figure classes (left-anchored images), oversized portrait images, and
   excessive vertical spacing. Append AFTER site css; idempotent by marker. */
figure[class$="-ph"],figure[class$="-photo"],figure[class$="-fig"],
figure.vnp-pic,figure.srp-pic,figure.pxp-pic,figure.hbp-cardpic,figure.sr-wide{
 max-width:720px !important;margin:24px auto !important;padding:0 20px !important;
 box-sizing:border-box;float:none;clear:both}
figure[class$="-ph"] img,figure[class$="-photo"] img,figure[class$="-fig"] img,
figure.vnp-pic img,figure.srp-pic img,figure.pxp-pic img,figure.hbp-cardpic img,figure.sr-wide img{
 width:100% !important;display:block;max-height:480px;object-fit:cover}
body main[class] h2{margin-top:30px}
main[class] section>h2:first-child,main[class] div>h2:first-child{margin-top:0}
body main[class] p{margin-top:12px;margin-bottom:12px}
main[class] section[class*="-sec"]{margin-top:32px}
