/* Searchable timetable pages and compact links in the interactive MarTrans view. */
.martrans-seo-links{border-top:1px solid #c3c3c3;padding:8px 0;display:grid;gap:8px;font-size:12px;line-height:1.35}
.martrans-seo-links a{overflow-wrap:anywhere}
.martrans-about{padding:5px 0 10px;font-size:11px;line-height:1.45;color:#333}
.martrans-about summary{cursor:pointer;font-weight:bold}
.martrans-about p{margin:8px 0}
.seo-page{display:block;height:auto;min-height:100vh;overflow:auto;margin:0;background:#f3f6fa;color:#17253b;font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.seo-page *{box-sizing:border-box}
.seo-page a{color:#145bb4;text-underline-offset:3px;overflow-wrap:anywhere}
.seo-page a:focus-visible,.seo-page summary:focus-visible{outline:3px solid #3988e9;outline-offset:3px;border-radius:4px}
.seo-header{background:#fff;border-bottom:1px solid #dce4ef;padding:16px max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.seo-brand{font-weight:800;font-size:20px;text-decoration:none}
.seo-nav{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px}
.seo-nav a{display:inline-flex;align-items:center;min-height:36px}
.seo-container{display:block;max-width:1120px;margin:auto;padding:28px 20px 44px}
.seo-crumbs{font-size:14px;color:#52627a;display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 16px}
.seo-hero h1,.seo-page h1{font-size:clamp(24px,3.5vw,36px);line-height:1.22;margin:0 0 14px;color:inherit;overflow-wrap:anywhere;max-width:none}
.seo-hero p{margin:8px 0}
.seo-updated,.seo-muted,.seo-card-meta{color:#52627a;font-size:14px}
.seo-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.seo-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;background:#145bb4;color:#fff!important;border-radius:10px;text-decoration:none;font-weight:600}
.seo-button:hover{background:#104889}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:16px 0}
.seo-card{border:1px solid #dce4ef;background:#fff;border-radius:14px;padding:18px;min-width:0;overflow-wrap:anywhere}
.seo-card h2,.seo-card h3{font-size:18px;line-height:1.35;margin:0 0 8px}
.seo-card p{margin:6px 0}
.seo-route-number{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:2px 8px;border-radius:6px;background:#e7f0ff;color:#104889;font-weight:800}
.seo-section{margin-top:28px}
.seo-section h2{font-size:23px;line-height:1.3;margin:0 0 14px;overflow-wrap:anywhere}
.seo-section h3{font-size:18px;line-height:1.35;margin:20px 0 10px}
.seo-notice{border-left:4px solid #c78516;background:#fff5df;padding:12px 16px;border-radius:0 10px 10px 0;margin:16px 0;overflow-wrap:anywhere}
.seo-stop-list{padding-left:26px}
.seo-stop-list li{padding:4px 0}
.seo-table-wrap{width:100%;overflow-x:auto;border:1px solid #dce4ef;border-radius:12px;background:#fff}
.seo-timetable{width:100%;border-collapse:collapse;font-size:15px;text-align:left}
.seo-timetable th,.seo-timetable td{border-bottom:1px solid #dce4ef;padding:12px 14px;vertical-align:top;text-align:left;overflow-wrap:anywhere}
.seo-timetable th{background:#eef3fb;font-weight:700}
.seo-timetable tr:last-child td{border-bottom:0}
.seo-times{font-variant-numeric:tabular-nums;line-height:1.9;overflow-wrap:anywhere}
.seo-chip{display:inline-block;border:1px solid #dce4ef;border-radius:7px;padding:2px 7px;margin:2px 3px 2px 0;font-size:13px;background:#eef3fb}
.seo-shifts{font-size:14px;background:#fff;border:1px solid #dce4ef;border-radius:12px;padding:14px;margin:16px 0}
.seo-footer{max-width:1120px;margin:0 auto;padding:20px 20px 36px;border-top:1px solid #dce4ef;color:#52627a;font-size:13px}
.seo-footer a{display:inline-flex;align-items:center;min-height:36px}
@media(max-width:600px){
.seo-header{padding:12px 16px;gap:8px}
.seo-nav{gap:4px 14px}
.seo-container{padding:20px 16px 32px}
.seo-footer{padding:20px 16px 32px}
.seo-timetable{font-size:14px}
.seo-timetable th,.seo-timetable td{padding:10px 9px}
.seo-actions{display:grid}
.seo-section{margin-top:24px}
}
@media(prefers-color-scheme:dark){
.seo-page{background:#101720;color:#e6edf7}
.seo-page a{color:#9dc7ff}
.seo-header,.seo-card,.seo-table-wrap,.seo-shifts{background:#182332;border-color:#334155}
.seo-header{border-bottom-color:#334155}
.seo-crumbs,.seo-updated,.seo-muted,.seo-card-meta,.seo-footer{color:#a7b7ce}
.seo-timetable th,.seo-chip{background:#223147}
.seo-timetable th,.seo-timetable td,.seo-chip,.seo-footer{border-color:#334155}
.seo-route-number{background:#223f63;color:#c7dfff}
.seo-notice{background:#392c17;border-left-color:#d5a348}
}
@media print{.seo-page{background:#fff;color:#000;font-size:11pt}.seo-header,.seo-actions{display:none}.seo-container{max-width:none;padding:0}.seo-card,.seo-notice,.seo-table-wrap{break-inside:avoid}.seo-page a{color:#000}.seo-table-wrap{overflow:visible}}
