/* 지역 안내 5개 페이지 (pages/area.py). 흰 바탕 · #111 글자 · 파랑 포인트 · 1px 얇은 선 */
.ar{color:#111}
.ar a{color:inherit}
.ar-lead{padding:6px 0 0;margin-bottom:56px}
.ar-lead p{font-size:17px;line-height:1.85;color:#333;max-width:820px;margin-bottom:12px}
.ar-lead p strong{color:var(--brand);font-weight:700}
.ar-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:1px solid #111;border-bottom:1px solid var(--p-line)}
.ar-facts>div{padding:18px 20px 18px 0;min-width:0}
.ar-facts>div+div{padding-left:20px;border-left:1px solid var(--p-line)}
.ar-facts dt{font-size:12.5px;color:var(--ink3);margin-bottom:6px}
.ar-facts dd{font-size:16px;font-weight:700;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.ar-facts dd small{font-size:13px;font-weight:500;color:var(--ink2)}
.ar-facts dd a{color:var(--brand)}

.ar-sec{margin-bottom:64px}
.ar-h{margin-bottom:22px}
.ar-h>span{display:block;font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--brand);margin-bottom:8px}
.ar-h h2{font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.03em;line-height:1.35}
.ar-hs{font-size:15px;color:var(--ink2);margin-top:8px}

/* 표 */
.ar-tbl{overflow-x:auto;margin-bottom:24px}
.ar-tbl table{width:100%;border-collapse:collapse;font-size:15px}
.ar-tbl th{font-size:13px;font-weight:600;color:var(--ink3);text-align:left;padding:10px 14px 10px 0;border-top:1px solid #111;border-bottom:1px solid var(--p-line)}
.ar-tbl td{padding:13px 14px 13px 0;border-bottom:1px solid var(--p-line);vertical-align:top}
.ar-tbl td:first-child{font-weight:700}
.ar-tbl td:nth-child(2){white-space:nowrap;color:var(--brand);font-weight:700}

/* 납품 카드 (common.dcard) */
.ar-dlv{grid-template-columns:repeat(3,minmax(0,1fr))}
.ar-dlv .dcard{border-radius:8px}
.ar-more{margin-top:18px;font-size:15px;color:var(--ink2)}
.ar-more a,.ar-rows a{color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* 분류 링크 9개 */
.ar-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #111}
.ar-cat{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:18px 18px 18px 0;border-bottom:1px solid var(--p-line);min-width:0}
.ar-cat:nth-child(3n+2),.ar-cat:nth-child(3n+3){padding-left:18px;border-left:1px solid var(--p-line)}
.ar-cat b{font-size:16.5px;font-weight:700;grid-column:1}
.ar-cat small{grid-column:1;font-size:13px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-cat .ico{grid-column:2;grid-row:1/3;color:var(--ink3);transition:transform .15s,color .15s}
.ar-cat:hover b{color:var(--brand)}
.ar-cat:hover .ico{color:var(--brand);transform:translateX(3px)}

/* 두 칸 목록 */
.ar-rows{border-top:1px solid #111}
.ar-rows>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--p-line)}
.ar-rows dt{font-size:15px;font-weight:700}
.ar-rows dd{font-size:15.5px;line-height:1.75;color:#333}

.ar-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:start}
.ar-ph img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--p-line)}
.ar-ph figcaption{font-size:13px;color:var(--ink3);margin-top:8px}
.ar-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ar-btns a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--p-line);border-radius:6px;font-size:14px;font-weight:600;background:#fff}
.ar-btns a:hover{border-color:var(--brand);color:var(--brand)}

/* 오산 경로 */
.ar-route{display:flex;align-items:center;gap:16px;padding:26px 0;margin-bottom:8px}
.ar-route-st{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.ar-route-st span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--p-line);border-radius:50%;color:var(--brand);margin-bottom:6px}
.ar-route-st b{font-size:18px;font-weight:800}
.ar-route-st small{font-size:13px;color:var(--ink3)}
.ar-route-ln{flex:1;position:relative;display:flex;justify-content:center;min-width:60px}
.ar-route-ln i{position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--brand)}
.ar-route-ln em{position:relative;background:#fff;padding:0 10px;font-style:normal;font-size:14px;font-weight:700;color:var(--brand)}

/* 전국: 진행 순서 */
.ar-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #111;margin-bottom:28px}
.ar-steps li{padding:16px 14px 18px 0;border-bottom:1px solid var(--p-line);min-width:0}
.ar-steps li+li{padding-left:14px;border-left:1px solid var(--p-line)}
.ar-steps b{display:block;font-size:15.5px;margin-bottom:6px;color:var(--brand)}
.ar-steps span{font-size:14px;color:var(--ink2);line-height:1.65}

/* 다른 지역 */
.ar .pcta{margin-bottom:64px}
.ar-others{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ar-others a{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:18px;border:1px solid var(--p-line);border-radius:8px;background:#fff;min-width:0}
.ar-others b{font-size:17px;font-weight:800}
.ar-others span{grid-column:1;font-size:13px;color:var(--ink3)}
.ar-others .ico{grid-column:2;grid-row:1/3;align-self:center;color:var(--ink3)}
.ar-others a:hover{border-color:var(--brand)}
.ar-others a:hover b,.ar-others a:hover .ico{color:var(--brand)}

@media(max-width:1000px){
 .ar-dlv{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ar-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ar-cat:nth-child(n){padding-left:0;border-left:0}
 .ar-cat:nth-child(2n){padding-left:18px;border-left:1px solid var(--p-line)}
 .ar-others{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ar-steps{grid-template-columns:1fr}
 .ar-steps li+li{padding-left:0;border-left:0}
 .ar-split{grid-template-columns:1fr}
}
@media(max-width:700px){
 .pbn-tabs{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
 .pbn-tabs::-webkit-scrollbar{display:none}
 .pbn-tabs a{white-space:nowrap;flex:none}
 .ar-lead p{font-size:16px}
 .ar-facts{grid-template-columns:1fr}
 .ar-facts>div{padding:14px 0}
 .ar-facts>div+div{padding-left:0;border-left:0;border-top:1px solid var(--p-line)}
 .ar-dlv{grid-template-columns:1fr}
 .ar-cats{grid-template-columns:1fr}
 .ar-cat:nth-child(n){padding-left:0;border-left:0}
 .ar-rows>div{grid-template-columns:1fr;gap:4px}
 .ar-others{grid-template-columns:1fr}
 .ar-tbl table{font-size:14px}
 .ar-route{flex-direction:column;align-items:flex-start;gap:10px}
 .ar-route-ln{width:100%;min-height:28px;justify-content:flex-start}
 .ar-route-ln i{left:22px;right:auto;top:0;bottom:0;border-top:0;border-left:1px dashed var(--brand)}
 .ar-route-ln em{margin-left:40px;padding:0}
}