.istanbul-bus-hero{margin:14px 0 20px;padding:22px 26px;border:1px solid #d9e8eb;border-radius:18px;background:linear-gradient(115deg,#f5fbfb,#eaf5f7)}
.istanbul-bus-hero h1{margin:5px 0 9px;font-size:clamp(27px,4vw,40px);letter-spacing:-1px}
.istanbul-bus-hero p{max-width:800px;margin:0;color:#557381;font-size:14px}
.transport-switch{display:inline-flex;margin-top:16px;padding:9px 13px;border:1px solid #b4d9df;border-radius:9px;background:#fff;color:#246b7c;font-size:12px;font-weight:750}
.istanbul-bus-finder{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr;gap:8px 14px;align-items:end;padding:20px;border:1px solid #cfe3e8;border-radius:16px;background:white;box-shadow:0 8px 22px #234b5912}
.istanbul-bus-finder label{grid-row:1;color:#466f7c;font-size:11px;font-weight:750}
.istanbul-bus-finder input,.istanbul-bus-finder select{grid-row:2;min-width:0;width:100%;height:42px;padding:8px 12px;border:1px solid #a9ced6;border-radius:9px;background:#f9fdfd;color:#21485a;font-size:13px}
.istanbul-bus-finder #bus-status{grid-column:1/5;grid-row:3;margin:6px 0 0;color:#668190;font-size:12px}
.istanbul-bus-finder .selected-line-page{grid-column:1/5;grid-row:4;font-size:12px;font-weight:700}
.istanbul-bus-map-card{overflow:hidden;margin:16px 0 24px;border:1px solid #dce8ed;border-radius:16px;background:white}
.istanbul-bus-map-card .map-toolbar{flex-wrap:wrap}
.istanbul-bus-map-card .map-key{gap:7px}
.direction-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #c9dce3;border-radius:8px;background:#f8fcfd;color:#385f70;font:inherit;font-weight:750;cursor:pointer;transition:opacity .2s,background .2s,border-color .2s}
.direction-toggle:hover,.direction-toggle:focus-visible{border-color:#7aa8bb;background:#edf7f9}
.direction-toggle[aria-pressed="false"]{opacity:.45;background:#f0f3f4}
.direction-toggle:disabled{opacity:.35;cursor:not-allowed}
.direction-toggle i,.map-key .direction-toggle i:last-of-type{width:17px;height:4px;margin:0;border-radius:3px}
.direction-toggle.outbound i,.map-key .direction-toggle.outbound i:last-of-type{background:#d43b50}
.direction-toggle.inbound i,.map-key .direction-toggle.inbound i:last-of-type{background:#467ba7}
.istanbul-bus-map-card #bus-map{height:min(58vh,590px);min-height:390px}
.istanbul-bus-times{margin:0 0 16px;padding:16px 20px;border:1px solid #cde0e7;border-radius:14px;background:#f5fafb}
.istanbul-bus-times h2{margin:0 0 6px;font-size:16px}
.istanbul-bus-times p{margin:0 0 9px;color:#526f7c;font-size:12px}
.istanbul-bus-times a{font-size:12px;font-weight:750}
.izmir-timetables{display:grid;gap:8px;margin:12px 0}
.izmir-timetables details{border:1px solid #dce9ec;border-radius:10px;background:#fff}
.izmir-timetables summary{cursor:pointer;padding:11px 13px;color:#28586a;font-size:13px;font-weight:750}
.izmir-time-directions{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 13px 14px}
.izmir-time-directions h4{margin:4px 0 8px;font-size:12px}
.izmir-time-list{display:flex;flex-wrap:wrap;gap:5px;max-height:128px;overflow:auto}
.izmir-time-list time{padding:4px 6px;border-radius:5px;background:#edf5f7;color:#365e70;font-size:11px;font-variant-numeric:tabular-nums}
.istanbul-bus-list{padding:22px;border:1px solid #dce8ed;border-radius:16px;background:white}
.istanbul-bus-list h2{font-size:21px}
.istanbul-bus-list p{color:#627b89}
#line-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:500px;overflow:auto;margin:14px 0 0;padding:0;list-style:none}
#line-links li[hidden]{display:none}
#line-links a{display:block;height:100%;padding:11px 12px;border:1px solid #e0eaed;border-radius:9px;background:#f8fbfc;color:#285368;font-size:12px}
#line-links strong{color:#1a6077}
#line-links small{display:block;color:#7893a0}
.variant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;max-height:440px;overflow:auto;margin:15px 0;padding:0 0 0 20px;font-size:12px;color:#426475}
.variant-list span{font-weight:700;color:#277184}
.istanbul-bus-source{margin:18px 2px 35px;color:#6f8794;font-size:11px}
.istanbul-bus-source a{font-weight:700}
footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(20px,5vw,72px);color:#708994;font-size:12px}
@media(max-width:850px){.istanbul-bus-finder{grid-template-columns:1fr 1fr}.istanbul-bus-finder label{grid-row:auto}.istanbul-bus-finder input,.istanbul-bus-finder select{grid-row:auto}.istanbul-bus-finder #bus-status,.istanbul-bus-finder .selected-line-page{grid-column:1/3;grid-row:auto}#line-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.istanbul-bus-finder{grid-template-columns:1fr}.istanbul-bus-finder #bus-status,.istanbul-bus-finder .selected-line-page{grid-column:1}.istanbul-bus-map-card #bus-map{min-height:360px}#line-links,.variant-list{grid-template-columns:1fr}.istanbul-bus-hero{padding:18px}}
@media(max-width:570px){.izmir-time-directions{grid-template-columns:1fr}}