.help-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#f3f5ec;color:#3c6548;border-color:#d5ddcc}
.help-button svg{width:18px;height:18px;flex-shrink:0;pointer-events:none}
.help-button:focus-visible,.guide-dialog button:focus-visible{outline:2px solid #3f805d;outline-offset:-2px;box-shadow:none}
body.guide-open{overflow:hidden}
.guide-dialog{width:calc(100% - 28px);max-width:560px;max-height:calc(100dvh - 28px);padding:0;border:1px solid #dedfd3;border-radius:24px;background:#fffdf8;color:#222722;box-shadow:0 24px 90px #1e302e40;overflow:auto;overscroll-behavior:contain}
.guide-dialog::backdrop{background:#20332880;backdrop-filter:blur(4px)}
.guide-panel{padding:26px}
.guide-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.guide-header h2{margin:0;font-size:21px;letter-spacing:-.5px}
.guide-close{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;padding:0;border:1px solid #dedfd3;border-radius:50%;background:#fffdf8;color:#637464}
.guide-close:hover{background:#eef2e7}
.guide-close svg{width:18px;height:18px;pointer-events:none}
.guide-slide[hidden]{display:none}
.guide-image{display:block;width:100%;height:auto;aspect-ratio:15/8;object-fit:contain;border:1px solid #e3e7d9;border-radius:16px;background:#f0f3e8}
.guide-copy{min-height:156px;padding-top:20px}
.guide-copy h3{margin:0 0 10px;font-size:24px;letter-spacing:-.7px;line-height:1.2}
.guide-copy p{margin:0;color:#657163;font-size:14px;line-height:1.65}
.guide-copy strong{color:#355c42;font-weight:700}
.guide-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px}
.guide-progress>span{color:#6b7967;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
.guide-dots{display:flex;align-items:center;gap:2px}
.guide-dot{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent}
.guide-dot::before{content:"";width:7px;height:7px;background:#cbd3c2;border-radius:99px;transition:width .15s,background .15s}
.guide-dot[aria-current]::before{width:19px;background:#3f805d}
.guide-dot:hover::before{background:#719366}
.guide-nav{display:flex;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid #e6e8dc}
.guide-nav .btn{min-width:100px;min-height:46px}
.guide-nav .primary{min-width:156px}
@media(max-width:440px){.guide-panel{padding:20px}.guide-dialog{border-radius:20px}.guide-header{margin-bottom:16px}.guide-copy{min-height:182px;padding-top:18px}.guide-copy h3{font-size:22px}.guide-copy p{font-size:13px}.guide-dot{width:36px;height:36px}.guide-nav{gap:8px}.guide-nav .btn{min-width:80px}.guide-nav .primary{min-width:150px}}
@media(prefers-reduced-motion:reduce){.guide-dot::before{transition:none}.guide-dialog::backdrop{backdrop-filter:none}}
@media(forced-colors:active){.help-button:focus-visible,.guide-dialog button:focus-visible{outline-color:Highlight}.guide-dot::before{background:ButtonText}.guide-dot[aria-current]::before{background:Highlight}}
