.guide-help-button{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #c6ded9;background:#fff;color:#115d58;padding:.55rem .8rem;border-radius:999px;font:inherit;font-size:.875rem;font-weight:700;white-space:nowrap;cursor:pointer;margin-left:auto}
.guide-help-button:hover{background:#e6f5f0;border-color:#73bca8}
.workspace-bar .guide-help-button span{font-size:inherit;color:inherit}
.guide-home{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.3rem;margin:0 0 1.5rem;border:1px solid #bddad2;border-radius:16px;background:linear-gradient(110deg,#edf8f3,#f8fbfa)}
.guide-home-icon{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:14px;background:#d5ede3;color:#12554d}
.guide-home>div{flex:1}.guide-home strong{font-size:1rem;color:#143f39}.guide-home p{font-size:.875rem;line-height:1.5;color:#52645f;margin:.3rem 0 0}
.guide-dialog{padding:0;border:0;border-radius:22px;width:min(780px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);background:transparent;color:#19332f;overflow:visible}
.guide-dialog::backdrop{background:rgb(4 21 25 / .58);backdrop-filter:blur(3px)}
.guide-card{background:#fcfefd;border:1px solid #c9ddd6;border-radius:22px;box-shadow:0 28px 85px rgb(0 25 29 / .28);overflow:hidden;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;position:relative}
.guide-dialog-header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #dfeae5;background:#f4f9f6;flex-shrink:0}
.guide-dialog-header h2{font-size:1.15rem;line-height:1.4;margin:0;flex:1;font-weight:750;letter-spacing:-.02em;outline:none}
.guide-dialog-header h2:focus-visible{outline:2px solid #0d8273;outline-offset:4px;border-radius:3px}
.guide-dialog-header .icon-btn{flex-shrink:0;color:#2c534b}
.guide-dialog-body{padding:1.5rem;overflow:auto;overscroll-behavior:contain;font-size:1rem;line-height:1.65}
.guide-dialog button:focus-visible,.guide-topic summary:focus-visible,.guide-help-button:focus-visible{outline:3px solid #138d79;outline-offset:3px}
.guide-dialog button{min-height:42px;white-space:normal}.guide-dialog .btn{font-size:.875rem}
.guide-dialog p{margin:.4rem 0 1rem}.guide-dialog h3{font-size:1.25rem;letter-spacing:-.025em;line-height:1.3;margin:0 0 .55rem}
.guide-dialog h4{font-size:1rem;line-height:1.4;margin:.2rem 0 .6rem}
.guide-eyebrow{font-size:.75rem!important;letter-spacing:.1em;font-weight:800;color:#267967;margin:0 0 .55rem!important}
.guide-welcome{text-align:center;padding:.5rem .75rem 1rem}.guide-welcome>p{max-width:540px;margin:.65rem auto 1rem}.guide-welcome h3{font-size:1.8rem}
.guide-symbol{display:grid;place-items:center;width:64px;height:64px;border:1px solid #a1cfc0;border-radius:20px;margin:0 auto 1.3rem;background:#e1f4e9;color:#126957}
.guide-facts{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:1.25rem 0 1.5rem}.guide-facts span{font-size:.8125rem;padding:.3rem .6rem;border-radius:8px;background:#edf4f0;color:#46645b}
.guide-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.guide-welcome .guide-actions{justify-content:center;margin:.9rem 0}
.guide-caption{font-size:.8125rem!important;color:#52675e;margin:.8rem 0!important;line-height:1.55!important}
.guide-tour-summary{border-radius:15px;background:#e9f5ef;padding:1.25rem;margin-bottom:1.75rem}.guide-tour-summary p:not(.guide-eyebrow){font-size:.875rem;color:#466059}
.guide-section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem}
.guide-count{background:#e2f2e8;padding:.4rem .6rem;border-radius:8px;font-size:.8125rem;font-weight:700;white-space:nowrap}
.guide-progress{display:block;width:100%;height:6px;border:0;appearance:none;border-radius:9px;overflow:hidden;background:#dce9e3;accent-color:#14866d}
.guide-progress::-webkit-progress-bar{background:#dce9e3;border-radius:9px}.guide-progress::-webkit-progress-value{background:#14866d;border-radius:9px}.guide-progress::-moz-progress-bar{background:#14866d;border-radius:9px}
.guide-checklist{margin-bottom:1.85rem}.guide-task{display:flex;align-items:flex-start;gap:.7rem;padding:1rem 0;border-bottom:1px solid #e2eae5}
.guide-task>div{flex:1;min-width:0}.guide-task strong{font-size:.9375rem;line-height:1.45;display:block}.guide-task p{font-size:.8125rem;color:#5a6c63;line-height:1.5;margin:.3rem 0 0}
.guide-task-check{display:grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid #b8c9c0;border-radius:50%;margin-top:.1rem}
.guide-task.is-done .guide-task-check{background:#dff3e6;border-color:#6dac91;color:#1c6c4b}.guide-task .btn{align-self:center}.guide-optional{font-size:.75rem;font-weight:650;color:#65736c}
.guide-search{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border:1px solid #bdcfc4;border-radius:10px;background:white;margin:1rem 0;color:#5b7869}
.guide-search input{width:100%;border:0;background:transparent;box-shadow:none;padding:.15rem;min-width:0;font:inherit;color:#19332f}.guide-search:focus-within{outline:2px solid #14866d;outline-offset:2px}.guide-search input:focus{outline:none;box-shadow:none}
.guide-topic{border-bottom:1px solid #dce7e0}.guide-topic summary{cursor:pointer;font-size:.9375rem;font-weight:750;padding:1rem .1rem;line-height:1.5}
.guide-topic summary small{font-size:.6875rem;letter-spacing:.07em;background:#e1f2e7;color:#326149;border-radius:5px;margin-left:.6rem;padding:.25rem .4rem}
.guide-topic-body{padding:0 .2rem 1.2rem}.guide-topic-body>p{font-size:.9375rem}.guide-instructions{padding-left:1.35rem;margin:.9rem 0 1rem}.guide-instructions li{padding-left:.25rem;margin:.65rem 0;line-height:1.6;font-size:.9375rem}
.guide-instructions li::marker{color:#24886f;font-weight:750}
.guide-tip{display:flex;gap:.65rem;background:#edf4f0;border-left:3px solid #79a991;border-radius:3px 9px 9px 3px;padding:.8rem 1rem;margin:1rem 0}.guide-tip svg{flex:0 0 19px;margin-top:.2rem;color:#4f7960}.guide-tip p{font-size:.8125rem;line-height:1.6;margin:0;color:#355548}
.guide-dialog-tour{position:fixed;inset:auto 24px 24px auto;margin:0;width:440px;max-height:calc(100dvh - 48px)}
.guide-dialog-tour::backdrop{background:rgb(2 18 24 / .38);backdrop-filter:none}
.guide-dialog-tour .guide-card{max-height:calc(100dvh - 48px);border-color:#94bea8}
.guide-dialog-tour .guide-dialog-header{background:#103e37;color:white;border-bottom-color:#315b50}.guide-dialog-tour .guide-dialog-header .icon-btn{color:white}
.guide-dialog-tour .guide-dialog-header .icon-btn{background:#28574b;border-color:#537c6d}.guide-dialog-tour .guide-dialog-header .icon-btn:hover{background:#356b59}
.guide-dialog-tour .guide-dialog-body{padding:1.15rem 1.4rem}
.guide-step-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.75rem;font-weight:750;color:#32745a;margin-bottom:.65rem}
.guide-intro{font-size:1rem;line-height:1.6;margin:1rem 0!important}
.guide-tour-actions{justify-content:space-between;margin-top:1.25rem}.guide-pause{display:flex;margin:.75rem auto 0}
.guide-dialog-footer{flex-shrink:0;border-top:1px solid #d9e6de;padding:.85rem 1.4rem .35rem;background:#f4faf6}.guide-dialog-footer .guide-tour-actions{margin-top:0}.guide-dialog-footer .guide-pause{margin:.3rem auto 0}
.guide-spotlight{position:fixed;border:2px solid #8df7cf;border-radius:12px;box-shadow:0 0 0 4px rgb(141 247 207 / .18);pointer-events:none;z-index:-1}
.guide-sync{display:flex;align-items:center;gap:.5rem;justify-content:space-between;padding:.8rem;border-radius:9px;background:#fff2d7;color:#674f26;font-size:.8125rem;line-height:1.5;margin-top:1rem}
@media(max-width:700px){
 .workspace-bar{flex-wrap:wrap;gap:.5rem}.workspace-bar>strong{max-width:calc(100% - 135px)}
 .guide-home{flex-wrap:wrap;gap:.7rem;padding:1rem}.guide-home>div{flex-basis:calc(100% - 60px)}.guide-home>.btn{margin-left:52px}
 .guide-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:17px}
 .guide-card{border-radius:17px;max-height:calc(100dvh - 20px)}.guide-dialog-header{padding:1rem}.guide-dialog-body{padding:1rem}
 .guide-welcome{padding:.3rem 0}.guide-welcome h3{font-size:1.5rem}.guide-facts{gap:.4rem}.guide-welcome .guide-actions{flex-direction:column;align-items:stretch}
 .guide-dialog-tour{inset:auto 10px max(10px,env(safe-area-inset-bottom)) 10px;width:auto;max-height:64dvh}
 .guide-dialog-tour .guide-card{max-height:64dvh}.guide-dialog-tour .guide-dialog-body{padding:1rem}
 .guide-dialog-header h2{font-size:1rem}.guide-task{flex-wrap:wrap}.guide-task>.btn{margin-left:31px}.guide-section-heading{align-items:flex-start}
 .guide-tour-summary{padding:1rem}.guide-sync{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:no-preference){.guide-card{animation:guide-enter .18s ease-out}@keyframes guide-enter{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}}
