[data-service-navigation]{margin:0;padding:16px clamp(16px,4vw,48px);background:#efe9dc;border-block:1px solid #dcd5c6;color:#22241f}
/* 제목·카드·안내문을 같은 너비(최대 1200px)로 화면 가운데 맞춘다 (2026-10-15: 넓은 화면에서 왼쪽으로 치우쳐 보이던 문제) */
.service-location{margin:0 auto 10px;font-size:14px;font-weight:600;max-width:1200px}
nav.service-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 auto;max-width:1200px}
.service-navigation .service-item{display:flex;flex-direction:column;gap:5px;min-height:64px;padding:12px 16px;border:1px solid #cfc7b6;border-radius:4px;background:#fbf8f2;color:#22241f;text-decoration:none;letter-spacing:normal;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.service-navigation .service-item small{font-size:13px;font-weight:400;letter-spacing:normal;color:inherit}
.service-navigation [aria-current="page"]{border:2px solid #121410;padding:11px 15px;background:#121410;color:#f2ebdd}
.service-navigation .service-restricted{background:#ebe5d8;color:#585a50;border-style:dashed}
.service-item:focus-visible{outline:3px solid #8f3b2b;outline-offset:3px}
.service-status{margin:8px auto 0;font-size:14px;line-height:1.6;max-width:1200px}
.service-status:empty{display:none}
@media(max-width:700px){[data-service-navigation]{padding-block:12px}nav.service-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.service-navigation .service-item{padding:10px 12px;min-height:60px;gap:2px}.service-navigation [aria-current="page"]{padding:11px}}
@media(max-width:360px){.service-navigation .service-item{font-size:13px;padding:10px}.service-navigation [aria-current="page"]{padding:9px}}