/* Path page additions: three bot cards in a vertical route, linked by dashed hand-offs; shared card hub; chooser. */
.route{display:flex;flex-direction:column;gap:0;text-align:left;align-self:stretch}
.bot{background:var(--card);border-radius:32px;padding:26px 22px 24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.bot.main{background:linear-gradient(170deg,#fbfff0,var(--glow) 60%,#e6f99a)}
.bot .head{display:flex;align-items:center;gap:14px}
.bot .n{flex:none;width:56px;height:56px;border-radius:50%;border:5px solid #fff;background:linear-gradient(135deg,var(--a1),var(--a2));
  display:grid;place-items:center;font:600 24px/1 var(--display);box-shadow:0 10px 20px var(--lime-shadow)}
.bot .name{display:flex;flex-direction:column;gap:4px;min-width:0}
.bot .name small{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.bot h3{font:600 26px/1.1 var(--display);letter-spacing:-.03em}
.bot .q{font:600 20px/1.25 var(--display);letter-spacing:-.02em}
.bot .q::before{content:"Вопрос: ";color:var(--muted);font-weight:500}
.bot p{font-size:16px;line-height:1.5;color:var(--muted)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.duo div{background:#fff;border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.duo b{font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.duo span{font-size:15px;line-height:1.4}
.got{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:20px;padding:14px 16px;box-shadow:0 0 0 2px var(--a2)}
.got b{font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.got span{font:600 17px/1.35 var(--display);letter-spacing:-.01em}
.tg{background:#fff;border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:8px;font:400 14px/1.42 var(--sans)}
.tg .top{display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid var(--line);font:600 14px/1.15 var(--display)}
.tg .top small{display:block;font:400 11px/1.2 var(--sans);color:var(--muted)}
.tg .bub{max-width:94%}
.tg .ex{margin-top:2px}
.bars{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.bars span{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px;align-items:center;font-size:13px}
.bars i{display:block;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--a1),var(--a2))}
.soon{align-self:flex-start;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:#fff;border:1px dashed var(--a2)}
.hand{display:flex;gap:14px;align-items:center;padding:14px 4px 14px 26px;position:relative}
.hand::before{content:"";position:absolute;left:47px;top:0;bottom:0;border-left:2px dashed var(--a2)}
.hand .arr2{position:relative;z-index:1;flex:none;width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;font-size:18px}
.hand p{font-size:15px;line-height:1.4;color:var(--muted)}
.hand p b{color:var(--ink);font-weight:600}

.hub{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:stretch;align-self:stretch}
.hub .me{grid-column:1/-1;order:2;border-radius:28px;padding:22px;text-align:center;background:linear-gradient(160deg,#f7ffd8,var(--a1) 60%,var(--a2));box-shadow:0 18px 34px var(--lime-shadow);display:flex;flex-direction:column;gap:8px}
.hub .me strong{font:600 24px/1.1 var(--display);letter-spacing:-.03em}
.hub .me span{font-size:15px;line-height:1.45}
.hub .part{order:1;background:var(--card);border-radius:20px;padding:14px 10px;text-align:center;display:flex;flex-direction:column;gap:4px;min-width:0}
.hub .part b{font:600 15px/1.2 var(--display)}
.hub .part small{font-size:12px;line-height:1.35;color:var(--muted)}

.final{background:#fff;border-radius:28px;padding:22px;box-shadow:0 0 0 2px var(--a2),0 18px 34px var(--lime-shadow);display:flex;flex-direction:column;gap:12px;text-align:left}
.final q{font:600 22px/1.3 var(--display);letter-spacing:-.02em;quotes:"«" "»"}
.final ol{padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--muted)}
.final ol b{color:var(--ink);font-weight:600}

.chooser{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:stretch}
.chooser button{border:1.5px solid var(--line);background:#fff;border-radius:22px;padding:16px 14px;text-align:left;font:500 15px/1.35 var(--sans);color:var(--ink);cursor:pointer;min-height:76px}
.chooser button[aria-pressed="true"]{border-color:transparent;background:linear-gradient(135deg,var(--a1),var(--a2));box-shadow:0 10px 22px var(--lime-shadow)}
.answer{align-self:stretch;background:var(--card);border-radius:24px;padding:20px 22px;display:flex;flex-direction:column;gap:8px;text-align:left}
.answer b{font:600 20px/1.25 var(--display);letter-spacing:-.02em}
.answer p{font-size:16px;line-height:1.5;color:var(--muted)}

@media (max-width:380px){.duo{grid-template-columns:1fr}.hub{grid-template-columns:1fr}.chooser{grid-template-columns:1fr}}