/* 이 사이트만 쓰는 것. 호선 색은 서울교통공사 노선 안내 색 */
:root { --l1:#0052a4; --l2:#00a84d; --l3:#ef7c1c; --l4:#00a5de; --l5:#996cac; --l6:#cd7c2f; --l7:#747f00; --l8:#e6186c; }
.ln { display:inline-block; min-width:1.5em; padding:0 .35em; border-radius:1em; color:#fff; font-weight:700; font-size:.85em; text-align:center; line-height:1.5; }
.l1{background:var(--l1)}.l2{background:var(--l2)}.l3{background:var(--l3)}.l4{background:var(--l4)}
.l5{background:var(--l5)}.l6{background:var(--l6)}.l7{background:var(--l7)}.l8{background:var(--l8)}
table.crowd td.n, table.crowd td.v { text-align:right; }
table.crowd td.v { position:relative; min-width:6.5em; }
.bar { position:absolute; left:0; top:20%; height:60%; border-radius:0 3px 3px 0; opacity:.28; }
.bar.ok{background:var(--kit-ok)}.bar.warn{background:var(--kit-warn)}.bar.bad{background:var(--kit-bad)}
td.v .n { position:relative; }
td.n.bad { color:var(--kit-bad); font-weight:600; } td.n.warn { color:var(--kit-warn); }
.sl a { display:inline-block; margin:0 .6em .3em 0; }
details summary { font-weight:600; }
.pn { display:flex; justify-content:space-between; }
caption { text-align:left; }
.w0{width:0%}.w1{width:5%}.w2{width:10%}.w3{width:15%}.w4{width:20%}.w5{width:25%}.w6{width:30%}.w7{width:35%}.w8{width:40%}.w9{width:45%}.w10{width:50%}.w11{width:55%}.w12{width:60%}.w13{width:65%}.w14{width:70%}.w15{width:75%}.w16{width:80%}.w17{width:85%}.w18{width:90%}.w19{width:95%}.w20{width:100%}
#now { margin-bottom: 1.25rem; }
#now p { margin-bottom: .35rem; }
.nowg { display: flex; gap: 2rem; flex-wrap: wrap; }
.nowc { display: flex; flex-direction: column; line-height: 1.3; }
.big { font-size: 2.25rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.big.ok { color: var(--kit-ok); } .big.warn { color: var(--kit-warn); } .big.bad { color: var(--kit-bad); }
tr.now th, tr.now td { font-weight: 700; box-shadow: inset 0 -2px var(--pico-primary); }
table.sum th:first-child { white-space: nowrap; }