.journey-card{margin:12px 0 22px 82px;border:1px solid #dde5e1;border-radius:18px;background:white;overflow:hidden;box-shadow:0 3px 12px #15372c06;font-size:14px;color:#20372e}
.journey-card summary{display:block;padding:18px 20px;cursor:pointer;list-style:none;background:#f4f8f5}.journey-card summary::-webkit-details-marker{display:none}.j-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.j-eyebrow{display:block;font-size:10px;letter-spacing:.09em;color:#708378;font-weight:700;margin-bottom:4px}.j-heading strong{font:800 22px/1.2 Manrope,system-ui}.j-arrow{font-weight:400;color:#7c9184;margin:0 5px}.j-total{font:800 29px/1 Manrope,system-ui;text-align:right}.j-total small{display:block;font:500 11px/1.5 'DM Sans',sans-serif;color:#708378;margin-top:3px}
.j-preview{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:17px 0 12px}.j-preview-walk{display:flex;align-items:center;gap:3px;color:#65786d;font-size:12px}.journey-card svg{width:20px;height:20px;flex-shrink:0}.j-chevron{color:#b0bdb5;font-size:19px}.j-line{display:inline-flex;align-items:center;justify-content:center;min-width:30px;max-width:120px;min-height:29px;border-radius:8px;padding:3px 7px;font:800 15px/1.2 Manrope,system-ui;color:var(--line-fg,#fff);background:var(--line-bg,#526579);overflow-wrap:anywhere}.j-line.metro{border-radius:50%}.j-meta{display:flex;gap:12px;align-items:center;color:#6b7f72;font-size:11px}.j-meta>span{display:flex;gap:4px;align-items:center}.j-meta svg{width:14px;height:14px}.j-toggle{margin-left:auto;color:#25744c;font-weight:700}.journey-card[open] .j-toggle>span{transform:rotate(180deg)}
.j-steps{list-style:none;margin:0;padding:22px 20px 4px}.j-step{display:grid;grid-template-columns:43px 36px minmax(0,1fr);gap:9px;position:relative;min-height:70px}.j-time{font-size:11px;font-weight:700;color:#677d6e;padding-top:7px;font-variant-numeric:tabular-nums}.j-track{position:relative;display:flex;justify-content:center}.j-track:after{content:'';position:absolute;top:32px;bottom:0;width:3px;border-radius:2px;background:#dbe4dd}.j-step.walk .j-track:after,.j-step.transfer .j-track:after,.j-step.wait .j-track:after{background:repeating-linear-gradient(to bottom,#bdcfc3 0 3px,transparent 3px 7px);width:2px}.j-step:last-child .j-track:after{display:none}.j-node{height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;z-index:1;background:#eef3ef;border-radius:50%;color:#718778}.j-step.rail .j-node{background:transparent}.j-content{padding:4px 0 22px;min-width:0}.j-step-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.j-step-title strong{font-size:14px;line-height:1.4}.j-step-title>span{font-size:11px;color:#789080;white-space:nowrap}.j-direction{color:#6d8274;font-size:12px;margin-top:5px;line-height:1.6}.j-direction b{font-weight:500;color:#3f5e49}.j-destination{display:grid;grid-template-columns:15px 1fr auto;gap:7px;align-items:baseline;margin-top:14px;font-size:13px}.j-destination>span{color:#94aa9b}.j-destination time{font-size:11px;color:#6d8274}.j-walk-path{font-size:12px;line-height:1.6;color:#718578;margin:4px 0 0;overflow-wrap:anywhere}.j-footer{border-top:1px solid #edf1ed;padding:11px 20px;color:#819387;font-size:10px;display:flex;align-items:center;gap:6px}.j-live-dot{display:inline-block;background:#a6b8ad;width:5px;height:5px;border-radius:50%;flex-shrink:0}.j-live-dot.live{background:#36af65}
@media(max-width:600px){.journey-card{margin-left:0}.journey-card summary{padding:15px}.j-steps{padding:18px 12px 0}.j-step{grid-template-columns:38px 32px minmax(0,1fr);gap:6px}.j-heading strong{font-size:21px}.j-meta{gap:8px;flex-wrap:wrap}.j-footer{padding:10px 15px}.j-preview{gap:5px}.j-step-title strong{font-size:13px}}