/* 지역 가이드 (scripts/pages/areas.py) — 「서울 지하철 안내판」 보조. 공통 클래스는 style.css 그대로. */
.sech{display:flex;align-items:flex-start;gap:8px;font-size:19px;margin:32px 0 10px}
.sech svg{width:20px;height:20px;flex:none;margin-top:3px}
.block>.sech:first-child{margin-top:0}
.src{margin-top:28px}
.board li.wrap{align-items:start}
.board li.wrap .nm,.board li.wrap .dt{white-space:normal}
.arboard .dt{white-space:normal;line-height:1.45}
.board .rt .dir{font-size:13px;font-weight:700;color:var(--link)}
.board .nm a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.board .dt .tl{color:var(--ok-ink);font-weight:700}
.board .dt .tl.zero{color:var(--rd)}
.sq.er{color:var(--rd);border-color:var(--rd)}
.tools{margin-top:10px}
.tool .arsub{display:block;font-weight:500;margin-top:2px}
.arfee{margin:10px 0 0}
.arrep{display:flex;align-items:flex-start;gap:6px;margin:10px 0 0}
.arrep svg{width:16px;height:16px;margin-top:2px}
.arintro{color:var(--ink)!important;font-size:14px!important}
.arlist{margin-top:8px;border-top:1px solid var(--line)}
.rt.arrow{color:var(--mut)}
.arown{margin:12px 0 0;scroll-margin-top:72px}
.arownh{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center}
.arownh h3{margin:0;font-size:17px}
.arown .btn.cta{margin-top:4px}
.arnote{margin:0;color:var(--ok-ink);font-weight:700}
.board li.wrap .nm{flex-direction:column;align-items:flex-start;gap:0}
.board li.wrap .nm small{max-width:none;white-space:normal}
.tool .arsub{white-space:normal;overflow:visible}