/* v20: save warning pill (non-intrusive, above the reading footer) + screen-reader helpers */
.savewarn{position:fixed;left:0;right:0;margin:0 auto;width:fit-content;bottom:calc(76px + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:center;gap:8px;
  max-width:min(560px,calc(100vw - 20px));box-sizing:border-box;padding:6px 6px 6px 12px;border-radius:999px;font:500 13px/1.25 system-ui,-apple-system,sans-serif;
  background:color-mix(in srgb,var(--card,#fff) 94%,#e0a100);color:var(--fg,#222);border:1px solid color-mix(in srgb,#e0a100 45%,transparent);box-shadow:0 4px 18px rgba(0,0,0,.14)}
.savewarn.hidden{display:none}
.savewarn .sw-ic{width:8px;height:8px;border-radius:50%;background:#e0a100;flex:none}
.savewarn.rej .sw-ic{background:#d9534f}
.savewarn.ok{background:color-mix(in srgb,var(--card,#fff) 92%,#3a9a5b);border-color:color-mix(in srgb,#3a9a5b 45%,transparent);padding-right:12px}
.savewarn.ok .sw-ic{background:#3a9a5b}
.savewarn.ok .sw-x{display:none}
.savewarn .sw-t{flex:1;min-width:0}
.savewarn .sw-b{border:0;border-radius:999px;padding:5px 11px;font:600 12.5px system-ui,-apple-system,sans-serif;background:var(--fg,#222);color:var(--bg,#fff);cursor:pointer}
.savewarn .sw-b.hidden{display:none}
.savewarn .sw-x{border:0;background:transparent;color:inherit;font-size:17px;line-height:1;padding:2px 7px;opacity:.6;cursor:pointer}
#reader.chromeless ~ .savewarn,body:has(#reader.chromeless:not(.hidden)) .savewarn{bottom:calc(14px + env(safe-area-inset-bottom))}
@media (max-width:600px){.savewarn{font-size:12px;bottom:calc(64px + env(safe-area-inset-bottom))}}
.sr-only,.sr-only-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.sr-only-focusable:focus{position:static;width:120px;accent-color:var(--accent,#c2410c)}
