html { overscroll-behavior-y: contain; }
.offline-banner { position: sticky; top: 0; z-index: 110; padding: 10px 16px; background: #604716; color: #fff4ce; text-align: center; font-size: 13px; }
.cache-refresh-bar { display: flex; justify-content: flex-end; padding: 4px 16px; }
.cache-refresh-bar button { border: 0; background: transparent; color: var(--h-muted, #8b8194); font: inherit; font-size: 12px; padding: 8px; cursor: pointer; }
.pull-hint { display: none; text-align: center; padding: 10px; font-size: 13px; }
.nm-pull-ready .pull-hint { display: block; }
/* Evita piscar skeletons durante leituras rápidas do cache local. */
.skeleton { animation: nm-skeleton-reveal .2s .18s both; }
@keyframes nm-skeleton-reveal { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .skeleton { animation: none; } }

.cached-page { display: contents; }