/* Shared by home.css and style.css: one traffic presentation on both pages. */
.traffic-card-list,.traffic-full-list{display:grid;gap:0;padding:0}
.traffic-card-list .traffic-group,.traffic-full-list .traffic-group{margin:0;padding:0;max-width:none;width:100%}
.traffic-group+.traffic-group{border-top:1px solid var(--line)}
.traffic-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #ffffff0f;background:#ffffff05}
.traffic-group-head span{display:block;color:#ef4a50;font-size:8px;font-weight:950;letter-spacing:.14em}
.traffic-group-head h3{margin:5px 0 0;font-size:23px;letter-spacing:-.03em}
.traffic-group-head b{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:999px;background:#ffffff0f;font-size:13px}
.traffic-group.is-danger .traffic-group-head{background:linear-gradient(135deg,#ef222814,#ffffff05)}
.traffic-group.is-construction .traffic-group-head{background:linear-gradient(135deg,#ff9f1c14,#ffffff05)}
.traffic-group-list{display:grid}
.traffic-card-list .traffic-card,.traffic-full-list .traffic-card{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding:24px 24px 24px 26px;min-width:0;max-width:100%;border-top:1px solid var(--line);background:#ffffff03}
.traffic-card:first-child{border-top:0}.traffic-card:hover{background:#ffffff07}
.traffic-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3d3d44}
.traffic-card.urgent:before{background:#ffd230}.traffic-card.danger:before{background:#ef2228}.traffic-card.construction:before{background:#ff9f1c}
.traffic-card .traffic-card-route{width:76px;min-width:0;min-height:72px;padding:11px 8px;border-radius:16px;display:grid;align-content:start;justify-items:center;align-self:start;gap:5px;text-align:center;border:2px solid #ffffff1a;background:linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:inset 0 1px 0 #ffffff0a;color:#ddd;line-height:1}
.traffic-card-route strong{font-size:22px;line-height:1;font-weight:950}
.traffic-card .traffic-card-route.autobahn{background:linear-gradient(180deg,#0b56c4,#07367a);color:#fff;border-color:#fff}
.traffic-card .traffic-card-route.bundesstrasse{background:linear-gradient(180deg,#f7d72b,#ddb500);color:#111;border-color:#151515}
.traffic-card .traffic-card-route.landstrasse{background:linear-gradient(180deg,#1d7d54,#11573a);color:#fff}
.traffic-card .traffic-card-route.other{background:#2a2a31;color:#fff}
.traffic-card .traffic-card-route.unknown{color:#a8a8af}
.traffic-card-body{min-width:0}.traffic-card .traffic-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:6px}
.traffic-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.traffic-tag{font-size:9px;line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:6px 7px;border-radius:6px;background:#27272d;color:#d3d3d8}
.traffic-tag.urgent{background:#ffd230;color:#171717}.traffic-tag.high,.traffic-tag.wrong{background:#ef2228;color:#fff}.traffic-tag.build{background:#613d00;color:#ffc15a}
.traffic-card .traffic-kind{display:block;font-size:11px;color:#888;font-weight:800;white-space:normal}
.traffic-card .traffic-card-headline{margin:0;font-size:clamp(18px,2vw,27px);line-height:1.12;letter-spacing:-.03em;overflow-wrap:anywhere}
.traffic-card-location{margin-top:5px;color:#b8b8c0;font-size:12px;font-weight:750}
.traffic-card .traffic-card-summary{font-size:15px;line-height:1.58;color:#ededf0;margin:10px 0 0;overflow-wrap:anywhere}
.traffic-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.traffic-fact{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;border:1px solid #ffffff1a;background:#1b1b20;color:#d8d8dd;font-size:10px;font-weight:850}
.traffic-fact.length{background:#ffae2117;border-color:#ffae2140;color:#ffc45d}.traffic-fact.delay{background:#ef22281c;border-color:#ef222847;color:#ff7a7f}.traffic-fact.closure{background:#ffffff14;color:#fff}
.traffic-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.traffic-meta-row span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ffffff0b;border:1px solid #ffffff14;font-size:10px;font-weight:800;color:#b8b8c0}
@media(max-width:900px){.traffic-card-list .traffic-card,.traffic-full-list .traffic-card{grid-template-columns:86px minmax(0,1fr)}.traffic-group-head h3{font-size:21px}}
@media(max-width:640px){.traffic-group-head{padding:18px 16px}.traffic-card-list .traffic-card,.traffic-full-list .traffic-card{grid-template-columns:70px minmax(0,1fr);gap:14px;padding:18px 16px}.traffic-card .traffic-card-route{width:58px;min-height:58px;padding:8px;border-radius:13px}.traffic-card-route strong{font-size:18px}.traffic-card .traffic-card-top{display:block}.traffic-card .traffic-kind{display:none}.traffic-card .traffic-card-headline{font-size:18px}.traffic-card-location{font-size:11px}.traffic-card .traffic-card-summary{font-size:13px}.traffic-meta-row span{font-size:9px}}