/* Compact offline highlight; scoped so other site sections are unaffected. */
.offline-strip { position:relative; z-index:1; background:#eafaf0; border-top:1px solid #d6ecde; border-bottom:1px solid #d6ecde; color:#174b40; }
.offline-strip-inner { display:flex; align-items:center; justify-content:center; gap:12px; padding-block:12px; font-size:14px; line-height:1.45; }
.offline-strip svg { flex:0 0 21px; width:21px; height:25px; color:#07885b; }
.offline-strip strong { flex-shrink:0; color:#06774f; font-weight:800; }
.offline-strip span { color:#365e53; }
.hero-offline-inline { color:#087b54; font-weight:750; }
.hero-offline-badge { position:absolute; z-index:4; bottom:-48px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:9px; width:max-content; max-width:100%; padding:9px 16px; border:1px solid #b7e8c9; border-radius:999px; background:#edfff2; color:#06774f; font-size:14px; font-weight:800; box-shadow:0 4px 14px rgba(0,70,45,.05); }
.hero-offline-badge svg { width:19px; height:23px; flex-shrink:0; }
@media(max-width:700px) {
 .offline-strip-inner { display:grid; grid-template-columns:22px auto; gap:3px 9px; padding-block:11px; font-size:12px; }
 .offline-strip svg { grid-column:1; grid-row:1 / span 2; align-self:center; }
 .offline-strip strong { grid-column:2; }
 .offline-strip span { grid-column:2; }
 .hero-offline-badge { bottom:-46px; font-size:12px; padding:8px 13px; }
 .hero:has(.hero-offline-badge) { padding-bottom:78px; }
}