/* 상세 페이지(basics·city-fact·resort·shopping-detail) 전용 층 — 2026-09-18 개편.
   컬처픽 명작 페이지 양식을 따른다: 사진 프레임 → 제목 → 핵심만 → 목차 칩 → 아이콘 블록 → FAQ → 관련 글.
   한 열, 읽기 폭 760, 최소 15px. 옆 레일과 색띠는 없다. */
body:has(main.reader-detail){background:#fff}
main.reader-detail{
  --guide-ink:var(--ink,#1c1e24);--guide-muted:var(--muted,#5c6070);--guide-faint:var(--faint,#858b96);
  --guide-line:var(--line,#e6e8ee);--guide-line-2:var(--line-2,#f1f2f6);--guide-paper:var(--surface,#fafbfd);
  --guide-warm:#fff7e8;--guide-warning:#fff2ed;--guide-accent:var(--accent-ink,var(--brand-accent));
  --detail-ink:var(--guide-ink);--detail-muted:var(--guide-muted);--detail-border:var(--guide-line);--detail-accent:var(--guide-accent);--detail-soft:var(--brand-soft);
  background:#fff;color:var(--guide-ink);font-size:17px;line-height:1.8;max-width:var(--reading-width,760px);overflow-wrap:anywhere;padding:22px 0 80px;width:min(100% - var(--page-gutter,40px),var(--reading-width,760px));word-break:keep-all
}
main.reader-detail h1,main.reader-detail h2,main.reader-detail h3{color:var(--guide-ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.03em;text-wrap:pretty}
main.reader-detail h1{font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.22;margin:0 0 12px}
main.reader-detail h2{font-size:22px;font-weight:800;line-height:1.35}
main.reader-detail h3{font-size:18px;font-weight:750;line-height:1.45}
main.reader-detail p{font-size:17px;line-height:1.8;margin:0 0 14px}
main.reader-detail a{color:var(--guide-accent);text-underline-offset:4px}
main.reader-detail :is(a,button,summary):focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px}
main.reader-detail :is(.guide-anchor,h2[id],#guide-faq,#guide-next){scroll-margin-top:130px}
main.reader-detail .content-block{margin:0;min-width:0}
main.reader-detail summary::-webkit-details-marker{display:none}
main.reader-detail .grade-badge{border-radius:6px;font-size:15px;font-weight:700;line-height:1.3;padding:3px 7px;white-space:nowrap}
main.reader-detail .emphasis-number{background:var(--brand-soft);border-radius:4px;box-decoration-break:clone;color:var(--guide-ink);padding:0 3px;text-decoration:none}
main.reader-detail .emphasis-term{color:var(--guide-accent);text-decoration-color:color-mix(in srgb,var(--brand-accent) 45%,transparent)}
main.reader-detail .emphasis-warning{color:#b4300a;text-decoration-color:#f0a47b}

/* 1. 머리: 위치 → 사진 프레임 → 분류 → 제목 → 한 줄 요약 → 날짜·공식 안내 */
main.reader-detail .guide-opening{border-bottom:1px solid var(--guide-line);margin-bottom:18px;padding-bottom:22px}
main.reader-detail .block-b1{background:none;border:0;border-radius:0;display:block;padding:0}
main.reader-detail .block-b1 .article-breadcrumb{color:var(--guide-muted);font-size:15px;line-height:1.5;margin:0 0 12px}
main.reader-detail .article-breadcrumb ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0}
main.reader-detail .article-breadcrumb li{align-items:center;display:inline-flex;gap:8px}
main.reader-detail .article-breadcrumb li:not(:last-child)::after{color:var(--guide-faint);content:"›"}
main.reader-detail .article-breadcrumb a{color:var(--guide-muted);text-decoration:none}
main.reader-detail .article-breadcrumb a:hover{text-decoration:underline}
main.reader-detail .block-b1 .article-hero-media,main.reader-detail .article-lead-media{background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:14px;margin:0 0 18px;max-width:none;overflow:hidden;width:100%}
main.reader-detail .block-b1 .article-hero-media img,main.reader-detail .article-lead-media img{aspect-ratio:16/9;display:block;height:auto;max-height:440px;object-fit:cover;width:100%}
main.reader-detail .block-b1 .article-hero-media figcaption,main.reader-detail .article-lead-media figcaption{background:var(--guide-paper);border-block-start:1px solid var(--guide-line);color:var(--guide-muted);font-size:15px;line-height:1.55;margin:0;padding:8px 12px;text-align:left}
main.reader-detail .article-hero-media figcaption a{color:inherit}
main.reader-detail .article-hero-copy{margin:0}
main.reader-detail .eyebrow{color:var(--guide-accent);font-size:15px;font-weight:800;letter-spacing:.02em;margin:0 0 8px;text-transform:none}
main.reader-detail .definition{color:var(--ink-2,#3b3f4c);font-size:17px;font-weight:450;line-height:1.75;margin:0}
main.reader-detail .guide-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;margin:14px 0 0}
main.reader-detail .block-b2{margin:0;text-align:left}
main.reader-detail .article-updated{color:var(--guide-faint);font-size:15px;font-weight:600;line-height:1.5;margin:0}
main.reader-detail .guide-action,main.reader-detail .standard-action,main.reader-detail .fact-actions a,main.reader-detail .evidence-actions a{align-items:center;background:#fff;border:1px solid var(--guide-line);border-radius:999px;box-shadow:none;color:var(--guide-accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:700;gap:6px;justify-content:center;line-height:1.4;min-height:40px;padding:8px 14px;text-decoration:none;transition:background .15s,border-color .15s}
main.reader-detail .guide-action:hover,main.reader-detail .standard-action:hover,main.reader-detail .fact-actions a:hover,main.reader-detail .evidence-actions a:hover{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand-accent) 40%,var(--guide-line));transform:none}
main.reader-detail .guide-action--secondary{width:auto}
main.reader-detail .travel-product-link,main.reader-detail .resort-booking-link{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}

/* 2. 핵심만 — 팩트 시트(서명 요소): 숫자는 언제 확인했는지와 함께 */
main.reader-detail .fact-sheet{margin:20px 0 0}
main.reader-detail .fact-sheet-title{color:var(--guide-accent);font-size:16px;font-weight:800;margin:0 0 10px}
main.reader-detail .fact-sheet-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}
main.reader-detail .fact-sheet-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
main.reader-detail .fact-sheet-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
main.reader-detail .fact-stamp{background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:12px;display:grid;gap:4px;min-width:0;padding:12px 14px}
main.reader-detail .fact-stamp-label{color:var(--guide-muted);font-size:15px;font-weight:600;line-height:1.4}
main.reader-detail .fact-stamp-value{color:var(--guide-ink);font-size:21px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;line-height:1.3;overflow-wrap:anywhere}
main.reader-detail .fact-stamp-meta{align-items:center;color:var(--guide-faint);display:flex;flex-wrap:wrap;font-size:15px;gap:6px;line-height:1.3;margin-top:2px}

/* 3. 목차 — 칩 한 줄(컬처픽 nav.cats). 모바일은 가로 스크롤 */
main.reader-detail .guide-contents{border:0;margin:0 0 22px}
main.reader-detail .guide-contents>summary{color:var(--guide-faint);cursor:default;display:none;font-size:15px;font-weight:700;list-style:none}
main.reader-detail .guide-contents ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
main.reader-detail .guide-contents a{align-items:center;background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:999px;color:var(--ink-2,#3b3f4c);display:inline-flex;font-size:15px;font-weight:650;line-height:1.3;min-height:36px;padding:6px 12px;text-decoration:none;white-space:nowrap}
main.reader-detail .guide-contents a:hover{border-color:#cfd3dc}
main.reader-detail .guide-contents a[aria-current]{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}
main.reader-detail .guide-reading{min-width:0}

/* 4. 지도 */
main.reader-detail details.article-map{background:#fff;border:1px solid var(--guide-line);border-radius:14px;margin:0 0 24px;overflow:hidden}
main.reader-detail details.article-map>summary{cursor:pointer;padding:14px 16px}
main.reader-detail .article-map-heading span{color:var(--guide-accent);font-size:15px;font-weight:800;letter-spacing:.02em}
main.reader-detail .article-map-heading strong{font-size:18px}
main.reader-detail .article-map-heading p{color:var(--guide-muted);font-size:15px;margin:0}
main.reader-detail .article-map-frame{background:var(--guide-paper);border-block:1px solid var(--guide-line);padding:10px}
main.reader-detail .article-map-footer li{border-color:var(--guide-line)}

/* 5. 상세 조건과 출처 — 주제별 사실 목록 */
main.reader-detail .guide-facts-details{border:1px solid var(--guide-line);border-radius:14px;margin:0 0 24px;overflow:hidden}
main.reader-detail .guide-facts-details>summary{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:750;gap:14px;justify-content:space-between;list-style:none;min-height:54px;padding:13px 16px}
main.reader-detail .guide-facts-details>summary>span:last-child{color:var(--guide-accent);font-size:22px;line-height:1}
main.reader-detail .guide-facts-details[open]>summary{border-bottom:1px solid var(--guide-line)}
main.reader-detail .guide-facts-details[open]>summary>span:last-child{transform:rotate(45deg)}
main.reader-detail .guide-facts-details .fact-panel{border:0;border-radius:0;margin:0}
main.reader-detail .guide-facts-details .compare-table-wrap{margin:0;padding:0 16px 16px}
main.reader-detail .fact-panel{background:#fff;margin:0;overflow:hidden;padding:4px 16px 8px}
main.reader-detail .fact-panel-title{color:var(--guide-ink);font-size:16px;font-weight:800;margin:12px 0 4px}
main.reader-detail .fact-groups{display:grid;gap:0}
main.reader-detail .fact-group{background:none;border:0;border-radius:0;border-block-start:1px solid var(--guide-line-2);padding:14px 0 12px}
main.reader-detail .fact-group:first-child{border-block-start:0}
main.reader-detail .fact-group>h3{color:var(--guide-accent);font-size:15px;font-weight:800;letter-spacing:.02em;margin:0 0 6px;text-transform:none}
main.reader-detail .fact-group-note{color:var(--guide-muted);font-size:15px;margin:-2px 0 8px}
main.reader-detail .fact-items{column-gap:22px;display:grid;gap:0;margin:0}
main.reader-detail .fact-item{border-block-start:1px solid var(--guide-line-2);min-width:0;padding:10px 0}
main.reader-detail .fact-item:first-child{border-block-start:0;padding-top:4px}
main.reader-detail .fact-item dt{color:var(--guide-muted);font-size:15px;font-weight:600;margin:0 0 2px}
main.reader-detail .fact-item dd{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin:0}
main.reader-detail .fact-item dd strong{font-size:17px;font-weight:800;letter-spacing:-.015em;line-height:1.4}
main.reader-detail .fact-conditions{color:var(--guide-muted);font-size:15px;margin:6px 0 0}
main.reader-detail .fact-item .fact-source{color:var(--guide-faint);font-size:15px;margin:5px 0 0}
main.reader-detail .fact-item .fact-source a{color:var(--guide-muted)}
@media(min-width:560px){main.reader-detail .fact-items{grid-template-columns:1fr 1fr}main.reader-detail .fact-item:nth-child(2){border-block-start:0;padding-top:4px}}
/* 표 형식 사실(그룹 없음) */
main.reader-detail .fact-panel table{border-collapse:collapse;display:table;table-layout:fixed;width:100%}
main.reader-detail .fact-panel caption{color:var(--guide-ink);display:table-caption;font-size:16px;font-weight:800;line-height:1.4;padding:12px 0 8px;text-align:left}
main.reader-detail .fact-panel tbody{display:table-row-group}
main.reader-detail .fact-panel tbody tr{background:none;border-radius:0;display:table-row;padding:0}
main.reader-detail .fact-panel th,main.reader-detail .fact-panel td{border-bottom:1px solid var(--guide-line-2);display:table-cell;font-size:15px;line-height:1.6;padding:12px 6px;text-align:left;vertical-align:top}
main.reader-detail .fact-panel .fact-label{color:var(--guide-muted);font-weight:600;padding-left:0;width:24%}
main.reader-detail .fact-panel .fact-value{width:46%}
main.reader-detail .fact-panel .fact-grade{width:13%}
main.reader-detail .fact-panel .fact-provenance{margin:0;padding-right:0;width:17%}
main.reader-detail .fact-value strong{font-size:16px;font-weight:750}
main.reader-detail .fact-value small{color:var(--guide-muted);display:block;font-size:15px;line-height:1.55;margin-top:4px}
main.reader-detail .fact-source-details>summary{background:transparent;border:0;font-size:15px;min-height:36px;padding:6px 2px}
main.reader-detail .fact-source-details>div{color:var(--guide-muted);font-size:15px}

/* 비교표 — 데스크톱은 표, 모바일은 행마다 카드 */
main.reader-detail .compare-table-wrap{margin:0 0 24px}
main.reader-detail .compare-table-heading{font-size:16px;font-weight:800;margin:0 0 8px}
main.reader-detail .compare-table-scroll{border:1px solid var(--guide-line);border-radius:12px;overflow-x:auto}
main.reader-detail .compare-table{border-collapse:collapse;display:table;min-width:0;table-layout:auto;width:100%}
main.reader-detail .compare-table caption{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}
main.reader-detail .compare-table thead{display:table-header-group}
main.reader-detail .compare-table tbody{display:table-row-group}
main.reader-detail .compare-table tr{display:table-row}
main.reader-detail .compare-table th,main.reader-detail .compare-table td{background:#fff;border-bottom:1px solid var(--guide-line-2);display:table-cell;font-size:15px;line-height:1.6;padding:12px 10px;vertical-align:top}
main.reader-detail .compare-table thead th{background:var(--guide-paper);color:var(--guide-muted);font-weight:700;white-space:normal}
main.reader-detail .compare-table tbody th{color:var(--guide-ink);font-weight:800;min-width:0}
main.reader-detail .compare-table tbody th a{color:inherit;text-decoration-color:color-mix(in srgb,var(--brand-accent) 45%,transparent)}
main.reader-detail .compare-table td time{color:var(--guide-faint);white-space:nowrap}
main.reader-detail .compare-table-note{color:var(--guide-muted);font-size:15px;margin:8px 0 0}

/* 6. 본문 — 컬처픽 '작품 읽기' 블록: 아이콘 + 소제목 + 항목표, 세로 연결선 */
main.reader-detail .block-b4{display:grid;gap:18px;margin:0 0 24px;position:relative}
main.reader-detail .block-b4>.deep-section{background:none;border:0;border-radius:0;box-shadow:none;margin:0;padding:0 0 0 48px;position:relative}
main.reader-detail .block-b4>.deep-section:not(:last-of-type)::before{background:var(--guide-line);bottom:-18px;content:"";left:17px;position:absolute;top:38px;width:2px}
main.reader-detail .block-b4>.deep-section h2{align-items:center;color:var(--guide-accent);display:flex;font-size:18px;font-weight:800;gap:0;line-height:1.4;margin:0 0 10px;min-height:36px}
main.reader-detail .block-b4>.deep-section h2::before{content:none}
main.reader-detail .guide-tone-icon{align-items:center;background:var(--brand-soft);border-radius:9px;color:var(--guide-accent);display:flex;height:36px;justify-content:center;left:0;position:absolute;top:0;width:36px}
main.reader-detail .guide-tone-icon svg{height:20px;width:20px}
main.reader-detail .block-b4>[data-guide-tone="cost"] .guide-tone-icon{background:var(--guide-warm);color:#8a5a00}
main.reader-detail .block-b4>[data-guide-tone="caution"] .guide-tone-icon{background:var(--guide-warning);color:#b4300a}
main.reader-detail .block-b4>.deep-section>p{color:var(--ink-2,#3b3f4c);font-size:16px;line-height:1.8;margin:0 0 12px;padding:0}
main.reader-detail .guide-points{border:1px solid var(--guide-line);border-radius:12px;display:grid;grid-template-columns:132px minmax(0,1fr);margin:0;overflow:hidden;padding:0}
main.reader-detail .guide-points>dt,main.reader-detail .guide-points>dd{border-bottom:1px solid var(--guide-line-2);line-height:1.65;margin:0;overflow-wrap:anywhere;padding:12px 14px;word-break:keep-all}
main.reader-detail .guide-points>dt{background:var(--guide-paper);color:var(--guide-muted);font-size:15px;font-weight:700}
main.reader-detail .guide-points>dd{color:var(--guide-ink);font-size:16px}
main.reader-detail .guide-points>dt:last-of-type,main.reader-detail .guide-points>dd:last-of-type{border-bottom:0}
main.reader-detail .guide-checklist{background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:12px;margin:12px 0 0;padding:14px 16px}
main.reader-detail .guide-checklist h3{font-size:15px;margin:0 0 8px}
main.reader-detail .guide-checklist li{font-size:15px;line-height:1.6}
main.reader-detail .guide-step-list{margin:12px 0 0;padding:0}
main.reader-detail .guide-step-list>li{border:1px solid var(--guide-line);border-radius:12px;box-shadow:none;margin:0 0 10px;padding:14px 16px}
main.reader-detail .block-b4>.ad-slot{margin:0;padding-left:48px}

/* 가족 적합성 패널 */
main.reader-detail .family-fit-section{margin:8px 0 24px}
main.reader-detail .family-fit-section>h2{font-size:20px;margin:0 0 6px}
main.reader-detail .family-fit-section>p{color:var(--guide-muted);font-size:15px;margin:0 0 12px}
main.reader-detail .family-fit-grid{gap:10px;margin-top:0}
main.reader-detail .family-fit-item{border:1px solid var(--guide-line);border-radius:12px;padding:16px 18px}
main.reader-detail .family-fit-item h3{font-size:17px;margin:0 0 4px}
main.reader-detail .family-fit-verdict{font-size:15px;font-weight:650;line-height:1.7;margin:0 0 10px}
main.reader-detail .family-fit-kids{background:var(--guide-paper);border:1px solid var(--guide-line-2);border-radius:10px;margin:0 0 10px;padding:10px 12px}
main.reader-detail .family-fit-kids strong,main.reader-detail .family-fit-why strong,main.reader-detail .family-fit-watch strong{color:var(--guide-accent);font-size:15px;font-weight:800;margin-bottom:3px}
main.reader-detail .family-fit-why strong,main.reader-detail .family-fit-watch strong{color:var(--guide-muted)}
main.reader-detail .family-fit-item p,main.reader-detail .family-fit-item li{font-size:15px;line-height:1.7}
main.reader-detail .family-fit-item ul{margin:0 0 8px;padding-left:16px}
main.reader-detail .family-fit-watch{border-block-start:1px dashed var(--guide-line);margin-top:6px;padding-top:8px}
main.reader-detail .family-fit-sources summary{display:inline-flex;min-height:34px}
main.reader-detail .family-fit-sources ul{font-size:15px;margin-top:6px}
main.reader-detail .family-fit-source-kind{background:var(--guide-paper);border-radius:4px;color:var(--guide-muted);font-size:15px}
main.reader-detail .family-fit-method{color:var(--guide-faint);font-size:15px;margin:10px 0 0}
main.reader-detail .recent-video-panel{background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:14px;margin:0 0 24px;padding:18px}
main.reader-detail .recent-video-panel p{font-size:15px}

/* 숙소 — 객실 조건·비교 */
main.reader-detail .stay-essentials{background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:14px;margin:0 0 24px;padding:18px}
main.reader-detail .stay-essentials h2{font-size:20px;letter-spacing:-.03em;line-height:1.4;margin:0 0 10px}
main.reader-detail .stay-essentials dl{margin:0}
main.reader-detail .stay-essentials dl>div{border-block-start:1px solid var(--guide-line);gap:10px;grid-template-columns:96px 1fr;padding:12px 0}
main.reader-detail .stay-essentials dt{color:var(--guide-muted);font-size:15px;font-weight:650}
main.reader-detail .stay-essentials dd{font-size:16px;line-height:1.7}
main.reader-detail .stay-essentials dd>strong{color:var(--guide-ink);font-size:15px;font-weight:750}
main.reader-detail .stay-compare{color:var(--guide-ink);margin:0 0 24px}
main.reader-detail .stay-compare h2{font-size:20px;letter-spacing:-.03em;line-height:1.4;margin:0 0 8px}
main.reader-detail .stay-compare h3{font-size:17px;margin:14px 0 10px}
main.reader-detail .stay-compare-note,main.reader-detail .stay-compare header p{color:var(--guide-muted);font-size:15px;line-height:1.65}
main.reader-detail .stay-city-buttons button{background:#fff;border-color:var(--guide-line);border-radius:999px;color:var(--ink-2,#3b3f4c);font-weight:650;min-height:40px;padding:8px 16px}
main.reader-detail .stay-city-buttons button[aria-pressed="true"]{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}
main.reader-detail .stay-selectors{background:var(--guide-paper);border-color:var(--guide-line);border-radius:12px 12px 0 0}
main.reader-detail .stay-selectors label{color:var(--guide-muted)}
main.reader-detail .stay-selectors select{border-color:var(--guide-line);border-radius:8px;color:var(--guide-ink)}
main.reader-detail .stay-compare-scroll{border-color:var(--guide-line);border-radius:0 0 12px 12px}
main.reader-detail .stay-compare-table{margin:0}
main.reader-detail .stay-compare-table th,main.reader-detail .stay-compare-table td{border-color:var(--guide-line-2)}
main.reader-detail .stay-compare-table tr>:first-child{background:var(--guide-paper);color:var(--guide-muted)}
main.reader-detail .stay-compare-table thead th:not(:first-child){background:#fff}
main.reader-detail .stay-compare-table thead a{color:var(--guide-ink);font-size:17px}
main.reader-detail .stay-compare-table td>strong,main.reader-detail .stay-essentials dd>strong{color:var(--guide-ink)}
main.reader-detail .stay-compare-table td>small,main.reader-detail .stay-essentials dd>small{color:var(--guide-muted)}
main.reader-detail .stay-sources{color:var(--guide-muted)}
main.reader-detail .stay-optional{border-color:var(--guide-line);border-radius:12px}
main.reader-detail .stay-optional .resort-module-heading>p{display:none}
main.reader-detail .resort-profile{gap:18px;margin:0 0 24px}
main.reader-detail .resort-profile>.resort-itinerary-panel,main.reader-detail .resort-profile>.resort-review-digest{background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:14px;padding:18px}
main.reader-detail .resort-module-heading>span{color:var(--guide-accent);font-size:15px;letter-spacing:.02em}
main.reader-detail .resort-module-heading h2{font-size:20px}
main.reader-detail .resort-profile p,main.reader-detail .resort-profile li{font-size:15px;line-height:1.7}
main.reader-detail .resort-fit-grid>section{border-radius:12px;padding:14px 16px}
main.reader-detail .resort-review-grid article{background:#fff;border:1px solid var(--guide-line);border-radius:12px}
main.reader-detail .resort-review-grid .resort-review-cautions{background:var(--guide-warning);border-color:#f7d3c4}
main.reader-detail .course-day{border-color:var(--guide-line);border-radius:14px}

/* 7. 출처 */
main.reader-detail .block-b5{margin:0 0 24px}
main.reader-detail .block-b5 .reference-notes{background:#fff;border:1px solid var(--guide-line);border-radius:14px;color:var(--guide-ink);margin:0;overflow:hidden;padding:0}
main.reader-detail .block-b5 .reference-notes>summary{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:750;justify-content:space-between;list-style:none;min-height:54px;padding:13px 16px}
main.reader-detail .block-b5 .reference-notes[open]>summary{border-bottom:1px solid var(--guide-line)}
main.reader-detail .source-count{color:var(--guide-accent);font-size:15px}
main.reader-detail .block-b5 .source-group{border-bottom:1px solid var(--guide-line-2);padding:12px 16px}
main.reader-detail .block-b5 .source-group:last-child{border-bottom:0}
main.reader-detail .source-group-heading strong{font-size:15px}
main.reader-detail .source-group-heading span{color:var(--guide-muted);font-size:15px}
main.reader-detail .evidence-list{display:grid;gap:0;list-style:none;margin:0;padding:0}
main.reader-detail .evidence-item{background:#fff;border-bottom:1px solid var(--guide-line-2);border-radius:0;display:grid;gap:3px;padding:10px 0}
main.reader-detail .evidence-item:last-child{border-bottom:0}
main.reader-detail .evidence-item strong{font-size:15px;font-weight:700;line-height:1.5}
main.reader-detail .evidence-kind,main.reader-detail .evidence-meta,main.reader-detail .evidence-item span,main.reader-detail .evidence-item time{color:var(--guide-muted);font-size:15px;line-height:1.5}
main.reader-detail .evidence-meta{margin:0}
main.reader-detail .evidence-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
main.reader-detail .evidence-actions a{min-height:32px;padding:4px 10px}
main.reader-detail .evidence-actions .observation-disclosure,main.reader-detail .evidence-actions .evidence-disclosure{background:transparent;border:0;color:var(--guide-muted);font-size:15px;min-height:0;padding:4px 0}

/* 8. FAQ · 관련 글 · 고지 */
main.reader-detail .block-b7,main.reader-detail .block-b8{background:#fff;border:0;border-block-start:1px solid var(--guide-line);border-radius:0;margin:0;padding:24px 0}
main.reader-detail .section-title{margin-bottom:12px}
main.reader-detail .section-title>span{color:var(--guide-accent);display:block;font-size:15px;font-weight:800;letter-spacing:.02em;margin-bottom:3px}
main.reader-detail .section-title h2{font-size:20px;margin:0}
main.reader-detail .faq-list{display:grid;gap:0}
main.reader-detail .faq-item{background:#fff;border:0;border-bottom:1px solid var(--guide-line-2);border-radius:0;padding:0}
main.reader-detail .faq-item summary{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none;min-height:52px;padding:14px 2px}
main.reader-detail .faq-item summary::after{color:var(--guide-accent);content:"+";font-size:20px;font-weight:700}
main.reader-detail .faq-item details[open] summary::after{content:"−"}
main.reader-detail .faq-item h3{font-size:16px;font-weight:700;margin:0}
main.reader-detail .faq-answer{background:var(--guide-paper);border:0;border-radius:10px;margin:0 0 14px;padding:14px 16px}
main.reader-detail .faq-answer p{font-size:15px;line-height:1.75;margin:0 0 8px}
main.reader-detail .faq-answer p:last-child{margin:0}
main.reader-detail .related-grid{border:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
main.reader-detail .related-card{align-items:start;background:#fff;border:1px solid var(--guide-line);border-radius:12px;box-shadow:none;display:grid;gap:3px;grid-template-columns:1fr;min-height:0;padding:12px 14px;text-decoration:none;transition:border-color .15s}
main.reader-detail .related-card:hover{background:#fff;border-color:#cfd3dc;box-shadow:none;transform:none}
main.reader-detail .related-card small{color:var(--guide-accent);font-size:15px;font-weight:800}
main.reader-detail .related-card span{color:var(--guide-ink);font-size:15px;font-weight:700;line-height:1.5}
main.reader-detail .related-plan{margin-top:12px}
main.reader-detail .travel-products-panel,main.reader-detail .affiliate-product-section{background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:14px;margin-top:20px;padding:18px}
main.reader-detail .travel-products-intro{font-size:15px}
main.reader-detail .block-b9{background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:12px;color:var(--guide-muted);font-size:15px;margin-top:20px;padding:14px 16px}
main.reader-detail .block-b9 .notice-label{color:var(--guide-ink);font-size:15px}
main.reader-detail .block-b9 p{font-size:15px;line-height:1.7;margin:0}
main.reader-detail .ad-slot{margin:20px 0}

@media(max-width:820px){
  main.reader-detail{padding:16px 0 64px;width:min(100% - var(--page-gutter,28px),var(--reading-width,760px))}
  main.reader-detail h1{font-size:27px;letter-spacing:-.035em;line-height:1.25}
  main.reader-detail h2{font-size:20px}
  main.reader-detail p,main.reader-detail .definition{font-size:16px;line-height:1.75}
  main.reader-detail .block-b1 .article-hero-media img,main.reader-detail .article-lead-media img{aspect-ratio:16/10;max-height:none}
  main.reader-detail .guide-opening{margin-bottom:14px;padding-bottom:16px}
  main.reader-detail .fact-sheet-grid,main.reader-detail .fact-sheet-grid[data-count="3"],main.reader-detail .fact-sheet-grid[data-count="4"]{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  main.reader-detail .fact-stamp{padding:10px 12px}
  main.reader-detail .fact-stamp-value{font-size:19px}
  main.reader-detail .guide-contents{margin:0 calc(var(--page-gutter,28px) / -2) 18px}
  main.reader-detail .guide-contents ol{flex-wrap:nowrap;overflow-x:auto;padding:0 calc(var(--page-gutter,28px) / 2) 4px;scrollbar-width:none}
  main.reader-detail .guide-contents a{flex:0 0 auto}
  main.reader-detail .fact-panel{padding:2px 12px 6px}
  main.reader-detail .fact-panel table,main.reader-detail .fact-panel tbody{display:block}
  main.reader-detail .fact-panel caption{display:block;padding:10px 0 6px}
  main.reader-detail .fact-panel tbody{display:grid;gap:0;grid-template-columns:1fr}
  main.reader-detail .fact-panel tbody tr{border-bottom:1px solid var(--guide-line-2);display:grid;gap:4px 10px;grid-template-areas:'label grade' 'value value' 'source source';grid-template-columns:minmax(0,1fr) auto;padding:12px 0}
  main.reader-detail .fact-panel th,main.reader-detail .fact-panel td{border:0;display:block;font-size:15px;padding:0;width:auto}
  main.reader-detail .fact-panel .fact-label{grid-area:label}
  main.reader-detail .fact-panel .fact-grade{grid-area:grade}
  main.reader-detail .fact-panel .fact-value{grid-area:value}
  main.reader-detail .fact-panel .fact-provenance{grid-area:source}
  main.reader-detail .compare-table-scroll{border:0;overflow:visible}
  main.reader-detail .compare-table,main.reader-detail .compare-table tbody{display:block;min-width:0;width:100%}
  main.reader-detail .compare-table thead{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}
  main.reader-detail .compare-table tbody{display:grid;gap:10px}
  main.reader-detail .compare-table tr{border:1px solid var(--guide-line);border-radius:12px;display:grid;overflow:hidden;padding:4px 12px}
  main.reader-detail .compare-table th,main.reader-detail .compare-table td{border:0;border-block-start:1px solid var(--guide-line-2);display:block;padding:9px 0}
  main.reader-detail .compare-table tbody th{border-block-start:0;font-size:16px}
  main.reader-detail .compare-table td[data-label]::before{color:var(--guide-muted);content:attr(data-label);display:block;font-size:15px;font-weight:700;margin-bottom:2px}
  main.reader-detail .block-b4{gap:16px}
  main.reader-detail .block-b4>.deep-section{padding-left:44px}
  main.reader-detail .block-b4>.deep-section:not(:last-of-type)::before{bottom:-16px;left:16px}
  main.reader-detail .block-b4>.deep-section h2{font-size:17px}
  main.reader-detail .block-b4>.deep-section>p{font-size:15px}
  main.reader-detail .guide-points{grid-template-columns:96px minmax(0,1fr)}
  main.reader-detail .guide-points>dt,main.reader-detail .guide-points>dd{padding:10px 12px}
  main.reader-detail .guide-points>dd{font-size:15px}
  main.reader-detail .block-b4>.ad-slot{padding-left:0}
  main.reader-detail .family-fit-item{padding:14px}
  main.reader-detail .stay-essentials{padding:14px}
  main.reader-detail .stay-essentials dl>div{grid-template-columns:76px minmax(0,1fr)}
  main.reader-detail .related-grid{grid-template-columns:1fr}
  main.reader-detail .block-b7,main.reader-detail .block-b8{padding:20px 0}
  main.reader-detail .travel-products-panel,main.reader-detail .affiliate-product-section,main.reader-detail .resort-profile>.resort-itinerary-panel,main.reader-detail .resort-profile>.resort-review-digest,main.reader-detail .recent-video-panel{padding:14px}
}
@media(prefers-reduced-motion:reduce){main.reader-detail *{scroll-behavior:auto;transition:none}}

/* 비교표 사진 출처 — <th> 안에 두면 열 제목의 접근성 이름이
   "뉴월드 푸꾸옥사진 정보… CC BY-SA 4.0 · 크기 조정 및 WebP 형식 변환" 이 된다.
   스크린리더가 읽는 열 이름과 AI 브리핑이 표에서 뽑는 열 이름이 그 문자열이라
   표 아래로 내렸다(2026-09-21). */
main.reader-detail .stay-photo-credits{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:8px 0 0;padding:0}
main.reader-detail .stay-photo-credits li{align-items:baseline;display:flex;gap:6px}
main.reader-detail .stay-credit-name{color:var(--guide-faint);font-size:13px;font-weight:700}

/* [2026-09-27] 꼭 알아야 할 정보·많이 찾는 항목 */
main.reader-detail .must-know{display:grid;gap:14px 24px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 22px;padding:16px 18px;border:1px solid var(--guide-line);border-radius:14px;background:var(--guide-paper)}
main.reader-detail .must-know-title{font-size:15px;font-weight:800;color:var(--guide-muted);margin:0 0 8px;letter-spacing:0}
main.reader-detail .must-know ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
main.reader-detail .must-know li a{display:block;font-size:16px;line-height:1.5;font-weight:650;color:var(--guide-ink,inherit);text-decoration:none;padding:4px 0;word-break:keep-all}
main.reader-detail .must-know li a::after{content:" ›";color:var(--guide-faint)}
main.reader-detail .must-know li a:hover{text-decoration:underline}
@media(max-width:700px){main.reader-detail .must-know{grid-template-columns:1fr;padding:14px 16px}}

/* [2026-10-14] 공항 도착 동선 — 공식 안내 순서를 세로 흐름도로 그린다. 단계 사이 선은 배경 선(색띠 테두리 아님). */
main.reader-detail .airport-route{background:var(--guide-paper);border:1px solid var(--guide-line);border-radius:14px;margin:0 0 22px;padding:20px 20px 16px}
main.reader-detail .airport-route-head h2{margin:2px 0 8px}
main.reader-detail .airport-route-head p{font-size:16px;margin:0 0 8px}
main.reader-detail .airport-route-meta{color:var(--guide-muted);font-size:15px!important}
main.reader-detail .airport-flow{counter-reset:none;list-style:none;margin:14px 0 6px;padding:0;position:relative}
main.reader-detail .airport-flow-step{display:grid;gap:14px;grid-template-columns:48px minmax(0,1fr);padding:0 0 16px;position:relative}
main.reader-detail .airport-flow-step:not(:last-child)::before{background:var(--guide-line);bottom:0;content:"";left:23px;position:absolute;top:48px;width:2px}
main.reader-detail .airport-flow-marker{align-items:center;background:#fff;border:1.5px solid var(--guide-accent);border-radius:50%;color:var(--guide-accent);display:flex;height:48px;justify-content:center;position:relative;width:48px}
main.reader-detail .airport-flow-marker b{align-items:center;background:var(--guide-accent);border-radius:50%;color:#fff;display:flex;font-size:15px;height:24px;justify-content:center;line-height:1;position:absolute;right:-8px;top:-8px;width:24px}
main.reader-detail .airport-flow-step[data-kind="bus"] .airport-flow-marker,main.reader-detail .airport-flow-step[data-kind="taxi"] .airport-flow-marker,main.reader-detail .airport-flow-step[data-kind="train"] .airport-flow-marker{background:var(--brand-soft)}
main.reader-detail .airport-flow-body{background:#fff;border:1px solid var(--guide-line);border-radius:12px;min-width:0;padding:12px 14px}
main.reader-detail .airport-flow-body h3{font-size:17px;margin:0 0 4px}
main.reader-detail .airport-flow-body p{font-size:16px;line-height:1.65;margin:0 0 6px}
main.reader-detail .airport-flow-kicker{color:var(--guide-muted);display:flex;flex-wrap:wrap;font-size:15px!important;gap:6px;margin:0 0 4px!important}
main.reader-detail .airport-floor{background:var(--guide-ink);border-radius:6px;color:#fff;font-weight:800;padding:0 7px}
main.reader-detail .airport-flow-links{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0!important}
main.reader-detail .airport-flow-links a,main.reader-detail .airport-facility a{font-size:15px;font-weight:700}
main.reader-detail .airport-icon{flex:none;height:24px;width:24px}
main.reader-detail .airport-sub{font-size:17px;margin:14px 0 8px}
main.reader-detail .airport-facilities{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0 0 14px;padding:0}
main.reader-detail .airport-facility{align-items:flex-start;background:#fff;border:1px solid var(--guide-line);border-radius:12px;color:var(--guide-accent);display:flex;gap:10px;padding:12px}
main.reader-detail .airport-facility div{color:var(--guide-ink);display:grid;gap:2px;min-width:0}
main.reader-detail .airport-facility strong{font-size:16px}
main.reader-detail .airport-facility span{color:var(--guide-muted);font-size:15px;line-height:1.5}
main.reader-detail .airport-facility-kind{color:var(--guide-accent);font-size:15px!important;font-weight:800;margin:0!important}
main.reader-detail .airport-dest-wrap{margin:0 0 10px;overflow-x:auto}
main.reader-detail .airport-dest{background:#fff;border:1px solid var(--guide-line);border-collapse:separate;border-radius:12px;border-spacing:0;font-size:15px;width:100%}
main.reader-detail .airport-dest caption{caption-side:top;color:var(--guide-ink);font-size:16px;font-weight:800;padding:0 0 8px;text-align:left}
main.reader-detail .airport-dest :is(th,td){border-block-end:1px solid var(--guide-line-2);line-height:1.5;padding:9px 10px;text-align:left;vertical-align:top}
main.reader-detail .airport-dest thead th{background:var(--guide-paper);color:var(--guide-muted);font-weight:800}
main.reader-detail .airport-dest tbody tr:last-child :is(th,td){border-block-end:0}
main.reader-detail .airport-route-foot{display:flex;flex-wrap:wrap;font-size:15px!important;gap:6px 16px;margin:6px 0 0!important}
@media(max-width:700px){
  main.reader-detail .airport-route{padding:16px 14px 12px}
  main.reader-detail .airport-facilities{grid-template-columns:1fr}
  main.reader-detail .airport-dest thead,main.reader-detail .airport-dest td.is-empty{display:none}
  main.reader-detail .airport-dest caption{display:block;padding:12px 12px 4px;width:auto}
  main.reader-detail .airport-dest,main.reader-detail .airport-dest tbody,main.reader-detail .airport-dest tr,main.reader-detail .airport-dest :is(th,td){display:block;width:100%}
  main.reader-detail .airport-dest tr{border-block-end:1px solid var(--guide-line);padding:8px 0}
  main.reader-detail .airport-dest :is(th,td){border:0;padding:3px 12px}
  main.reader-detail .airport-dest td[data-label]::before{color:var(--guide-muted);content:attr(data-label) " ";font-weight:700}
}