.section-nav{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;gap:8px}
.section-nav button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:86px;min-height:44px;padding:10px 15px;border:1px solid #5eade0;border-radius:999px;background:#082033f2;color:#eef7ff;box-shadow:0 5px 18px #0003;font-size:calc(11px + 2pt);font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:background .2s,color .2s,transform .2s}
.section-nav button:hover:not(:disabled){background:#5eade0;color:#041222;transform:translateY(-1px)}
.section-nav button:focus-visible{outline:3px solid #97e2c1;outline-offset:3px}
.section-nav button:disabled{opacity:.35;cursor:default}
.section-nav button span{font-size:17px;line-height:1}
body:has(dialog[open]) .section-nav{visibility:hidden}
@media(max-width:760px){.section-nav{right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:6px}.section-nav button{min-width:78px;padding:9px 12px;font-size:calc(10px + 2pt)}footer{padding-bottom:124px}}
@media(prefers-reduced-motion:reduce){.section-nav button{transition:none}}