.departures-section{--d-ease:cubic-bezier(.23,1,.32,1);border-top:1px solid var(--line)}.departures-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:24px 64px;margin-bottom:36px;display:grid}.departures-head h2{margin:0;font-size:clamp(38px,4vw,56px)}.departures-head p{max-width:52ch;color:var(--muted);margin:0;font-size:15px}.departures-check{background:var(--stone);border:1px solid var(--line);grid-template-columns:auto 220px minmax(0,1fr);align-items:center;gap:16px 28px;padding:24px 28px;display:grid}.departures-check label strong{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.1;display:block}.departures-check label span{color:var(--muted);font-size:13px;display:block}.departures-check input{background:var(--cream);min-height:48px;color:var(--ink);border:1px solid #c9c3b4;border-radius:0;padding:10px 12px;font-size:15px}.departures-answer p{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.departures-answer p svg{color:var(--green)}.departures-answer ul{flex-wrap:wrap;gap:6px 8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.departures-answer button{background:var(--cream);border:1px solid var(--line);color:var(--ink);transition:border-color .16s ease,transform .16s var(--d-ease);padding:6px 12px;font-size:13px}.departures-answer button span{color:var(--muted)}.departures-answer button:active{transform:scale(.97)}.departures-filters{gap:16px;margin:32px 0 8px;display:grid}.departures-routes{flex-wrap:wrap;gap:6px;display:flex}.departures-routes button{border:1px solid var(--line);min-height:40px;color:var(--muted);transition:background .16s ease,color .16s ease,transform .16s var(--d-ease);background:0 0;padding:8px 16px;font-size:13px}.departures-routes button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.departures-routes button:active,.departures-months button:active{transform:scale(.97)}.departures-months{scrollbar-width:thin;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.departures-months button{border:1px solid #0000;border-bottom-color:var(--line);min-width:64px;min-height:52px;color:var(--ink);transition:border-color .16s ease,transform .16s var(--d-ease);background:0 0;flex:none;padding:6px 10px;line-height:1.2}.departures-months button span{font-size:14px;font-weight:600;display:block}.departures-months button small{color:var(--muted);font-size:11px}.departures-months button[aria-pressed=true]{border-color:var(--ink)}.departures-months button:disabled{opacity:.3}.departures-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.departures-list>li{--route:#43503c;border-bottom:1px solid var(--line);box-shadow:inset 3px 0 0 var(--route);grid-template-columns:72px minmax(0,1fr) auto 110px auto;align-items:center;gap:20px;padding:16px 0 16px 16px;display:grid}.departures-list>li[data-route=lemosho]{--route:#3c6a8c}.departures-list>li[data-route=machame]{--route:#b8692d}.departures-list>li[data-route=rongai]{--route:#c9a227}.departures-list>li[data-match]{background:#43503c10}.departures-date strong{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1;display:block}.departures-date span{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:11px}.departures-route strong{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.15;display:block}.departures-route span{color:var(--muted);font-size:13px}.departures-status{color:var(--green);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.departures-price{text-align:right;font-size:17px;font-weight:600}.departures-price small{color:var(--muted);font-size:11px;font-weight:400;display:block}.departures-cta{background:var(--green);color:#fff;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:12px;font-weight:550;transition:background .2s;display:inline-flex}.departures-cta:hover{background:#303d2b}.departures-empty{color:var(--muted);font-size:14px;box-shadow:none!important;padding:28px 0!important;display:block!important}.departures-note{color:var(--muted);max-width:80ch;margin:18px 0 0;font-size:13px}@media (hover:hover) and (pointer:fine){.departures-routes button:not([aria-pressed=true]):hover{background:var(--stone);color:var(--ink)}.departures-months button:not(:disabled):hover{border-bottom-color:var(--ink)}.departures-answer button:hover{border-color:var(--ink)}}@media (max-width:900px){.departures-head{grid-template-columns:1fr}.departures-check{grid-template-columns:1fr 220px}.departures-answer{grid-column:1/-1}.departures-list>li{grid-template-columns:60px minmax(0,1fr) auto;gap:8px 16px}.departures-status{grid-column:2}.departures-price{grid-area:1/3}.departures-cta{grid-area:2/3;justify-self:end}}@media (max-width:560px){.departures-check{grid-template-columns:1fr;padding:20px}.departures-list>li{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"date route route""date status status""date price cta";align-items:start;gap:6px 12px;padding:16px 0 16px 12px}.departures-date{grid-area:date}.departures-route{grid-area:route}.departures-status{grid-area:status}.departures-price{text-align:left;grid-area:auto;align-self:center}.departures-cta{grid-area:auto;justify-self:end}.departures-route span{display:block}.departures-date strong{font-size:30px}}@media (prefers-reduced-motion:reduce){.departures-section *{transition:none!important}}
