/* A thumb rail for long handheld pages. Native links retain keyboard and history behaviour. */
.hh-dock:not([hidden]) {
    position:fixed;z-index:16;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));
    bottom:calc(7px + env(safe-area-inset-bottom));max-width:430px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr 1fr;
    border:1px solid #688580;border-radius:7px 7px 5px 5px;padding:3px;gap:2px;
    background:linear-gradient(#263d42,#0c1d24 60%);box-shadow:inset 0 1px #a2b5a64d,0 6px 16px #041015ad;
}
.hh-dock a {min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:3px;
    color:#e3ebe4;text-decoration:none;font:650 clamp(11px,3vw,14px)/1 system-ui,sans-serif;white-space:nowrap}
.hh-dock svg {width:21px;height:19px;stroke:#9cb9b4;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.hh-dock a.hh-inspect {background:linear-gradient(180deg,#35514e,#203939);box-shadow:inset 0 1px #93b1a344}
.hh-dock .hh-inspect svg {stroke:#a8efd5}
.hh-dock a[aria-current]{box-shadow:inset 0 -2px #a3e9d2;color:#bdffe7}
.hh-dock a:active{background:#112a2b;box-shadow:inset 0 2px 3px #041015b0}
.hh-dock a:focus-visible{outline:2px solid #ffdc9b;outline-offset:-3px}
html:has(.hh-dock:not([hidden])){scroll-padding-bottom:calc(68px + env(safe-area-inset-bottom))}
body:has(:is(input,textarea,select,[contenteditable="true"]):focus,.mast .hamb[aria-expanded="true"],dialog[open],[aria-modal="true"]:not([hidden])) .hh-dock {display:none}
body:has(.hh-dock) footer {padding-bottom:max(22px,env(safe-area-inset-bottom))}
@media(max-height:450px) and (orientation:landscape){.hh-dock:not([hidden]) {display:none}}
@media(forced-colors:active){.hh-dock a{color:LinkText}.hh-dock svg{stroke:LinkText}}