/* Small, opt-in orientation panel. All rules are scoped to the assistant. */
.guide-trigger{position:fixed;right:24px;bottom:max(22px,env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:11px;min-height:52px;padding:13px 19px;border:1px solid #ffa27f;border-radius:30px;background:#f58b65;color:#132127;box-shadow:0 5px 24px #0005;font:600 .875rem/1.3 var(--body,system-ui);cursor:pointer;transition:background .15s,transform .15s}
.guide-trigger:hover{background:#ffa681;transform:translateY(-2px)}
.guide-trigger-icon{display:flex;width:22px;height:22px;flex:none}.guide-trigger svg{width:100%;height:100%}
.guide-trigger:focus-visible,.guide-dialog :is(button,a,textarea):focus-visible{outline:3px solid #9be0e6;outline-offset:4px}
.guide-dialog{position:fixed;inset:auto 20px 20px auto;margin:0;padding:0;width:min(466px,calc(100vw - 40px));height:min(790px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);max-width:calc(100vw - 40px);border:1px solid #536c74;border-radius:18px;background:#142127;color:#edf2ee;box-shadow:0 24px 85px #0009;font:400 1rem/1.5 var(--body,system-ui);overflow:hidden}
.guide-dialog:not([open]){display:none}.guide-dialog[open]{display:flex;flex-direction:column}
.guide-dialog::backdrop{background:#071015a6;backdrop-filter:blur(3px)}
.guide-dialog *{box-sizing:border-box}.guide-dialog button,.guide-dialog a{font-family:inherit;letter-spacing:normal;text-decoration:none;cursor:pointer;overflow-wrap:break-word}
.guide-header{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid #364b53;background:#1b2d34}
.guide-brand{display:flex;gap:13px;align-items:center;min-width:0}.guide-mark{font:600 2.2rem/1 var(--display,system-ui);letter-spacing:-.1em;color:#f58b65;padding-right:4px}
.guide-dialog .guide-name{margin:0;font:600 1.02rem/1.3 var(--display,system-ui)}.guide-dialog .guide-caption{margin:4px 0 0;color:#b2c9d0;font-size:.72rem;line-height:1.4}
.guide-dialog .guide-close{flex:none;display:grid;place-items:center;border:1px solid #526870;border-radius:50%;background:transparent;color:#edf2ee;min-width:44px;min-height:44px;padding:0;font:400 1.6rem/1 system-ui}.guide-close:hover{background:#30464e}
.guide-body{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:23px 24px 18px;scrollbar-color:#65868c #17262c}
.guide-progress{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;color:#95dce3;font:400 .64rem/1.5 var(--mono,monospace);letter-spacing:.08em}
.guide-bars{display:flex;gap:5px}.guide-bars i{display:block;width:23px;height:3px;border-radius:4px;background:#41545c}.guide-bars .is-active{background:#95dce3}
.guide-dialog .guide-question{color:#edf2ee;font:500 1.8rem/1.16 var(--display,system-ui);letter-spacing:-.04em;margin:0 0 13px;overflow-wrap:normal;word-break:normal}
.guide-question:focus{outline:none}.guide-dialog .guide-intro{margin:0 0 22px;font-size:.875rem;line-height:1.65;color:#bfd0d5}
.guide-options{display:grid;gap:9px}
.guide-dialog .guide-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 15px;text-align:left;border:1px solid #425860;border-radius:10px;background:#1e3037;color:#edf2ee;min-height:68px;transition:border-color .15s,background .15s}
.guide-option strong{display:block;font-size:.88rem;font-weight:500;line-height:1.4}.guide-option small{display:block;color:#b5c9cf;font-size:.74rem;line-height:1.45;margin-top:4px}
.guide-option .guide-arrow{color:#f99b77;flex:none;font-size:1.2rem;line-height:1}
.guide-dialog .guide-option:hover,.guide-dialog .guide-option.is-selected{border-color:#f58b65;background:#273b42}
.guide-controls{display:flex;justify-content:space-between;gap:16px;margin-top:21px}
.guide-dialog .guide-controls button{color:#bbd2d8;border:0;background:transparent;min-height:44px;padding:8px 2px;font-size:.8rem;text-decoration:underline;text-underline-offset:4px}.guide-controls button:hover{color:#fff}.guide-reset{margin-left:auto}
.guide-footer{padding:13px 24px 15px;flex:none;border-top:1px solid #364b53;background:#17272e}.guide-dialog .guide-footer p{color:#b8cbd1;font-size:.7rem;line-height:1.55;margin:0 0 5px}.guide-dialog .guide-privacy{color:#97dce3;font-size:.7rem;text-decoration:underline;text-underline-offset:3px}
.guide-recap{margin:0 0 21px;padding:14px 16px;border:1px solid #3d555d;border-radius:10px;background:#1a2c33;font-size:.77rem}.guide-recap>div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px}.guide-recap>div+div{margin-top:10px}.guide-recap dt{color:#aac2c9}.guide-recap dd{margin:0;color:#edf2ee;line-height:1.4}
.guide-routes{display:grid;gap:9px}.guide-dialog .guide-route{display:block;padding:13px 15px;border:1px solid #49616a;border-radius:9px;background:#1e3037;color:#dcebed;font-size:.8rem;line-height:1.5;min-height:46px}.guide-dialog .guide-route-primary{border-color:#77bbc3;background:#24404a;color:#edf2ee}.guide-route small{display:block;font:.62rem/1.5 var(--mono,monospace);letter-spacing:.06em;color:#a2e2e7;margin-bottom:5px}.guide-route strong{font-weight:500;font-size:.94rem}.guide-dialog .guide-route:hover{border-color:#f58b65;color:#fff;background:#2b4049}
.guide-dialog .guide-next{font-size:.8rem;line-height:1.65;color:#b5cbd2;margin:18px 0}
.guide-dialog .guide-email{display:block;width:100%;padding:15px 12px;background:#f58b65;border:1px solid #ffa27f;border-radius:9px;text-align:center;color:#132127;font-size:.875rem;font-weight:600;line-height:1.5;min-height:48px}.guide-dialog .guide-email:hover{background:#ffa681}
.guide-dialog .guide-email-note{font-size:.7rem;line-height:1.6;color:#b5cbd2;margin:9px 1px 15px}
.guide-exports{display:flex;gap:10px}.guide-dialog .guide-export{flex:1;border:1px solid #546b74;border-radius:8px;background:transparent;color:#dcebed;font-size:.75rem;min-height:44px;padding:10px 8px;line-height:1.4}.guide-export:hover{background:#273b42}
.guide-dialog .guide-status{font-size:.75rem;line-height:1.5;color:#a2e2e7;margin:10px 0 0;min-height:0}.guide-status:empty{display:none}
.guide-copy-label{display:block;font-size:.8rem;color:#b5cbd2;margin:14px 0 6px}.guide-copy-fallback{width:100%;min-height:150px;background:#20343c;color:#fff;border:1px solid #70939d;padding:12px;font:400 .8rem/1.5 var(--body,system-ui);border-radius:6px}
body.guide-locked{overflow:hidden}body:has(.guide-trigger) .site-footer{padding-bottom:100px!important}
@media(max-width:600px){.guide-trigger{right:14px;bottom:max(14px,env(safe-area-inset-bottom));min-height:48px;padding:11px 16px;font-size:.8rem}.guide-dialog{inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);border-radius:14px}.guide-header{padding:16px 18px}.guide-body{padding:21px 18px 16px}.guide-dialog .guide-question{font-size:1.65rem}.guide-footer{padding:11px 18px max(12px,env(safe-area-inset-bottom))}.guide-option{padding:12px}.guide-option strong{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.guide-trigger,.guide-dialog *{transition:none!important;scroll-behavior:auto!important}.guide-trigger:hover{transform:none}}
@media(forced-colors:active){.guide-trigger,.guide-dialog .guide-email{border:2px solid ButtonText}.guide-bars .is-active{background:Highlight}.guide-option.is-selected{outline:2px solid Highlight}}
@media print{.guide-trigger,.guide-dialog{display:none!important}body.guide-locked{overflow:visible}body:has(.guide-trigger) .site-footer{padding-bottom:25px!important}}
