/* A compact transport key, in the lightweight atlas's existing paper palette. */
.transport-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:8px 10px 8px 2px;min-height:46px}
.transport-heading{font-size:11px;color:#64735c;letter-spacing:1px;white-space:nowrap}
.transport-toggles{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.transport-toggle,.transport-legend-toggle{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 11px;border:1px solid #c8d0bc;border-radius:20px;background:#fffdf4;font-size:11px;white-space:nowrap;transition:background .15s,border-color .15s}
.transport-toggle:before{content:"";width:16px;height:3px;border-radius:3px;display:inline-block;background:#b6bcb1}
.transport-toggle-roads[aria-pressed=true]:before{background:#b58b51;box-shadow:0 1px 0 #fff}
.transport-toggle-metro[aria-pressed=true]:before{background:linear-gradient(90deg,#e2607b 0 33%,#79a939 33% 66%,#3797b8 66%)}
.transport-toggle[aria-pressed=true]{background:#e9eddf;border-color:#6e8461;color:#25452e}
.transport-toggle[aria-pressed=false]{color:#7d8677}
.transport-legend-toggle{border-color:transparent;background:transparent;padding-right:0;color:#4b6350}
.transport-legend-toggle[aria-expanded=true]{color:#9f5c22}
.transport-return{font-size:10px;border-bottom:1px solid #6a8159;padding:4px 2px;min-height:30px;color:#385933;white-space:nowrap}
.transport-legend{padding:17px 18px 15px;margin:0 0 14px;border:1px solid #c8d1bc;border-radius:13px;background:#f1f1e3;box-shadow:0 3px 0 #dbe2cf}
.transport-legend-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.transport-legend-heading strong{font-size:14px;letter-spacing:.5px}
.transport-legend-heading>span{font-size:10px;color:#6b7960}
.transport-legend-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:10px 0 14px}
.transport-legend-actions button{font-size:11px;min-height:34px;border-radius:5px;padding:5px 10px;border:1px solid #bcc9af;background:#fffdf4}
.transport-legend-actions .transport-fit{background:#294b39;color:#fffdf4;border-color:#294b39}
.transport-quiet[aria-pressed=true]{background:#e2e9d1;border-color:#667e51}
.transport-line-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}
.transport-line-choice{display:flex;align-items:center;gap:8px;text-align:left;min-height:36px;padding:6px 8px;border:1px solid transparent;border-radius:6px;background:#fffdf18a;font-size:10px;line-height:1.55}
.transport-line-choice:hover,.transport-line-choice[aria-pressed=true]{background:#fffdf5;border-color:var(--line-color)}
.transport-line-badge{position:relative;flex-shrink:0;min-width:51px;font-weight:700;padding-left:10px}
.transport-line-badge:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:4px;background:var(--line-color)}
.transport-line-ends{color:#69745f;font-size:10px}
.transport-line-choice[aria-pressed=true] .transport-line-ends{color:#233b30}
.transport-line-detail{margin-top:15px;border-top:1px solid #d1d8c5;padding-top:12px}
.transport-line-detail>strong{font-size:12px;color:#294b39}
.transport-station-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 0}
.transport-station-list li{position:relative;display:inline-flex;flex-direction:column;font-size:10px;line-height:1.5;padding:0 18px 0 11px;min-height:20px}
.transport-station-list li:before{content:"";position:absolute;top:4px;left:0;border:1.5px solid var(--line-color);background:#fffdf1;border-radius:50%;width:5px;height:5px}
.transport-station-list li:not(:last-child):after{content:"›";position:absolute;right:6px;top:-1px;color:#8d9a7e}
.transport-station-list .is-interchange{font-weight:650}
.transport-station-list .is-interchange:before{border-color:#354e3e;box-shadow:0 0 0 2px #fffdf1}
.transport-station-list small{font-size:8px;color:#7b866f;font-weight:400}
.transport-keys{display:flex;flex-wrap:wrap;gap:18px;font-size:10px;color:#64705c;margin-top:14px;padding-top:11px;border-top:1px solid #d1d8c5}
.transport-keys>span{display:flex;align-items:center;gap:7px}
.transport-key-road:before{content:"";width:22px;height:3px;background:#bc9564;border-block:1px solid #fffdf1;box-shadow:0 0 0 1px #d5c5a5}
.transport-key-interchange:before{content:"";width:8px;height:8px;border:1.6px solid #334e40;background:#fffdf1;border-radius:50%}
.transport-note{font-size:10px;line-height:1.9;color:#7a846c;margin-top:9px}
.transport-provenance{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#7a846c;margin-top:7px}
.transport-provenance a{text-decoration:underline;text-underline-offset:3px;color:#51684e}
.transport-attribution{margin:7px 1px 0;text-align:right;font-size:9px;line-height:1.7;color:#6a7c64}
.transport-attribution a{text-decoration:underline;text-underline-offset:2px}
.transport-roads,.transport-metro,.transport-stations{pointer-events:none}
.transport-road,.transport-road-casing,.transport-line,.transport-line-casing{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.transport-road-casing{stroke:#fffdf0;stroke-width:4;opacity:.8}
.transport-road{stroke:#b99566;stroke-width:1.65;opacity:.85}
.transport-line-casing{stroke:#fffdf4;stroke-width:5;opacity:.95}
.transport-line{stroke-width:2.8;opacity:.93}
.transport-station{fill:#fffef5;stroke-width:1.4;vector-effect:non-scaling-stroke}
.transport-station.transport-interchange{stroke:#3e5548;stroke-width:1.7}
.transport-labels{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.transport-station-label,.transport-road-label{position:absolute;font-size:10px;line-height:18px;color:#3d5544;white-space:nowrap;text-shadow:0 0 3px #fffef4,0 1px #fffef4,1px 0 #fffef4,-1px 0 #fffef4,0 -1px #fffef4}
.transport-station-label.is-interchange{font-weight:700}
.transport-road-label{color:#896d49;font-size:9px;letter-spacing:1px;background:#fff9e9b3;padding:0 4px;border-radius:3px}
.transport-quiet-view .map-markers{opacity:0;pointer-events:none}
.transport-quiet-view .map-marker{pointer-events:none}
.transport-quiet-view .map-corner-label,.transport-quiet-view .map-water-label{opacity:.25}
.transport-quiet-view .transport-line{stroke-width:3.2;opacity:1}
@media(max-width:960px){.transport-line-list{grid-template-columns:1fr}.transport-legend-heading{align-items:flex-start;flex-direction:column;gap:3px}.transport-toolbar{padding-right:0}.transport-toggles{gap:3px}.transport-toggle,.transport-legend-toggle{padding-inline:9px;font-size:10px}.transport-heading{letter-spacing:0;font-size:10px}}
@media(max-width:760px){.transport-toolbar{margin-bottom:8px}.transport-line-list{grid-template-columns:repeat(2,minmax(0,1fr))}.transport-legend-heading{flex-direction:row;align-items:baseline}.transport-legend{padding:14px}.transport-heading{font-size:11px}.transport-toggle,.transport-legend-toggle{min-height:38px;padding-inline:10px;font-size:11px}}
@media(max-width:460px){.transport-heading{display:none}.transport-toolbar{justify-content:flex-end}.transport-line-list{grid-template-columns:1fr}.transport-legend-heading{flex-direction:column;gap:2px}.transport-provenance{flex-wrap:wrap}.transport-station-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.transport-toggle,.transport-legend-toggle{transition:none}}