.offline-save-state { margin: 0 0 12px; padding: 10px 12px; border: 1px solid var(--line);
  background: var(--hover); font-size: 13px; }
.offline-save-state p { margin: 0 0 6px; }
.offline-save-state progress { width: 100%; margin-bottom: 6px; }
.offline-native-banner { position:sticky; top:var(--masthead); z-index:8; margin-top:var(--masthead); margin-left:var(--guide);
  padding:9px 24px; border-bottom:1px solid #d6dcf5; background:#f3f6ff; color:#304678;
  font-size:13px; }
.offline-native main { margin-top:0; }
body.guide-off .offline-native-banner { margin-left:0; }
.offline-native-controls { display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:8px 12px 12px; color:var(--muted); font-size:12px; }
.offline-native-controls .btn { padding:5px 9px; }
.offline-snapshot-cue { color:var(--muted); font-size:11px; }
.offline-native .guide-item[aria-disabled="true"] { opacity:.45; cursor:not-allowed; }
@media (max-width: 900px) {
  .offline-native-banner { margin-left:0; }
}
@media (max-width: 700px) {
  .offline-native-banner { padding:9px 12px; }
}