.thrail-wrap{font-family:inherit;color:#1d2433}.thrail-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.thrail-filters button{--btn:#64748b;border:1px solid color-mix(in srgb,var(--btn) 55%,#fff);background:color-mix(in srgb,var(--btn) 10%,#fff);color:#1d2433;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.thrail-filters button:hover{background:color-mix(in srgb,var(--btn) 17%,#fff)}.thrail-filters button.is-active,.thrail-filters button[aria-pressed="true"]{background:var(--btn);border-color:var(--btn);color:#fff}.thrail-all{--btn:#2563eb!important}.thrail-north{--btn:#7657c8!important}.thrail-isaan{--btn:#58a956!important}.thrail-east{--btn:#d65d52!important}.thrail-south{--btn:#d99b21!important}.thrail-west{--btn:#8f6b4a!important}.thrail-maeklong{--btn:#7a7f87!important}.thrail-sleeper{--btn:#4f46a5!important}.thrail-future{--btn:#b7791f!important;border-style:dashed!important}.thrail-card{border:1px solid #e1e5eb;border-radius:16px;padding:14px;background:#fff}.thrail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.thrail-head h3{margin:0;font-size:20px}.thrail-head p{margin:4px 0 0;color:#6b7280;font-size:12px}.thrail-status{border:1px solid #e1e5eb;border-radius:999px;padding:6px 10px;font-size:12px;color:#6b7280}.thrail-map-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.thrail-map{display:block;width:100%;min-width:610px;max-height:860px;margin:0 auto}.thrail-info{margin-top:14px;border:1px solid #e1e5eb;border-radius:12px;padding:14px;background:#fafafa;font-size:14px}.thrail-info strong{display:block;font-size:16px;margin-bottom:4px}.thrail-info span{color:#6b7280}.thrail-info .row{margin-top:6px}.thrail-note{margin-top:10px;padding:9px;border:1px solid #e1e5eb;border-radius:9px;background:#fff}.thrail-route{fill:none;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s,stroke-width .2s}.thrail-ferry{stroke-width:3.8!important;stroke-dasharray:5 5}.thrail-station{cursor:pointer;transition:opacity .2s}.thrail-station text{font-weight:600;fill:#1d2433}.thrail-station circle{fill:#fff}.thrail-country{fill:#f4f6f8;stroke:#cfd5dd;stroke-width:2.2}.thrail-station:hover circle{stroke-width:4}.thrail-future-route{fill:none;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;opacity:.95}.thrail-future-route[data-status="construction"]{stroke:#f59e0b;stroke-width:5.2;stroke-dasharray:12 8}.thrail-future-route[data-status="planned"]{stroke:#64748b;stroke-width:4.5;stroke-dasharray:4 8}.thrail-future-node{pointer-events:none}.thrail-future-node circle{fill:#fff;stroke-width:2.5}.thrail-future-node[data-status="construction"] circle{stroke:#f59e0b}.thrail-future-node[data-status="planned"] circle{stroke:#64748b}.thrail-future-node text{font-size:11px;font-weight:700;fill:#475569}.thrail-future-legend{margin-top:10px;border:1px dashed #d7a44a;background:#fffaf0;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px}.thrail-future-legend[hidden]{display:none}.thrail-future-legend strong{font-size:13px}.thrail-future-legend span{display:flex;align-items:center;gap:6px}.thrail-future-legend small{width:100%;color:#6b7280}.future-key{display:inline-block;width:28px;height:0;border-top:3px dashed}.future-build{border-color:#f59e0b}.future-plan{border-color:#64748b}@media(max-width:600px){.thrail-card{padding:10px}.thrail-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.thrail-filters button{padding:10px 12px;white-space:nowrap;flex:0 0 auto}.thrail-head h3{font-size:18px}}
.thrail-ferry-icon{font-size:16px;fill:#2d7f9d;font-family:system-ui,sans-serif;pointer-events:none}

.thrail-map-stage{position:relative}.thrail-map{touch-action:none;cursor:grab}.thrail-map:active{cursor:grabbing}.thrail-zoom-controls{position:absolute;right:10px;top:10px;z-index:3;display:flex;gap:6px}.thrail-zoom-controls button{width:38px;height:38px;border:1px solid #cfd5dd;border-radius:9px;background:rgba(255,255,255,.94);color:#1d2433;font-size:20px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08)}.thrail-zoom-controls button[data-zoom-reset]{width:auto;padding:0 10px;font-size:12px}.thrail-ferry-icon{font-size:22px;fill:#2d7f9d;font-family:system-ui,sans-serif;pointer-events:none}.thrail-ferry-leader{stroke:#2d7f9d;stroke-width:1.5;stroke-dasharray:3 3;pointer-events:none}@media(max-width:600px){.thrail-zoom-controls{right:6px;top:6px}.thrail-zoom-controls button{width:36px;height:36px}.thrail-zoom-controls button[data-zoom-reset]{padding:0 8px}}


/* v1.2.0 – beliebte Strecken & lebendigere Bahnhofskarten */
.thrail-popular{margin-top:14px;border-top:1px solid #eef1f5;padding-top:14px}.thrail-popular-head{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.thrail-popular-head h4{margin:0;font-size:17px}.thrail-popular-head p{margin:3px 0 0;color:#6b7280;font-size:13px}.thrail-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.thrail-popular-btn{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e1e5eb;border-radius:11px;background:#fff;padding:10px 11px;cursor:pointer;transition:.18s}.thrail-popular-btn:hover{border-color:#aeb8c5;transform:translateY(-1px);box-shadow:0 3px 10px rgba(15,23,42,.06)}.thrail-popular-btn.is-active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px rgba(37,99,235,.08)}.thrail-popular-ico{font-size:21px;line-height:1}.thrail-popular-copy b{display:block;font-size:13px;color:#1d2433}.thrail-popular-copy small{display:block;color:#6b7280;margin-top:2px;font-size:11.5px}.thrail-popular-overlay{fill:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;opacity:.96;filter:drop-shadow(0 0 4px rgba(37,99,235,.28));pointer-events:none}.thrail-info{background:linear-gradient(180deg,#fbfdff 0%,#f8fafc 100%)}.thrail-info-title{display:flex;align-items:flex-start;gap:10px}.thrail-info-title strong{margin:0;font-size:18px}.thrail-info-title span{display:block}.thrail-info-icon{font-size:25px;line-height:1}.thrail-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.thrail-info-grid>div{background:#fff;border:1px solid #e5e9ef;border-radius:9px;padding:8px 9px}.thrail-info-grid small{display:block;color:#6b7280;font-size:11px;margin-bottom:2px}.thrail-info-grid b{font-size:12.5px}.thrail-info-directions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.thrail-info-chip{border-radius:999px;background:#eef2f7;color:#475569;padding:6px 9px;font-size:12px}.thrail-tip{margin-top:10px;border-left:4px solid #e8b94a;background:#fff9e8;border-radius:8px;padding:9px 10px}.thrail-tip b,.thrail-tip span{display:block}.thrail-tip span{margin-top:3px;color:#5f6470}.thrail-route-preview{margin-top:10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;padding:10px}.thrail-route-preview b,.thrail-route-preview span{display:block}.thrail-route-preview span{margin-top:3px;color:#526173}
@media(max-width:760px){.thrail-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thrail-map{max-height:none}.thrail-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.thrail-popular-grid{grid-template-columns:1fr}.thrail-info-grid{grid-template-columns:1fr}}