/* 내부 쪽 v3 — 홈 v3(목업 01·04) 틀을 상세·지역·매거진·도구·양식에 맞춘다. 색: 남색 #1f3a5f, 옐로 #fbbf24/#f59e0b. 2026-10-26 */

/* 쪽 머리: 연노랑 패널 + 남색 제목 */
html body .parking-detail__header,html body .archive__header,html body .magazine-detail__header,html body .page__header{background:linear-gradient(180deg,#fffaeb 0%,#fff 100%);border:1px solid #f3ead2;border-radius:24px;padding:28px 32px;margin:8px 0 28px;box-shadow:0 10px 28px rgba(31,58,95,.06)}
html body .parking-detail__title,html body .archive__title,html body .magazine-detail__title,html body .page__title{color:#1f3a5f;font-weight:900;letter-spacing:-.03em;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.2}
html body .page__header::before{color:#b45309}
html body .breadcrumbs,html body .breadcrumb{font-size:.86rem;color:#5b6780}

/* 요약 상자 */
html body .summary60{background:#fff;border:1px solid #f1e6c8;border-left:5px solid #fbbf24;border-radius:16px;box-shadow:0 2px 8px rgba(15,27,45,.04)}

/* 배너 그림 */
html body .page__banner img,html body .archive__banner img,html body .magazine-detail__hero img{border-radius:24px;box-shadow:0 18px 40px rgba(31,58,95,.14)}

/* 본문 소제목 */
html body .page__body h2,html body .parking-detail__body h2,html body .magazine-detail__body h2,html body .archive .thin-summary h2,html body .tool-guide h2,html body .tool-related-parking h2,html body .tool-related-magazine h2,html body .tool-cross-links h2{color:#1f3a5f;font-weight:900;letter-spacing:-.02em;padding-left:14px;border-left:5px solid #fbbf24;line-height:1.3}

/* 카드·상자 */
html body .info-card,html body .nearby-card,html body .tool,html body .thin-summary,html body .template-dodont__col,html body .template-checklist,html body .template-precedent,html body .siteinfor-data-guidance,html body .parking-detail__provenance,html body .magazine-faq,html body .tool-guide{border-radius:18px;border:1px solid #e6e9f0;box-shadow:0 2px 8px rgba(15,27,45,.04);background:#fff}
html body .info-card__big{color:#1f3a5f;font-weight:900}
html body .parking-card{border-radius:16px;border:1px solid #e6e9f0;box-shadow:0 2px 6px rgba(15,27,45,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
html body .parking-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,27,45,.10);border-color:#fbbf24}
html body .region-faq__item{border-radius:14px;border:1px solid #e6e9f0;background:#fff}
html body .spt-map{border-radius:18px;overflow:hidden;border:1px solid #e6e9f0}

/* 버튼: 주 버튼 옐로, 보조 남색 */
html body .btn-primary,html body .tool-calc__form button[type=submit]{background:#fbbf24;color:#1f2a3d;border:0;border-radius:12px;font-weight:800;box-shadow:0 6px 16px rgba(245,158,11,.25)}
html body .btn-primary:hover,html body .tool-calc__form button[type=submit]:hover{background:#f59e0b;color:#1f2a3d}
html body .parking-actions__btn{border-radius:12px;border:1.5px solid #1f3a5f;color:#1f3a5f;background:#fff;font-weight:700}
html body .parking-actions__btn:hover{background:#1f3a5f;color:#fff}
html body .template-downloads .dl-btn{border-radius:16px;background:#fff;border:2px solid #1f3a5f;color:#1f3a5f;box-shadow:none}
html body .template-downloads .dl-btn *{color:inherit}
html body .template-downloads .dl-btn:first-child{background:#fbbf24;border-color:#fbbf24;color:#1f2a3d}
html body .template-downloads .dl-btn:hover{background:#1f3a5f;border-color:#1f3a5f;color:#fff}

/* 칩·쪽 번호 */
html body .region-chips a,html body .tag-list a,html body .hub-cards a{border-radius:999px;border:1px solid #e1e6ef;background:#fff;color:#1f2a3d;font-weight:700}
html body .region-chips a:hover,html body .tag-list a:hover,html body .hub-cards a:hover{border-color:#fbbf24;background:#fffaeb}
html body .pagination .page-numbers{border-radius:10px}
html body .pagination .page-numbers.current{background:#1f3a5f;color:#fff;border-color:#1f3a5f}

/* 상세 v3(목업 02): 정보 타일 한 줄, 길찾기 첫 버튼 옐로, 할인 목록 */
@media (min-width:1100px){html body .info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
html body .map-actions a{border-radius:12px;font-weight:700;color:#1f3a5f;border:1.5px solid #d5dce8;background:#fff}
html body .map-actions a:first-child{background:#fbbf24;border-color:#fbbf24;color:#1f2a3d}
html body .map-actions a:hover{border-color:#1f3a5f}
html body .discount-list{list-style:none;margin:12px 0 20px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
html body .discount-list li{padding:10px 14px;border:1px solid #f1e6c8;border-left:4px solid #fbbf24;border-radius:12px;background:#fffdf5;font-size:.95rem;line-height:1.45}

/* 가이드 글 v3: 읽기 시간·요약 중복 숨김(메타 "읽기 약 N분"과 본문 "60초 핵심 요약"이 남음), 분류 칩, 표 */
html body .magazine-detail__title .magazine-reading-badge,html body .magazine-detail__header .summary60__text{display:none}
html body .magazine-detail__title,html body .parking-detail__title,html body .page__title{word-break:keep-all}
html body .magazine-detail__meta>span{white-space:nowrap}
html body .magazine-detail__eyebrow a{display:inline-block;padding:3px 12px;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:800;font-size:.85rem;text-decoration:none}
html body .magazine-detail__body table{border-collapse:separate;border-spacing:0;border:1px solid #e6e9f0;border-radius:14px;overflow:hidden}
html body .magazine-detail__body thead th{background:#1f3a5f;color:#fff;font-weight:800;border:0}
html body .magazine-detail__body tbody tr:nth-child(even) td{background:#f8fafc}

/* 계산기 v3: 결과 카드, 사용법 상자 안쪽 여백, 관련 글 밑줄 제거 */
html body .tool-calc__selected{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:14px 16px;border:1px solid #f1e6c8;border-left:5px solid #fbbf24;border-radius:14px;background:#fffdf5}
html body .tool-calc__selected[hidden],html body .tool-calc__result[hidden]{display:none}
html body .tool-calc__name{color:#1f3a5f;font-weight:800}
html body .tool-calc__result{margin-top:20px;padding:22px 24px;border-radius:18px;background:#1f3a5f;color:#fff}
html body .tool-calc__result h3{margin:0 0 6px;color:#fde68a;font-size:1rem;font-weight:800}
html body .tool-calc__total{margin:0 0 10px;font-size:1.1rem;color:#d6deeb}
html body .tool-calc__total strong{font-size:clamp(2rem,4vw,2.6rem);font-weight:900;color:#fbbf24;letter-spacing:-.02em;margin-right:6px}
html body .tool-calc__detail{margin:0 0 10px;padding-left:18px;color:#fff;line-height:1.7}
html body .tool-calc__result .muted{color:#b8c4d8}
html body .tool-guide{padding:22px 24px}
html body .tool-related-magazine a{text-decoration:none;font-weight:700;color:#1f3a5f}
html body .tool-related-magazine a:hover{color:#b45309}

/* 양식 v3: 요약 상자(인라인 파랑) → 옐로 띠, 복사 버튼 남색 */
html body .page__body aside.summary60{border-left:5px solid #fbbf24!important;background:#fff!important;border-radius:16px!important;border-top:1px solid #f1e6c8;border-right:1px solid #f1e6c8;border-bottom:1px solid #f1e6c8}
html body [data-event="copy_sample"]{background:#1f3a5f!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:800}
html body [data-event="copy_sample"]:hover{background:#172a4a!important}
html body .template-dodont__col--do h3{color:#1f3a5f}
html body .template-dodont__col--dont h3{color:#b45309}

@media (max-width:560px){
  html body .parking-detail__header,html body .archive__header,html body .magazine-detail__header,html body .page__header{padding:20px 18px;border-radius:18px}
  html body .page__banner img,html body .archive__banner img,html body .magazine-detail__hero img{border-radius:18px}
}

/* 10-26 내용 폭 통일(THEME-FIRST '내용 폭 하나로'): 모든 구간을 .container 내용 칸(1180-16×2)에 맞춘다 */
html body .site-header .search-form{max-width:none}
html body .region-faq{max-width:none;margin-left:0;margin-right:0}
html body article.magazine-detail{max-width:1180px}

/* ===== 10-26 테마 마무리(THEME-FINISH 1장): 글 본문 공통 — .page__body·.magazine-detail__body 한 규칙 ===== */
:root{--c-muted:#5b6780}
html body .page__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-top:8px}
@media (min-width:1024px){
  html body .page__layout,html body .magazine-detail__layout{grid-template-columns:260px minmax(0,1fr);gap:40px}
  html body .page__sidebar .toc{position:sticky;top:96px}
}
html body .page__sidebar{min-width:0}
html body :is(.page__body,.magazine-detail__body){font-size:17px;line-height:1.8;color:#1f2a3d;word-break:keep-all;overflow-wrap:anywhere}
@media (min-width:1024px){html body :is(.page__layout .page__body,.magazine-detail__body){max-width:840px}}
html body :is(.page__body,.magazine-detail__body) > p{margin:0 0 1.1em}
html body :is(.page__body,.magazine-detail__body) h2{font-size:clamp(1.4rem,2.1vw,1.65rem);margin:2.4em 0 .7em}
html body :is(.page__body,.magazine-detail__body) h3{font-size:clamp(1.15rem,1.6vw,1.28rem);font-weight:800;color:#1f3a5f;margin:1.8em 0 .5em;line-height:1.4}
html body :is(.page__body,.magazine-detail__body) h4{font-size:17px;font-weight:800;color:#1f2a3d;margin:1.4em 0 .4em}
html body :is(.page__body,.magazine-detail__body) :is(h2,h3,h4) + :is(p,ul,ol){margin-top:.2em}
html body :is(.page__body,.magazine-detail__body) > :first-child{margin-top:0}
/* 목록: 클래스 없는 목록만(부품 목록은 그대로) */
html body :is(.page__body,.magazine-detail__body) ul:not([class]){list-style:none;padding-left:0;margin:0 0 1.2em}
html body :is(.page__body,.magazine-detail__body) ul:not([class]) > li{position:relative;padding-left:1.35em;margin:.4em 0}
html body :is(.page__body,.magazine-detail__body) ul:not([class]) > li::before{content:"";position:absolute;left:.25em;top:.72em;width:7px;height:7px;border-radius:50%;background:#f59e0b}
html body :is(.page__body,.magazine-detail__body) ol:not([class]){list-style:none;padding-left:0;margin:0 0 1.2em;counter-reset:spt-ol}
html body :is(.page__body,.magazine-detail__body) ol:not([class]) > li{position:relative;padding-left:2.1em;margin:.5em 0;counter-increment:spt-ol}
html body :is(.page__body,.magazine-detail__body) ol:not([class]) > li::before{content:counter(spt-ol);position:absolute;left:0;top:.18em;width:1.55em;height:1.55em;border-radius:50%;background:#1f3a5f;color:#fff;font-size:.82em;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}
html body :is(.page__body,.magazine-detail__body) li :is(ul,ol):not([class]){margin:.3em 0 .3em .2em}
/* 표 */
html body :is(.page__body,.magazine-detail__body) table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e6e9f0;border-radius:14px;overflow:hidden;margin:1.2em 0 1.6em;font-size:.94em;line-height:1.6;background:#fff}
html body :is(.page__body,.magazine-detail__body) :is(th,td){padding:12px 14px;border:0;border-bottom:1px solid #eef1f6;text-align:left;vertical-align:top;word-break:keep-all}
html body :is(.page__body,.magazine-detail__body) thead th,html body :is(.page__body,.magazine-detail__body) tr:first-child > th{background:#1f3a5f;color:#fff;font-weight:800}
html body :is(.page__body,.magazine-detail__body) tbody tr:nth-child(even) > td{background:#f8fafc}
html body :is(.page__body,.magazine-detail__body) tbody tr:last-child > :is(td,th){border-bottom:0}
@media (max-width:767px){
  html body :is(.page__body,.magazine-detail__body) table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/40px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right/40px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,rgba(31,58,95,.18),transparent) right/12px 100% no-repeat scroll,#fff}
  html body :is(.page__body,.magazine-detail__body) :is(th,td){min-width:10em}
}
/* 인용·요약·주의 상자 */
html body :is(.page__body,.magazine-detail__body) blockquote{margin:1.4em 0;padding:16px 20px;border-left:5px solid #fbbf24;background:#fffdf5;border-radius:0 14px 14px 0;color:#1f2a3d}
html body :is(.page__body,.magazine-detail__body) blockquote > :last-child{margin-bottom:0}
/* 그림 */
html body :is(.page__body,.magazine-detail__body) figure{margin:1.6em 0}
html body :is(.page__body,.magazine-detail__body) :is(figure,p) > img,html body :is(.page__body,.magazine-detail__body) figure picture img{border-radius:16px;max-width:100%;height:auto}
html body :is(.page__body,.magazine-detail__body) figcaption{margin-top:8px;font-size:.84em;color:#5b6780;text-align:center}
/* 본문 링크: 남색 + 옐로 밑줄 */
html body :is(.page__body,.magazine-detail__body) p a:not([class]),html body :is(.page__body,.magazine-detail__body) li a:not([class]),html body :is(.page__body,.magazine-detail__body) td a:not([class]){color:#1d4ed8;text-decoration:underline;text-decoration-color:rgba(245,158,11,.7);text-decoration-thickness:2px;text-underline-offset:3px}
html body :is(.page__body,.magazine-detail__body) :is(p,li,td) a:not([class]):visited{color:#1e40af}
html body :is(.page__body,.magazine-detail__body) :is(p,li,td) a:not([class]):hover{text-decoration-color:#f59e0b}
/* 펼침 상자(FAQ 등) */
html body :is(.page__body,.magazine-detail__body) details:not([class]){margin:.6em 0;border:1px solid #e6e9f0;border-radius:14px;background:#fff;padding:0 18px}
html body :is(.page__body,.magazine-detail__body) details:not([class]) > summary{cursor:pointer;padding:14px 0;font-weight:800;color:#1f3a5f;list-style:none}
html body :is(.page__body,.magazine-detail__body) details:not([class]) > summary::-webkit-details-marker{display:none}
html body :is(.page__body,.magazine-detail__body) details:not([class]) > summary::before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;margin-right:.6em;border-radius:50%;background:#fbbf24;color:#1f2a3d;font-size:.85em}
html body :is(.page__body,.magazine-detail__body) details:not([class])[open] > summary{border-bottom:1px solid #eef1f6;margin-bottom:10px}
/* 목차: 현재 읽는 제목 강조 */
html body .toc .toc__link.is-active,html body .toc .toc__link[aria-current]{background:#1f3a5f;color:#fff;border-radius:8px}
html body .toc__caret{color:#5b6780}
/* 누름 영역 44px(THEME-FINISH 3장) */
html body .primary-menu a{display:inline-flex;align-items:center;min-height:44px}
html body .site-header .search-form :is(input,button){min-height:44px}
html body .hub-chip,html body a[class*="chip"]{min-height:44px;display:inline-flex;align-items:center}
/* 쪽 머리 + 배너 한 패널(배너가 내용 칸 가운데 480px로 떠 있던 것 → 머리 패널 오른쪽 칸) */
html body .page__header--media{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"eyebrow media" "title media";column-gap:32px;align-items:center}
html body .page__header--media::before{grid-area:eyebrow;align-self:end}
html body .page__header--media .page__title{grid-area:title;align-self:start;margin:0}
html body .page__header--media .page__banner{grid-area:media;margin:0;max-width:none;width:100%}
html body .page__header--media .page__banner img{display:block;width:100%;height:auto;max-height:240px;object-fit:cover;border-radius:18px;box-shadow:0 12px 28px rgba(31,58,95,.12)}
@media (max-width:767px){
  html body .page__header--media{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "title" "media";row-gap:12px}
  html body .page__header--media .page__banner img{max-height:200px}
}

/* 10-26 THEME-FINISH 3장 공통: 오른쪽 끝 메뉴의 펼침 목록이 화면 밖으로 나가던 것, 320폭 헤더 메뉴 버튼 밀림 */
html body .primary-menu .menu > li:nth-last-child(-n+3) > .sub-menu{left:auto;right:0}
@media (max-width:400px){
  html body .site-header .site-brand{flex-shrink:1;min-width:0}
  html body .site-header .site-brand__text{min-width:0}
  html body .site-header .site-brand__text > *{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .site-header .menu-toggle{flex-shrink:0}
}

/* 목록 쪽 머리 그림(inc/archive-media.php가 body에 spt-arc--키를 붙임). 머리 패널 오른쪽 칸, 글자 위에 얹지 않음 */
html body.spt-arc .archive__header{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:32px;align-items:start}
html body.spt-arc .archive__header > *,html body.spt-arc .archive__header::before{grid-column:1}
html body.spt-arc .archive__header::after{content:"";grid-column:2;grid-row:1 / span 12;align-self:stretch;min-height:200px;max-height:260px;border-radius:18px;background:#e9eef5 center/cover no-repeat;box-shadow:0 12px 28px rgba(31,58,95,.12)}
@media (max-width:767px){
  html body.spt-arc .archive__header{grid-template-columns:minmax(0,1fr)}
  html body.spt-arc .archive__header::after{grid-column:1;grid-row:auto;min-height:170px;max-height:200px;margin-top:14px}
}
html body.spt-arc--region-1 .archive__header::after{background-image:url(../design/v3/archive/arc-region-1-800.webp)}
html body.spt-arc--region-2 .archive__header::after{background-image:url(../design/v3/archive/arc-region-2-800.webp)}
html body.spt-arc--region-3 .archive__header::after{background-image:url(../design/v3/archive/arc-region-3-800.webp)}
html body.spt-arc--region-4 .archive__header::after{background-image:url(../design/v3/archive/arc-region-4-800.webp)}
html body.spt-arc--route-1 .archive__header::after{background-image:url(../design/v3/archive/arc-route-1-800.webp)}
html body.spt-arc--route-2 .archive__header::after{background-image:url(../design/v3/archive/arc-route-2-800.webp)}
html body.spt-arc--route-3 .archive__header::after{background-image:url(../design/v3/archive/arc-route-3-800.webp)}
html body.spt-arc--fire-1 .archive__header::after{background-image:url(../design/v3/archive/arc-fire-1-800.webp)}
html body.spt-arc--fire-2 .archive__header::after{background-image:url(../design/v3/archive/arc-fire-2-800.webp)}
html body.spt-arc--fire-3 .archive__header::after{background-image:url(../design/v3/archive/arc-fire-3-800.webp)}
html body.spt-arc--feature-free .archive__header::after{background-image:url(../img/banners-v2/banner-feature-free.webp)}
html body.spt-arc--feature-h24 .archive__header::after{background-image:url(../img/banners-v2/banner-feature-h24.webp)}
html body.spt-arc--feature-ev .archive__header::after{background-image:url(../img/banners-v2/banner-feature-ev.webp)}
html body.spt-arc--magazine .archive__header::after{background-image:url(../img/banners-v2/banner-magazine.webp)}
/* (10-26 12:20 범용 링크 목록 카드 규칙 삭제: 글자+링크 항목까지 잡아 가이드 글 목록이 3단으로 깨짐) */
/* 허브 목록(ul.hub-index)도 링크 카드 격자, 머리 패널 배너 상자는 그림 높이에 맞춤 */
html body .page__body ul.hub-index{list-style:none;padding:0;margin:0 0 1.4em;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
html body .page__body ul.hub-index > li{margin:0;padding:0}
html body .page__body ul.hub-index > li::before,html body .page__body ul.hub-index > li::marker{display:none;content:none}
html body .page__body ul.hub-index > li > a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;height:100%;padding:12px 16px;border:1px solid #e6e9f0;border-left:4px solid #fbbf24;border-radius:14px;background:#fff;color:#1f3a5f;font-weight:700;text-decoration:none;line-height:1.45;box-shadow:0 2px 6px rgba(15,27,45,.04)}
html body .page__body ul.hub-index > li > a::after{content:"→";color:#b45309;flex:0 0 auto}
html body .page__body ul.hub-index > li > a:hover{border-color:#fbbf24;box-shadow:0 10px 22px rgba(15,27,45,.10)}
html body .page__header--media .page__banner,html body .page__header--media .page__banner picture{aspect-ratio:auto;height:auto;display:block}

/* 10-26 THEME-FINISH 고친 뒤 점검 2차: 1024폭 매거진 펼침 목록 넘침 → 끝 5개 항목 오른쪽 정렬 */
html body .primary-menu .menu > li:nth-last-child(-n+5) > .sub-menu{left:auto;right:0}
/* 카드 제목 두 줄 자르기(…)가 실제로 동작하게 */
html body .magazine-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:none}
/* 대비 4.5 이상: 무료 표시·작은 보조 글자 */
html body .fee-free{color:#15803d}
html body main small:not([class]){color:#5b6780}
/* 누름 영역 44px: 쪽 번호·정렬 칸·필터 적용 */
html body .pagination .page-numbers{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
html body .filter-bar :is(select,button,input){min-height:44px}
/* 목록 쪽 배너(매거진·전체 주차장 등)가 820px 가운데로 떠 있던 것 → 내용 칸 전체 폭, 높이 제한 */
html body main > .page__banner,html body .archive > .page__banner,html body .container > .page__banner{max-width:none;width:100%;margin-left:0;margin-right:0}
html body main > .page__banner img,html body .archive > .page__banner img,html body .container > .page__banner img{width:100%;height:auto;max-height:320px;object-fit:cover}

/* 10-26 눈 검수 1부 반영 */
/* 목록 쪽 배너 상자의 고정 비율(파란 빈 상자 약 320px) 해제 */
html body main > .page__banner,html body main > .page__banner picture,html body .container > .page__banner,html body .container > .page__banner picture{aspect-ratio:auto;height:auto;display:block;background:none}
/* 매거진 목차가 스크롤을 따라오게(아래쪽 왼쪽 칸 빔 방지) */
@media (min-width:1024px){html body .magazine-detail__sidebar .toc{position:sticky;top:96px}}
/* 태그 모음: 기본 점 목록 → 칩 */
html body .tag-cloud-index__list{list-style:none;padding:0;margin:8px 0 20px;display:flex;flex-wrap:wrap;gap:8px}
html body .tag-cloud-index__list > li{margin:0}
html body .tag-cloud-index__list a{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border:1px solid #e1e6ef;border-radius:999px;background:#fff;color:#1f2a3d;font-weight:700;text-decoration:none}
html body .tag-cloud-index__list a:hover{border-color:#fbbf24;background:#fffaeb}
html body .tag-cloud-index__bucket{color:#1f3a5f;font-weight:900;padding-left:12px;border-left:5px solid #fbbf24}
/* 상세 쪽 구간(견인·휴게소·졸음쉼터·노선 등) 안의 클래스 없는 목록: 옐로 점 */
html body main section ul:not([class]){list-style:none;padding-left:0}
html body main section ul:not([class]) > li{position:relative;padding-left:1.35em;margin:.35em 0}
html body main section ul:not([class]) > li::before{content:"";position:absolute;left:.25em;top:.72em;width:7px;height:7px;border-radius:50%;background:#f59e0b}

/* 10-26 사장님 지적(왼쪽 여백 없음, /reststop/…): 테두리 상자 안쪽 여백 — 방문 전 확인·요약·FAQ 묶음 */
html body :is(.siteinfor-data-guidance,.thin-summary,.magazine-faq){padding:24px 28px}
html body :is(.siteinfor-data-guidance,.thin-summary,.magazine-faq) > :first-child{margin-top:0}
html body :is(.siteinfor-data-guidance,.thin-summary,.magazine-faq) > :last-child{margin-bottom:0}
@media (max-width:767px){html body :is(.siteinfor-data-guidance,.thin-summary,.magazine-faq){padding:18px 18px}}
/* 상세 정보 카드: 4열 고정 → 카드 수만큼 칸 전체를 나눠 채움(휴게소 2장이 왼쪽 절반만 차던 것) */
@media (min-width:1100px){html body .info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
/* 같은 노선 인접 휴게소·졸음쉼터: 기본 점 목록 → 거리 순 카드 격자 */
html body .nearby-multi{margin:28px 0}
html body .nearby-multi__list{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
html body .nearby-multi__item{margin:0}
html body .nearby-multi__link{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:56px;height:100%;padding:12px 16px;border:1px solid #e6e9f0;border-radius:14px;background:#fff;color:#1f2a3d;text-decoration:none;box-shadow:0 2px 6px rgba(15,27,45,.04)}
html body .nearby-multi__link:hover{border-color:#fbbf24;box-shadow:0 10px 22px rgba(15,27,45,.10)}
html body .nearby-multi__dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%}
html body .nearby-multi__cpt{font-size:.8rem;font-weight:700;color:#5b6780;background:#f3f6fb;border-radius:999px;padding:2px 8px}
html body .nearby-multi__title{font-weight:800;color:#1f3a5f}
html body .nearby-multi__link > :last-child{margin-left:auto;font-size:.86rem;font-weight:700;color:#1d4ed8}
/* 10-26 미판정 7종 직접 검수: 이모지 지운 뒤 빈 이모지 칸(18px) 숨김, 지역 '빠른 탐색' 기본 점 목록 → 칩 */
html body .hub-chip__emoji:empty{display:none}
html body .region-filters__list{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px}
html body .region-filters__list > li{margin:0;padding:0}
html body .region-filters__list > li::before{content:none}
html body .region-filters__list a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #e1e6ef;border-radius:999px;background:#fff;color:#1f3a5f;font-weight:700;text-decoration:none}
html body .region-filters__list a:hover{border-color:#fbbf24;background:#fffaeb}
/* 10-26 눈 검수 2부 반영 */
/* 지도 쪽: 필터 칩 줄(절대 위치)이 '다른 카테고리' 색 라벨 줄과 겹치던 것 → 위아래로 나란히 */
html body .map-explorer__map-wrap > .map-explorer__chips{position:static;padding:10px 12px 0;background:#fff}
html body .map-explorer__p22 a{min-height:40px;display:inline-flex;align-items:center;border-radius:999px;padding:4px 12px}
/* 표: 데스크톱에서도 칸 최소 폭(시·도 표 첫 칸이 '서울특별/시'처럼 한 글자씩 쪼개지던 것) */
@media (min-width:768px){html body :is(.page__body,.magazine-detail__body) :is(th,td){min-width:5.5em}} /* 모바일 10em 규칙을 덮지 않게 데스크톱에만 */
/* 링크만 이어진 목록의 밑줄투성이 → 목록 안 링크는 굵은 남색, 마우스 올릴 때만 밑줄 */
html body :is(.page__body,.magazine-detail__body) li > a:not([class]){text-decoration:none;font-weight:700;color:#1f4fa0}
html body :is(.page__body,.magazine-detail__body) li > a:not([class]):hover{text-decoration:underline;text-decoration-color:#f59e0b}
/* 10-26 14시 감시 회차 개선 1건: 태그 모음 쪽(page-magazine-tags) 머리 그림 — 목록 쪽 머리 그림과 같은 방식(매거진 배너) */
html body.page-template-page-magazine-tags .archive__header{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:32px;align-items:start}
html body.page-template-page-magazine-tags .archive__header > *,html body.page-template-page-magazine-tags .archive__header::before{grid-column:1}
html body.page-template-page-magazine-tags .archive__header::after{content:"";grid-column:2;grid-row:1 / span 12;align-self:stretch;min-height:180px;max-height:240px;border-radius:18px;background:#e9eef5 url(../img/banners-v2/banner-magazine.webp) center/cover no-repeat;box-shadow:0 12px 28px rgba(31,58,95,.12)}
@media (max-width:767px){
  html body.page-template-page-magazine-tags .archive__header{grid-template-columns:minmax(0,1fr)}
  html body.page-template-page-magazine-tags .archive__header::after{grid-column:1;grid-row:auto;min-height:160px;max-height:190px;margin-top:14px}
}
/* 10-26 관리 세션 지시: 글 요약 한 줄·글 끝 자료 안내도 본문 기준 17px */
html body .summary60__short,html body .magazine-detail__footer p{font-size:17px}
/* 404: 머리 패널 + 오른쪽 그림(기존 전체 주차장 배너), 아래 빈 공간 정리 */
html body.error404 .error-404{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:32px;align-items:start;margin:24px auto 40px;padding:28px 32px;border:1px solid #f3ead2;border-radius:24px;background:linear-gradient(180deg,#fffaeb 0%,#fff 100%);box-shadow:0 10px 28px rgba(31,58,95,.06)}
html body.error404 .error-404 > *{grid-column:1}
html body.error404 .error-404::after{content:"";grid-column:2;grid-row:1 / span 12;align-self:stretch;min-height:200px;max-height:260px;border-radius:18px;background:#e9eef5 url(../img/banners-v2/banner-parking-all.webp) center/cover no-repeat;box-shadow:0 12px 28px rgba(31,58,95,.12)}
html body.error404 .error-404 .archive__title{color:#1f3a5f;font-weight:900;margin:0 0 10px}
html body.error404 .error-404 .search-bar{margin:12px 0 0;padding:0}
html body.error404 .error-404 .btn{display:inline-flex;align-items:center;min-height:44px;margin:4px 6px 4px 0}
@media (max-width:767px){
  html body.error404 .error-404{grid-template-columns:minmax(0,1fr);padding:20px 18px;border-radius:18px}
  html body.error404 .error-404::after{grid-column:1;grid-row:auto;min-height:160px;max-height:190px;margin-top:14px}
}
html body.error404 .error-404{max-width:1148px;text-align:left}
html body.error404 main.site-main{min-height:0}
@media (max-width:1179px){html body.error404 .error-404{margin-left:16px;margin-right:16px;width:auto}}
/* 10-26 15시 감시 회차 개선: 태그 칩 개수가 글자에 붙어 보이던 것(#강남1) → 작은 회색 숫자 배지 */
html body .tag-cloud-index__link{gap:8px}
html body .tag-cloud-index__count{font-size:.78rem;font-weight:700;color:#5b6780;background:#f3f6fb;border-radius:999px;padding:1px 8px}

/* 10-26 교차 검수(qa-sweep) siteinfor 결함 반영 */
/* 낱말 중간 끊김('가성비 주/차장','요금과 운/영시간'): 한글은 낱말 단위로 줄바꿈, 긴 주소·URL만 넘칠 때 끊기 */
html body{word-break:keep-all;overflow-wrap:break-word}
/* 320 머리 검색 단추 '검/색' 세로 찌그러짐 */
html body .search-form button,html body .hv3-search button{white-space:nowrap;flex-shrink:0;min-width:56px}
/* 1024 머리 메뉴 13개 중 '정보'만 둘째 줄로 떨어지던 것: 901~1199에서 간격·글자 줄임 */
@media (min-width:901px) and (max-width:1199px){html body .primary-menu .menu{gap:4px 9px}html body .primary-menu a{font-size:.84rem}}
/* 390·320 사이트 제목 말줄임 → 글자 줄여 한 줄에 다 보이게 */
@media (max-width:400px){html body .site-header .site-brand__text > *{white-space:normal;overflow:visible;text-overflow:clip}html body .site-header .site-brand__text > :first-child{font-size:15px;line-height:1.3}}
/* 768 지역 소개 글이 사진 옆 좁은 칸에 갇히던 것: 1023 이하에서는 머리 그림을 글 아래로 */
@media (max-width:1023px){
  html body.spt-arc .archive__header,html body.page-template-page-magazine-tags .archive__header,html body.error404 .error-404,html body .page__header--media{grid-template-columns:minmax(0,1fr)}
  html body.spt-arc .archive__header::after,html body.page-template-page-magazine-tags .archive__header::after,html body.error404 .error-404::after{grid-column:1;grid-row:auto;min-height:180px;max-height:240px;margin-top:14px}
  html body .page__header--media{grid-template-areas:"eyebrow" "title" "media";row-gap:12px}
}
/* 390·320 지역 목록 카드 이름 잘림('울산광역시 주차장') */
@media (max-width:480px){html body .region-grid__name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}}
/* 10-27 사장님: 안내 쪽 머리 상자를 홈 히어로처럼(그림 칸 넓게·사진 비율·제목 크게). 900px 이하는 기존 세로 배치 그대로 */
@media (min-width:901px){
  html body .page__header--media{grid-template-columns:minmax(0,1fr) minmax(0,44%);column-gap:40px;padding:36px 40px}
  html body .page__header--media .page__title{font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.18}
  html body .page__header--media .page__banner img{aspect-ratio:16/10;max-height:none;object-fit:cover;border-radius:20px;box-shadow:0 20px 44px rgba(31,58,95,.16)}
}

.magazine-detail__header .summary60:not(:has(.summary60__short)){display:none}