:root{--cg-ink:var(--c-slate-35);--cg-muted:var(--c-slate-55);--cg-teal:var(--c-teal-60b);--cg-soft:var(--c-gray-95);--cg-line:var(--c-sage-90);--cg-paper:var(--c-gray-99);--cg-canvas:var(--c-gray-99);--cg-gold:var(--c-amber-75);--cg-red:var(--c-red-55)}
#compassGuideMount [hidden]{display:none!important}
.cg-trigger{position:fixed;right:18px;bottom:82px;z-index:990;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--c-teal-50);border-radius:999px;background:var(--c-teal-60b);color:var(--c-gray-99);font:700 13px/1.1 Compass Sans,sans-serif;box-shadow:0 10px 28px rgba(var(--c-shadow-rgb), 0.2);cursor:pointer}.cg-trigger span{font-size:17px}.cg-backdrop{position:fixed;inset:0;z-index:1190;background:rgba(var(--c-slate-25-rgb), 0.34);backdrop-filter:blur(2px)}.cg-panel{position:fixed;top:0;right:0;z-index:1200;width:min(430px,94vw);height:100dvh;display:flex;flex-direction:column;background:var(--cg-canvas);box-shadow:-18px 0 55px rgba(var(--c-shadow-rgb), 0.22);color:var(--cg-ink)}.cg-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 20px 15px;border-bottom:1px solid var(--cg-line);background:var(--c-gray-99)}.cg-header h2{margin:2px 0 0;font:700 23px/1.15 "Compass Display",sans-serif}.cg-eyebrow{display:block;color:var(--cg-teal);font:800 9px/1 Compass Sans,sans-serif;letter-spacing:.14em;text-transform:uppercase}.cg-close{width:38px;height:38px;border:1px solid var(--cg-line);border-radius:50%;background:var(--c-gray-99);color:var(--cg-ink);font-size:25px;line-height:1;cursor:pointer}.cg-body{flex:1;overflow:auto;padding:18px 18px 36px}.cg-intro,.cg-section-head p{margin:0 0 15px;color:var(--cg-muted);font-size:13px;line-height:1.55}.cg-choice-grid{display:grid;gap:10px}.cg-choice{width:100%;padding:15px;border:1px solid var(--cg-line);border-radius:13px;background:var(--c-gray-99);color:var(--cg-ink);text-align:left;cursor:pointer}.cg-choice:hover{border-color:var(--c-sage-75b);background:var(--c-gray-99)}.cg-choice strong{display:block;margin-bottom:4px;font:700 15px/1.25 "Compass Display",sans-serif}.cg-choice span{display:block;color:var(--cg-muted);font-size:12px;line-height:1.45}.cg-history-link,.cg-back,.cg-link{padding:0;border:0;background:transparent;color:var(--c-teal-50);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cg-history-link{margin-top:17px}.cg-back{margin-bottom:16px}.cg-section-head h3{margin:0 0 5px;font:700 20px/1.2 "Compass Display",sans-serif}.cg-finding,.cg-scenario,.cg-history,.cg-confirm,.cg-success,.cg-empty{margin-bottom:11px;padding:14px;border:1px solid var(--cg-line);border-radius:13px;background:var(--c-gray-99)}.cg-finding{border-left-width:4px}.cg-high{border-left-color:var(--cg-red)}.cg-medium,.cg-review{border-left-color:var(--cg-gold)}.cg-low,.cg-info{border-left-color:var(--cg-teal)}.cg-badge{display:inline-block;margin-bottom:8px;padding:4px 7px;border-radius:999px;background:var(--c-gray-95);color:var(--cg-muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cg-finding h3,.cg-scenario h3,.cg-confirm h3{margin:0 0 6px;font:700 15px/1.3 "Compass Display",sans-serif}.cg-finding p,.cg-scenario p,.cg-confirm p,.cg-success p,.cg-history p{margin:0 0 9px;color:var(--cg-muted);font-size:12px;line-height:1.5}.cg-card-actions{display:flex;flex-wrap:wrap;gap:12px}.cg-primary,.cg-secondary{width:100%;min-height:43px;padding:10px 13px;border-radius:10px;font-weight:750;cursor:pointer}.cg-primary{border:1px solid var(--c-teal-50);background:var(--cg-teal);color:var(--c-gray-99)}.cg-secondary{margin-top:8px;border:1px solid var(--c-sage-70b);background:var(--c-sage-90);color:var(--c-sage-35)}.cg-resource-list{display:grid;gap:9px}.cg-resource-list a{display:flex;justify-content:space-between;padding:13px;border:1px solid var(--cg-line);border-radius:11px;background:var(--c-gray-99);color:var(--c-teal-50);font-weight:700;text-decoration:none}.cg-confirm dl{margin:12px 0}.cg-confirm dl div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--cg-line)}.cg-confirm dt{color:var(--cg-muted)}.cg-confirm dd{margin:0;font-weight:750}.cg-history strong{display:block}.cg-history span{color:var(--cg-muted);font-size:10px}.cg-success strong{display:block;margin-bottom:5px}.cg-open{overflow:hidden}
.cg-context-choice{border-color:var(--c-teal-70);background:var(--cg-soft)}
.cg-finding p{white-space:pre-line}
.cg-ask-form{margin-bottom:16px}.cg-ask-form label{display:block;margin-bottom:7px;font-size:12px;font-weight:750}.cg-ask-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.cg-ask-form input{min-width:0;padding:11px 12px;border:1px solid var(--cg-line);border-radius:10px;background:var(--c-gray-99);color:var(--cg-ink);font:500 13px/1.3 Compass Sans,sans-serif}.cg-ask-form .cg-primary{width:auto;min-height:40px}.cg-answer-head{margin:5px 0 10px;color:var(--cg-muted);font-size:11px;font-weight:750}.cg-question-examples{padding:14px;border:1px dashed var(--c-sage-75b);border-radius:12px;color:var(--cg-muted);font-size:12px;line-height:1.55}.cg-result-overview{margin-bottom:13px;padding:16px;border-radius:14px;background:var(--c-gray-95);border:1px solid var(--c-sage-80b)}.cg-result-overview span{display:block;color:var(--cg-muted);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cg-result-overview strong{display:block;margin:5px 0;font:700 21px/1.2 "Compass Display",sans-serif}.cg-result-overview p{margin:0;color:var(--cg-muted);font-size:12px;line-height:1.5}
@media(min-width:1001px){.cg-trigger{bottom:22px}.cg-panel{border-radius:18px 0 0 18px}.cg-backdrop{background:rgba(var(--c-slate-25-rgb), 0.22)}}
@media(max-width:700px){.cg-trigger{right:12px;bottom:72px;min-height:42px;padding:9px 13px;font-size:12px}.cg-panel{top:auto;bottom:0;width:100%;height:min(82dvh,720px);border-radius:20px 20px 0 0}.cg-header{padding:15px 16px 12px}.cg-body{padding:15px 14px calc(26px + env(safe-area-inset-bottom))}.cg-choice{padding:13px}.cg-backdrop{background:rgba(var(--c-slate-25-rgb), 0.42)}}
/* Post-v160 QA fix: on phones the full "Compass Guide" pill covered chart legends and content; show a
   compact round button instead (the label stays in the accessible name). */
@media(max-width:700px){.cg-trigger{gap:0;width:46px;height:46px;min-height:46px;padding:0;justify-content:center}.cg-trigger>span:first-child{font-size:18px;line-height:1}.cg-trigger .cg-trigger-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* ---- Guide v2 (2026-09-22) ---- */
.cg-trigger{max-width:min(320px,70vw)}.cg-trigger .cg-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-trigger.cg-has-alert{background:var(--c-orange-60);border-color:var(--c-orange-55)}.cg-trigger.cg-has-alert::after{content:"";position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--c-red-55);border:2px solid var(--c-gray-99)}
.cg-where{margin:0 0 14px;padding:11px 13px;border:1px dashed var(--cg-line);border-radius:12px;background:var(--c-gray-99)}.cg-where span{display:block;color:var(--cg-teal);font:800 9px/1 Compass Sans,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}.cg-where strong{display:block;font:700 14px/1.3 "Compass Display",sans-serif}.cg-where em{display:block;margin-top:3px;color:var(--cg-muted);font-size:12px;font-style:normal}
.cg-next{margin-bottom:14px;padding:14px;border:1px solid var(--c-sage-70b);border-radius:13px;background:var(--cg-soft)}.cg-next h3{margin:0 0 6px;font:700 16px/1.3 "Compass Display",sans-serif}.cg-next p{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--c-sage-40)}
.cg-ask-form{margin:0 0 10px}.cg-ask-form label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:var(--cg-ink)}.cg-ask-form div{display:flex;gap:8px}.cg-ask-form input{flex:1;min-width:0;min-height:43px;padding:0 12px;border:1px solid var(--cg-line);border-radius:10px;font-size:14px;background:var(--c-gray-99);color:var(--cg-ink)}.cg-ask-form .cg-primary{width:auto;padding:0 16px}
.cg-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.cg-chip{min-height:34px;padding:6px 11px;border:1px solid var(--c-sage-80b);border-radius:999px;background:var(--c-gray-99);color:var(--c-teal-45);font-size:12.5px;font-weight:650;line-height:1.3;cursor:pointer;text-align:left}.cg-chip:hover{background:var(--c-gray-95)}
.cg-card-actions .cg-primary{width:auto;min-height:40px}.cg-card-actions.cg-stack{flex-direction:column;align-items:stretch;margin:4px 0 16px}.cg-card-actions.cg-stack .cg-primary,.cg-card-actions.cg-stack .cg-chip{width:100%;text-align:center}
.cg-answer{margin-bottom:11px;padding:14px;border:1px solid var(--cg-line);border-left:4px solid var(--cg-teal);border-radius:13px;background:var(--c-gray-99)}.cg-answer h3{margin:0 0 6px;font:700 15px/1.3 "Compass Display",sans-serif}.cg-answer h3+p,.cg-answer p{margin:0 0 9px;color:var(--c-sage-45);font-size:13px;line-height:1.55}.cg-answer p:last-child{margin-bottom:0}.cg-answer h3:not(:first-child){margin-top:12px}
.cg-tone-good{border-left-color:var(--c-green-55)}.cg-tone-mid{border-left-color:var(--cg-gold)}.cg-tone-bad{border-left-color:var(--cg-red)}
.cg-notes{margin:0;padding-left:18px}.cg-note{margin:0 0 7px;font-size:13px;line-height:1.5;color:var(--c-sage-45)}.cg-note-warn{color:var(--c-red-45);font-weight:600}.cg-note-ok{color:var(--c-green-50)}
.cg-steps{margin:0;padding-left:20px}.cg-steps li{margin:0 0 6px;font-size:13px;line-height:1.5;color:var(--c-sage-45)}
.cg-rows{list-style:none;margin:0;padding:0}.cg-rows li{border-bottom:1px solid var(--c-gray-95)}.cg-rows li:last-child{border-bottom:0}.cg-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 2px;border:0;background:transparent;color:var(--cg-ink);font-size:13px;text-align:left;cursor:pointer}.cg-row small{color:var(--cg-muted);font-weight:600;margin-left:4px}.cg-row-note{margin:-3px 0 9px;color:var(--c-red-45);font-size:12px;line-height:1.45}
.cg-pill{flex:none;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.cg-pill-ok{background:var(--c-sage-95);color:var(--c-green-50)}.cg-pill-warn{background:var(--c-rose-95);color:var(--c-red-45)}.cg-pill-empty{background:var(--c-gray-95);color:var(--c-slate-55)}
.cg-subhead{margin:6px 0 8px;color:var(--cg-muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cg-working{padding:26px 16px;text-align:center}.cg-working h3{margin:12px 0 6px;font:700 16px/1.3 "Compass Display",sans-serif}.cg-working p{margin:0;color:var(--cg-muted);font-size:13px}.cg-spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--c-sage-90);border-top-color:var(--cg-teal);border-radius:50%;animation:cgspin .8s linear infinite}@keyframes cgspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cg-spinner{animation:none}}
.cg-option{margin-bottom:10px;padding:13px;border:1px solid var(--cg-line);border-radius:13px;background:var(--c-gray-99)}.cg-option-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.cg-option h3{margin:0 0 4px;font:700 15px/1.3 "Compass Display",sans-serif}.cg-option p{margin:0 0 8px;color:var(--c-sage-45);font-size:12.5px;line-height:1.5}.cg-option-result{color:var(--cg-ink)!important}
.cg-delta{flex:none;padding:3px 8px;border-radius:999px;background:var(--c-gray-95);color:var(--c-slate-55);font-weight:800;font-size:12px}.cg-delta.up{background:var(--c-sage-95);color:var(--c-green-50)}.cg-delta.down{background:var(--c-rose-95);color:var(--c-red-45)}
.cg-compare{width:100%;margin-top:10px;border-collapse:collapse;font-size:12.5px}.cg-compare th,.cg-compare td{padding:7px 4px;border-bottom:1px solid var(--c-gray-95);text-align:left;vertical-align:top}.cg-compare thead th{color:var(--cg-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}.cg-compare tbody th{color:var(--cg-muted);font-weight:600}
.cg-details{margin:4px 0 14px}.cg-details summary{cursor:pointer;color:var(--c-teal-50);font-weight:700;font-size:13px;margin-bottom:10px}
.cg-privacy{margin:14px 0 4px;color:var(--cg-muted);font-size:11.5px;line-height:1.45}
.cg-option-note{margin:0!important;color:var(--cg-muted)!important;font-style:italic}
/* v2.2 (2026-09-23): conversation thread, typing cue, and the highlight for "show me" actions */
.cg-turn{margin:0 0 14px}
.cg-user-q{display:flex;justify-content:flex-end;margin:0 0 8px}
.cg-user-q span{max-width:85%;padding:8px 12px;border-radius:14px 14px 4px 14px;background:var(--c-teal-50);color:var(--c-gray-99);font-size:13.5px;line-height:1.4}
.cg-answer-old{opacity:.72}
.cg-answer-old h3{font-size:14px}
.cg-turn-latest .cg-answer{animation:cgIn .28s ease-out}
.cg-turn.cg-typing .cg-answer{opacity:0;animation:none}
.cg-turn.cg-typing .cg-user-q::after{content:'';display:block}
.cg-turn.cg-typing::after{content:'• • •';display:block;padding:6px 12px;color:var(--c-sage-65);font-weight:800;letter-spacing:2px;animation:cgDots .9s infinite}
@keyframes cgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cgDots{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.cg-turn-latest .cg-answer{animation:none}.cg-turn.cg-typing .cg-answer{opacity:1}.cg-turn.cg-typing::after{display:none}}
.cg-flash{outline:3px solid var(--c-amber-75)!important;outline-offset:3px!important;box-shadow:0 0 0 8px rgba(var(--c-amber-75-rgb), 0.25)!important;border-radius:8px;transition:outline-color .3s}
