/* ── Personal Path: a short, calm journey (not a task list) ──────────────── */
.gpath { display: grid; gap: 6px; }
.gpath__intro { margin: 0 0 4px; color: var(--g-text-muted); font-size: 14px; }
.gpath__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; counter-reset: gpath; }
.gpath__item { position: relative; padding: 14px 0 14px 30px; border-top: 1px solid rgba(255,255,255,.08); }
.gpath__item:first-child { border-top: 0; }
/* a quiet thread down the left: the path itself */
.gpath__item::before { counter-increment: gpath; content: counter(gpath); position: absolute; left: 0; top: 15px; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font: 600 11px/1 var(--g-font, inherit); color: var(--g-text-muted); border: 1px solid rgba(255,255,255,.18); }
.gpath__item.is-next::before { color: var(--g-on-accent); background: var(--g-accent); border-color: var(--g-accent); }
.gpath__item:not(:last-child)::after { content: ''; position: absolute; left: 9.5px; top: 40px; bottom: -14px; width: 1px; background: rgba(255,255,255,.10); }
.gpath__stage { margin: 0; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--g-text-faint); }
.gpath__from { text-transform: none; letter-spacing: 0; color: var(--g-accent); font-size: 12.5px; }
.gpath__from i { margin-right: 3px; }
.gpath__title { margin: 2px 0 0; font-size: 16.5px; font-weight: 600; color: var(--g-text); }
.gpath__meta, .gpath__reason { margin: 3px 0 0; font-size: 14px; color: var(--g-text-muted); line-height: 1.45; }
.gpath__note { margin: 8px 0 0; padding: 8px 10px; border-radius: 10px; background: rgba(182,242,92,.06); font-style: italic; font-size: 14px; color: var(--g-text); }
.gpath__note span { font-style: normal; color: var(--g-text-muted); }
.gpath__detail { margin: 8px 0 0; padding: 8px 10px; border-radius: 10px; background: rgba(255,255,255,.04); font-size: 14px; color: var(--g-text-muted); }
.gpath__detail p { margin: 2px 0; }
.gpath__lock { margin: 8px 0 0; font-size: 14px; color: var(--g-text); }
.gpath__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 10px; }
.gpath__quiet { background: none; border: 0; padding: 6px 2px; min-height: 32px; color: var(--g-text-muted); font: 500 13px/1 var(--g-font, inherit); cursor: pointer; }
.gpath__quiet:hover, .gpath__quiet:focus-visible { color: var(--g-text); text-decoration: underline; outline: none; }
.gpath--calm .gpath__title { font-size: 17px; }
.gpath-row .gpath-row__t { display: block; color: var(--g-text-muted); font-weight: 500; }
/* practitioner: recommend to client */
.gpath-rec { display: grid; gap: 10px; }
.gpath-rec__k { margin: 6px 0 2px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--g-text-faint); }
.gpath-rec__f { display: grid; gap: 4px; font-size: 13.5px; color: var(--g-text-muted); }
.gpath-rec__f em { font-style: normal; color: var(--g-text-faint); }
.gpath-rec__f select, .gpath-rec__f textarea { width: 100%; box-sizing: border-box; padding: 9px 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.04); color: var(--g-text); font: 400 15px/1.4 var(--g-font, inherit); }
.gpath-rec__f select option, .gpath-rec__f select optgroup { background: #101b14; color: var(--g-text); }
.gpath-rec__msg { margin: 0; min-height: 1.2em; font-size: 13.5px; color: var(--g-text-muted); }
.gpath__list--preview { padding: 8px 12px; border-radius: 12px; border: 1px dashed rgba(255,255,255,.18); }
@media (max-width: 420px) { .gpath__item { padding-left: 28px; } }
.gpath__ext { font-size: 12px; color: var(--g-text-faint); }
.gpath__list--also { margin-top: 12px; border-top: 1px solid rgba(255,255,255,.08); }
.gpath__list--also .gpath__item::before { content: ''; border-style: dashed; }