.scroll-tools-only{position:fixed;right:1.8rem;bottom:1.5rem;top:auto;z-index:15;pointer-events:none}
.page-scroll-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}
.page-scroll-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:76px;min-height:44px;padding:8px 12px;border:1px solid #a6b5b4;border-radius:24px;background:rgba(255,255,255,.97);color:#28383a;font:600 12px/1.2 system-ui,sans-serif;box-shadow:0 2px 8px #28383a20;cursor:pointer;touch-action:manipulation}
.page-scroll-button>span:first-child{font-size:24px;font-weight:400;line-height:1}
.page-scroll-button:hover{color:#287b7e;border-color:#287b7e;background:#fff}
.page-scroll-button:focus-visible{outline:3px solid #ef8b2c;outline-offset:3px}
.page-scroll-controls[hidden],.page-scroll-button[hidden]{display:none!important}
@media(max-width:600px){.scroll-tools-only{right:1rem;bottom:1rem}.page-scroll-controls{gap:6px}.page-scroll-button{min-width:68px;min-height:44px;padding:8px 10px}}

/* Keep the shared page controls out of the reading column on tablets and phones. */
@media(max-width:900px){
  body{padding-bottom:5.5rem}
  .floating-tools,.scroll-tools-only{position:fixed;left:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto;z-index:25;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;gap:.45rem;width:max-content;max-width:calc(100vw - 24px);padding:0;border:0;background:transparent;box-shadow:none;pointer-events:none}
  .section-nav{align-self:flex-end}
  .section-nav-panel{right:0;bottom:calc(100% + .55rem);width:min(330px,calc(100vw - 2rem));max-height:min(58vh,420px)}
  .page-scroll-controls{flex-direction:row;gap:6px}
}

@media(max-width:600px){
  .floating-tools,.scroll-tools-only{flex-direction:column;align-items:flex-end;gap:6px;right:0;bottom:calc(12px + env(safe-area-inset-bottom))}
  .section-nav{display:block;align-self:flex-end}
  .section-nav-trigger{width:42px;height:42px;min-height:42px;padding:0;justify-content:center;border-radius:50%}
  .section-nav-trigger::before{content:"≡";color:var(--teal);font-size:21px;line-height:1}
  .section-nav-trigger>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .section-nav-panel{right:calc(100% + .55rem);bottom:0;width:min(320px,calc(100vw - 5rem));max-height:min(58vh,420px)}
  .page-scroll-controls{flex-direction:column;gap:6px}
  .page-scroll-button{width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border-radius:50%;gap:0}
  .page-scroll-button>span:nth-child(2){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .section-nav~.page-scroll-controls{display:none}
}

.section-nav-panel a.section-nav-edge{color:var(--teal);font-weight:700}
.section-nav-panel a.section-nav-edge--top{border-bottom:1px solid rgba(40,56,58,.12)}
.section-nav-panel a.section-nav-edge--bottom{border-top:1px solid rgba(40,56,58,.12)}