.section-dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;padding:16px 4px;border-radius:40px;background:#163b3d80;backdrop-filter:blur(10px);animation:dots-appear .8s 4.2s both}.section-dots a{width:40px;height:44px;position:relative;display:grid;place-items:center;text-decoration:none}.section-dots a:before{content:"";width:7px;height:7px;border-radius:50%;background:#e3eeeb;transition:background .2s}.section-dots a:after{content:"";position:absolute;width:27px;height:27px;border:2px solid white;border-radius:50%;opacity:0;transform:scale(.7);transition:opacity .25s,transform .25s}.section-dots a[aria-current]:after{opacity:1;transform:scale(1)}.section-dots a[aria-current]:before{background:white}.section-dots a span{position:absolute;right:52px;white-space:nowrap;color:white;background:#183335;padding:7px 12px;border-radius:4px;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .2s}.section-dots a:hover span,.section-dots a:focus-visible span{opacity:1}.section-dots a:focus-visible{outline:2px solid white;outline-offset:1px;border-radius:50%}.menu-open .section-dots{display:none}
@keyframes dots-appear{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}
@media(max-width:700px){.section-dots{right:4px;padding:9px 0}.section-dots a{width:28px;height:36px}.section-dots a:after{width:22px;height:22px}.section-dots a:before{width:5px;height:5px}.section-dots a span{right:36px}}
@media(prefers-reduced-motion:reduce){.section-dots{animation:none}.section-dots a:after{transition:none}}

/* Minimal desktop-only position markers. */
.section-dots{right:8px;padding:4px 0;background:transparent;backdrop-filter:none;border-radius:0}.section-dots a{width:24px;height:26px}.section-dots a:before{width:4px;height:4px;background:#67786e;box-shadow:0 0 0 1px #ffffffa0}.section-dots a:after{width:13px;height:13px;border:1px solid #67786e;background:#ffffff30}.section-dots a[aria-current]:before{background:#34493a}.section-dots a span{right:30px}.section-dots a:focus-visible{outline-color:#67786e}
@media(max-width:1000px){.section-dots{display:none}}

/* Small hollow markers, filled only at the current section. */
.section-dots{right:12px;gap:0}.section-dots a{width:24px;height:24px}.section-dots a:before{box-sizing:border-box;width:4px;height:4px;border:1px solid #737373;background:transparent;box-shadow:0 0 0 1px #ffffff70;transition:background .3s,transform .3s}.section-dots a:after{display:none}.section-dots a[aria-current]:before{background:#444;border-color:#444;transform:scale(1.15)}.section-dots a:hover:before,.section-dots a:focus-visible:before{transform:scale(1.6)}.section-dots a span{background:#292929;color:#fff}