/* Guided start: the Help me start dialog and its card on Home (guided-start.js). Colours and type come from tokens.css. */
.eg-backdrop{position:fixed;inset:0;z-index:330;background:rgba(12,16,20,.45);display:flex;align-items:flex-start;justify-content:center;padding:48px 20px;overflow-y:auto;font-family:var(--font);color:var(--ink)}
.eg-backdrop[hidden]{display:none}
.eg-dialog{width:760px;max-width:100%;background:var(--panel2);border-radius:var(--ev-radius-lg);box-shadow:0 24px 60px rgba(12,16,20,.35);overflow:hidden}
.eg-head{display:flex;gap:16px;align-items:center;padding:20px 22px 18px;background:var(--ev-navy-glow),var(--ev-navy);color:#fff}
.eg-head .eg-pin{width:80px;height:80px;flex:none;border-radius:50%;background:#fff;display:grid;place-items:center}
.eg-head .eg-pin svg{width:64px;height:72px}
.eg-head-copy{flex:1;min-width:0}
.eg-head h2{margin:0;font-size:var(--text-xl);line-height:var(--leading-tight)}
.eg-head p{margin:6px 0 0;color:var(--ev-on-navy);font-size:var(--text-sm);line-height:var(--leading-normal)}
.eg-close{align-self:flex-start;font:inherit;font-size:var(--text-ui);font-weight:650;color:var(--ev-on-navy);background:transparent;border:1px solid #2c5b7c;border-radius:var(--btn-r);padding:6px 12px;min-height:var(--btn-h-sm);cursor:pointer}
.eg-close:hover{color:#fff;border-color:var(--ev-sky)}
.eg-body{padding:20px 22px 22px}
.eg-step-label{margin:0;font-size:var(--text-2xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accentText)}
.eg-q{margin:4px 0 14px;font-size:var(--text-xl);color:var(--ev-navy);line-height:var(--leading-snug)}
.eg-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eg-goals{grid-template-columns:repeat(2,minmax(0,1fr))}
.eg-option{font:inherit;text-align:left;background:var(--panel2);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;color:var(--ev-navy);min-height:64px}
.eg-option b{display:block;font-size:var(--text-sm);line-height:var(--leading-snug)}
.eg-option small{display:block;margin-top:3px;font-size:var(--text-xs);color:var(--dim);line-height:var(--leading-snug)}
.eg-option:hover{border-color:var(--line2);background:var(--panel)}
.eg-option.on{border-color:var(--ev-navy);background:var(--panel)}
.eg-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.eg-link{font:inherit;font-size:var(--text-ui);font-weight:650;color:var(--accentText);background:transparent;border:0;padding:6px 0;cursor:pointer;text-decoration:none}
.eg-link:hover{text-decoration:underline}
.eg-muted{font-size:var(--text-xs);color:var(--dim)}
.eg-path{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:8px}
.eg-path-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line)}
.eg-path-head h3{margin:0;font-size:var(--text-base);color:var(--ev-navy)}
.eg-path-head small{font-size:var(--text-xs);color:var(--dim)}
.eg-steps{list-style:none;margin:0;padding:0}
.eg-steps li{display:flex;align-items:center;gap:14px;padding:11px 16px;border-bottom:1px solid var(--line)}
.eg-steps li>div{flex:1;min-width:0}
.eg-steps b{display:block;font-size:var(--text-sm);color:var(--ink)}
.eg-steps small{display:block;font-size:var(--text-xs);color:var(--dim);margin-top:1px}
.eg-num{width:28px;height:28px;flex:none;border-radius:50%;background:var(--ev-navy);color:#fff;font-weight:800;font-size:var(--text-ui);display:grid;place-items:center}
.eg-go{font:inherit;font-size:var(--text-ui);font-weight:650;flex:none;min-height:var(--btn-h-sm);padding:6px 14px;border-radius:var(--btn-r);border:1px solid var(--line2);background:var(--panel2);color:var(--accentText);cursor:pointer;white-space:nowrap}
.eg-go:hover{border-color:var(--accentText)}
.eg-go.primary{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}
.eg-go.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.eg-guides{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px}
.eg-guides>span{font-size:var(--text-xs);color:var(--dim);margin-right:2px}
.eg-chip{font:inherit;font-size:var(--text-xs);font-weight:650;color:var(--accentText);background:var(--ev-info-bg);border:0;border-radius:999px;padding:6px 12px;cursor:pointer;text-align:left}
.eg-chip:hover{text-decoration:underline}
/* A home path that follows the job: done steps tick and go quiet, the step to do now is tinted and carries the main button. */
.eg-num svg{width:16px;height:16px}
.eg-steps li.is-done .eg-num{background:var(--ev-ok-bg);color:var(--ev-ok)}
.eg-steps li.is-done b{color:var(--dim)}
.eg-steps li.is-next{background:var(--ev-info-bg)}
.eg-done{flex:none;font-size:var(--text-xs);font-weight:650;color:var(--dim);padding:0 6px}
.eg-new{flex:none;font-size:var(--text-xs);padding:6px}
.eg-ask{display:block;font-size:var(--text-xs);padding:4px 0 0}
.eg-count{font-weight:650;color:var(--accentText)}
.eg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eg-note{margin:14px 0 0;font-size:var(--text-xs);color:var(--dim);line-height:var(--leading-normal)}

/* Home card */
.eg-home{display:flex;align-items:center;gap:20px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--ev-radius-lg);box-shadow:var(--ev-shadow);padding:20px 24px;margin:32px 0 0}
.eg-home .eg-pin{width:72px;height:80px;flex:none}
.eg-home .eg-pin svg{width:100%;height:100%}
.eg-home-copy{flex:1;min-width:0}
.eg-home h2{margin:4px 0 6px;font-size:var(--text-xl);color:var(--ev-navy);line-height:var(--leading-snug)}
.eg-home-copy>p:not(.eg-step-label){margin:0;font-size:var(--text-sm);color:var(--dim);line-height:var(--leading-normal);max-width:560px}
.eg-home .eh-actions{flex:none}
.eg-home-line{padding:12px 20px;box-shadow:none}
.eg-home-line .eg-pin{width:40px;height:44px}
.eg-home-line p{flex:1;margin:0;font-size:var(--text-sm);color:var(--dim)}
.eg-home-step{margin:0;font-size:var(--text-base);font-weight:650;color:var(--ink)}
.eg-home-bar{list-style:none;display:flex;gap:4px;margin:10px 0 0;padding:0;max-width:240px}
.eg-home-bar li{flex:1;height:6px;border-radius:3px;background:var(--line)}
.eg-home-bar li.done{background:var(--ev-navy)}
.eg-home-bar li.next{background:var(--accent)}

@media(max-width:700px){
 .eg-backdrop{padding:0;align-items:stretch}
 .eg-dialog{border-radius:0;min-height:100%}
 .eg-head{padding:16px}
 .eg-head .eg-pin{width:60px;height:60px}
 .eg-head .eg-pin svg{width:48px;height:54px}
 .eg-body{padding:16px}
 .eg-options,.eg-goals{grid-template-columns:1fr}
 .eg-option{min-height:0}
 .eg-steps li{flex-wrap:wrap;gap:10px 12px;padding:11px 14px}
 .eg-steps li>div{flex-basis:calc(100% - 48px)}
 .eg-go{margin-left:40px}
 .eg-steps li.is-quiet{flex-wrap:nowrap}
 .eg-steps li.is-quiet>div{flex-basis:auto}
 .eg-home{flex-wrap:wrap;padding:18px}
 .eg-home .eg-pin{width:52px;height:58px}
 .eg-home-copy{flex-basis:calc(100% - 80px)}
 .eg-home .eh-actions{width:100%}
}