.section-guide{position:fixed;right:8px;bottom:24px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:16;transition:opacity .2s,transform .2s}
.section-guide[hidden]{display:none}
.section-next{position:relative;display:grid;place-items:center;width:56px;height:56px;padding:5px;border:1px solid rgba(25,33,30,.22);border-radius:50%;background:rgba(242,240,232,.97);backdrop-filter:blur(12px);box-shadow:0 3px 16px rgba(9,20,18,.1);color:var(--ink);font-family:var(--sans);line-height:1.4}
.section-guide-copy{position:absolute;right:calc(100% + 10px);top:50%;display:flex;flex-direction:column;gap:3px;width:max-content;max-width:190px;padding:10px 14px;background:var(--paper);border:1px solid rgba(25,33,30,.15);box-shadow:0 2px 14px rgba(9,20,18,.07);opacity:0;visibility:hidden;transform:translate(7px,-50%);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}
.section-next:hover .section-guide-copy,.section-next:focus-visible .section-guide-copy{opacity:1;visibility:visible;transform:translate(0,-50%)}
.section-guide-kicker{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.section-guide-title{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section-guide-arrow{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid rgba(181,71,37,.38);border-radius:50%;color:var(--orange);transition:background .25s,color .25s}
.section-guide-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.section-next:hover .section-guide-arrow{background:var(--orange);color:white}
.section-next:hover .section-guide-arrow svg{transform:translateY(2px)}
.section-guide.is-top .section-guide-arrow svg{transform:rotate(180deg)}
.section-guide.is-top .section-next:hover .section-guide-arrow svg{transform:rotate(180deg) translateY(2px)}
body.dialog-open .section-guide,.section-guide[data-input-active="true"]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}
@media(min-width:601px) and (max-width:1100px){.section-guide{right:5px}.section-next{width:48px;height:48px;padding:3px}.section-guide-arrow{width:40px;height:40px}}
@media(max-width:600px){
 .section-guide{right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}
 .section-next{display:flex;flex-direction:column-reverse;width:52px;height:67px;padding:0;gap:4px;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
 .section-guide-copy,.section-next:hover .section-guide-copy,.section-next:focus-visible .section-guide-copy{position:static;width:auto;max-width:65px;padding:1px 5px;border:0;background:var(--paper);box-shadow:none;opacity:1;visibility:visible;transform:none;gap:0;border-radius:3px}
 .section-guide-title{display:none}
 .section-guide-kicker{font-size:8px;letter-spacing:.06em;color:var(--ink)}
 .section-guide-arrow{width:46px;height:46px;background:var(--paper);box-shadow:0 2px 12px rgba(9,20,18,.1)}
}
@media(prefers-reduced-motion:reduce){.section-guide,.section-guide-copy,.section-next,.section-guide-arrow,.section-guide-arrow svg{transition:none}}
