/* 짐보관 탭 전용 (/{lang}/luggage/) — 「서울 지하철 안내판」 세계. 토큰은 style.css 의 변수만 쓴다. */
.lughead h1{margin:16px 0 4px}
.lughead p{margin:0}

/* 필터: app.js 가 쓰는 data-lf 체크박스를 .flt 칩 모양으로 */
.lflt{margin-top:10px}
.lflt .fchip{position:relative;flex:none;height:29px;padding:0 11px;font-size:13px;line-height:1;max-width:60vw;overflow:hidden;text-overflow:ellipsis;display:inline-flex}
.lflt .fchip:focus-within{outline:2px solid var(--focus);outline-offset:2px}
.lfnote{margin:6px 0 0}

/* 지도 범례 */
.lglegend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0}
.lglegend .lg{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.rnd.mini{width:16px;height:16px}
.rnd.mini::before{inset:3px}
.sq.mini{width:16px;height:16px;border-width:1px;border-radius:3px}
.sq.mini svg{width:12px;height:12px}
.pvpin{width:28px;height:28px;display:grid;place-items:center;pointer-events:none}
.pvpin .sq{width:28px;height:28px}
.pvpin .sq svg{width:16px;height:16px}
.sq.lugpin{border-width:1.5px}
.pvpin .sq.logo{width:32px;height:32px}
/* 카드 머리 업체 로고 (사업주 지시 10-03) */
.logoh{justify-content:flex-start;align-items:center;gap:10px}
.logoh>.sq.logo{flex:none}
.logoh>b,.logoh>h3{flex:1;min-width:0}
.platforms .lk .lklogo{width:20px;height:20px;border-radius:4px;flex:none;object-fit:contain;background:#fff;margin-right:2px}

/* 목록 머리·주석 */
.lugh2{font-size:16px;margin:20px 0 2px}
.lugnote{margin:10px 0 0}
#board .rt>span:last-child,#popboard .rt{white-space:nowrap}

/* 섹션: 카드 대신 헤어라인 */
details.lugsec{border-top:1px solid var(--ink);margin-top:28px;padding-top:14px}
details.lugsec>summary h2{font-size:19px}
details.lugsec>p{margin:0 0 10px}
details.lugsec h3{font-size:15px;margin:18px 0 8px}
.lugsec .grid2{gap:12px}
.lugsec .card .btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.lugsec .card .btn.cta{white-space:normal}

/* 사설 보관소: 행 목록 */
.lugsec .pvlist,#reslist .pvlist{display:block;border-top:1px solid var(--line)}
.lugsec li.pv,#reslist li.pv{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;background:none}
.lugsec li.pv.own,#reslist li.pv.own{background:none}
li.pv .small svg{vertical-align:-2px;margin-right:2px}
li.pv .links{gap:6px}
li.pv .lk{max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* 역 목록(검색 결과·노선별): 카드 격자 대신 행 */
main[data-section="luggage"] .stlist{display:block;border-top:1px solid var(--line)}
main[data-section="luggage"] .stlist>li>a{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 2px;background:none;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
main[data-section="luggage"] .stlist>li:last-child>a{border-bottom:0}
main[data-section="luggage"] .stlist>li>a:hover{border-color:var(--line);background:var(--ground)}
main[data-section="luggage"] .stlist .nm{flex:1 1 auto;min-width:0}
main[data-section="luggage"] .stlist .tl{flex-basis:100%}
main[data-section="luggage"] .stlist a.own-item{background:var(--ground)}
details.grp>.stlist{padding:0 12px 4px}
details.grp>summary{min-width:0}
details.grp>summary>span:not(.cnt){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc{flex:none;width:6px;height:20px;border-radius:2px;background:var(--c,var(--mut))}
/* 검색 결과(.stlist) 안의 보관소 링크: style.css 의 .stlist a(세로 카드) 를 되돌린다 */
.stlist li.pv a.lk{display:inline-flex;flex-direction:row;align-items:center;gap:4px;height:30px;padding:0 10px;border:1px solid var(--ink);border-radius:999px;background:var(--paper)}
/* 안내판 행 상세: span(inline) 이라 말줄임이 안 걸려 오른쪽 거리와 겹친다 → 블록으로 */
.board li>a>span:nth-child(2){min-width:0;overflow:hidden}
.board .dt{display:block}