body { margin-bottom:0; padding-bottom:calc(64px + env(safe-area-inset-bottom,0px)); }
.footer { position:static; white-space:normal; line-height:1.6; padding:16px 0; }
.page-navigation { position:fixed; inset:auto 0 0; z-index:1030; display:flex; align-items:center; justify-content:center; gap:12px; min-height:52px; padding:4px 12px calc(4px + env(safe-area-inset-bottom,0px)); background:#10253bf5; border-top:1px solid #304a62; font-size:12px; }
.page-navigation a,.page-navigation button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; color:#dbe4ed; white-space:nowrap; }
.page-navigation button { gap:6px; border:1px solid #ddb04d; border-radius:8px; padding:0 12px; background:#ddb04d; color:#0a192f; font-weight:600; cursor:pointer; }
.page-navigation [hidden] { display:none!important; }
.page-navigation :is(a,button):focus-visible { outline:2px solid #f2d080; outline-offset:2px; }
@media(max-width:360px) { .page-navigation { gap:9px; font-size:11px; padding-left:8px; padding-right:8px; } .page-navigation button { padding:0 8px; } }
@media print { .page-navigation { display:none; } body { padding-bottom:0; } }