.directions-guide{box-sizing:border-box;max-width:800px;margin:0 auto;padding:20px;color:#164e49}.directions-guide h1{font-size:1.7rem;line-height:1.3}.directions-guide h2{color:#0f766e;font-size:1.3rem;line-height:1.4;margin:0 0 16px}.guide-step{background:#fff;border:1px solid #d5e4e1;border-radius:14px;padding:20px;margin:24px 0;overflow-wrap:anywhere}.guide-visual{margin:0 auto 16px;max-width:360px}.guide-visual svg{display:block;width:100%;height:auto;border:1px solid #d5e4e1;border-radius:12px;background:#f0fdfa}.guide-visual figcaption{font-size:.9rem;line-height:1.5;margin-top:8px}.guide-actions{padding-left:24px;line-height:1.6}.guide-actions li{padding-left:4px;margin:8px 0}.guide-caution{padding:8px 12px;background:#fff9e8;border-left:4px solid #d0a544;border-radius:4px;font-size:.95rem}.guide-details{margin-top:18px}.guide-details summary{box-sizing:border-box;cursor:pointer;min-height:48px;padding:12px 14px;color:#0f766e;background:#e9f7f4;border:1px solid #bfded7;border-radius:8px;font-weight:600;font-size:1rem;line-height:1.5}.guide-details summary:hover{background:#d9eee8}.guide-details summary:focus-visible{outline:2px solid #0f766e;outline-offset:3px}.guide-details .when-open{display:none}.guide-details[open] .when-open{display:inline}.guide-details[open] .when-closed{display:none}.guide-details .details-copy{padding:4px 4px 0;line-height:1.6}.guide-details p{margin:16px 0}.guide-details a{color:#0f766e}.guide-details li{margin:8px 0}@media(max-width:360px){.directions-guide{padding:12px}.guide-step{padding:14px}.directions-guide h1{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.compass-rose{transition:none}}
/* Extra scroll room keeps the final line clear of native navigation and browser safe areas. */
.directions-guide{padding-bottom:48px;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}