/* 재팬 테마 v2 "네임카드형"(2026-10-27). site.theme === "plain" 인 사이트에서 travel.css·article.css 뒤에 실린다.
   마크업은 손대지 않고 표면만 바꾼다. 카드뉴스 문법(사진 카드 + 두 줄 굵은 제목 + 분류 칩 + 수치 도장) ×
   담백한 본문(글자 13·15·18 + 가로선). 글꼴은 시스템 고딕 하나. 그림자·색 띠·이모지 없음.
   글자 크기: 본문 15 · 보조 13 · 소제목 18 · 카드 제목 20 · 머리 제목 30(휴대폰 24).
   선택자는 html[data-theme=plain] 을 네 번 겹쳐 기존 규칙보다 항상 우선한다(중첩 CSS). */
/* 글꼴: 페이퍼로지(OFL, 자체 호스팅·부분집합). 제목·카드·숫자는 Black, 본문은 Regular, 강조는 Bold. */
@font-face{font-display:swap;font-family:Paperlogy;font-style:normal;font-weight:400;src:url('/assets/fonts/paperlogy/paperlogy-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:Paperlogy;font-style:normal;font-weight:700;src:url('/assets/fonts/paperlogy/paperlogy-bold.woff2') format('woff2')}
@font-face{font-display:swap;font-family:Paperlogy;font-style:normal;font-weight:900;src:url('/assets/fonts/paperlogy/paperlogy-black.woff2') format('woff2')}
html[data-theme=plain][data-theme][data-theme][data-theme]{
  --p-ink:#1f2430;--p-meta:#666;--p-line:#e3e8f0;--p-line-2:#eef1f6;--p-navy:#1b3a6b;--p-sky:#eef3fb;--p-yellow:#ffe066;--p-link:#1b3a6b;--p-paper:#f6f8fb;
  --p-grad:linear-gradient(180deg,rgba(10,20,40,.05) 0%,rgba(10,20,40,.42) 42%,rgba(10,20,40,.9) 100%);
  --guide-accent:var(--p-navy);--brand-soft:var(--p-sky);--brand-accent:var(--p-navy);

  & body{background:#fff;color:var(--p-ink);font-family:Paperlogy,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:15px;letter-spacing:-.01em;line-height:1.75;word-break:keep-all}
  & body *{font-family:inherit}
  & a{color:var(--p-link);text-decoration:underline;text-underline-offset:2px}
  & a:hover{color:#0f2546}
  & main :where(*){font-size:15px;text-transform:none}
  & h1,& h2,& h3,& h4{color:var(--p-ink);letter-spacing:-.02em;line-height:1.3;text-wrap:pretty}
  & h1{font-size:30px;font-weight:900;margin:0 0 8px}
  & h2{border-bottom:0;color:var(--p-ink);font-size:20px;font-weight:900;margin:0 0 10px;padding-bottom:0;text-decoration:underline;text-decoration-color:var(--p-yellow);text-decoration-skip-ink:none;text-decoration-thickness:10px;text-underline-offset:-4px}
  & h3{font-size:15px;font-weight:800;margin:0 0 6px}
  & h4{font-size:15px;font-weight:700;margin:0 0 4px}
  & p{font-size:15px;line-height:1.7;margin:0 0 12px}
  & main :where(time,small,figcaption,cite,.ad-label,.article-updated,.article-breadcrumb,.article-breadcrumb *,.fact-stamp-meta,.fact-stamp-meta *,.fact-source,.fact-source *,.fact-conditions,.fact-conditions *,.fact-group-note,.evidence-kind,.evidence-meta,.evidence-meta *,.story-photo-attribution,.story-photo-attribution *,.photo-credit-details,.photo-credit-details *,.compare-table-note,.compare-table-note *,.board-hero-meta,.dest-kicker,.card-kicker,.related-card-kicker,.notice-label,.notice-text,.affiliate-notice,.source-count,.airport-route-meta,.airport-flow-kicker,.airport-flow-kicker *,.airport-facility span,.airport-facility-kind,.course-day-badge,.course-stop-meta,.course-stop-meta *,.guide-meta time,.smallcity-source,.smallcity-source *,.dest-fact,.dest-fact *,.plan-result-count,.search-status,.commerce-trend-note,.grade-badge,.observation-disclosure,.evidence-disclosure,.family-fit-method,.calendar-note,.board-number,.professional-category-copy b,.professional-feed-item time,.fact-sheet-title,.must-know-title,.article-map-heading p,.source-group-heading span,.block-b9 *,.eyebrow,.filter-field__label,.search-suggestions>span,.smallcity-card-line,.dest-facts){font-size:13px}
  & main :where(time,small,figcaption,.article-updated,.fact-stamp-meta,.fact-source,.fact-conditions,.evidence-kind,.story-photo-attribution,.photo-credit-details,.compare-table-note,.board-hero-meta,.notice-text,.source-count,.airport-route-meta,.course-stop-meta,.smallcity-source,.board-number,.grade-badge,.article-map-heading p,.fact-group-note){color:var(--p-meta)}
  & .section-title>span,& .section-heading>.eyebrow,& .category-hero>.eyebrow,& .airport-route-head>.eyebrow,& .board-hero-copy>.eyebrow:empty,& .portable-summary-heading span,& .article-map-heading span,& .guide-overview-heading span,& .resort-module-heading>span,& .ui-emoji,& .guide-tone-icon,& .airport-icon,& .site-mark,& .site-tagline,& .fact-sheet-title,& .dest-more,& .professional-feed-head{display:none}
  & .emphasis-number,& .emphasis-term,& .emphasis-warning{background:none;border-radius:0;color:var(--p-ink);font-weight:800;padding:0;text-decoration:none}
  & .emphasis-number{background:var(--p-yellow);border-radius:4px;padding:0 4px}
  & .emphasis-warning{color:#b4300a}
  & .grade-badge{background:none;border:0;border-radius:0;color:var(--p-meta);display:inline;font-weight:400;padding:0}
  & .grade-badge::before{content:"("}& .grade-badge::after{content:")"}
  & .chip,& .eyebrow,& .dest-kicker,& .card-kicker,& .related-card-kicker,& .smallcity-card-line{background:var(--p-yellow);border-radius:4px;color:var(--p-ink);display:inline-flex;font-size:13px;font-weight:900;line-height:1.3;margin:0;padding:3px 9px;text-transform:none;transform:rotate(-2deg);transform-origin:left bottom;width:max-content}

  /* 사진이 비는 순간(지연 로딩·사진 없는 글)을 채우는 그림 — Canva 로 만든 남색·하늘색 일러스트 3장을 카드 순서대로 돌린다 */
  & .dest-photo>a,& .story-cover,& .board-hero-photo,& main.reader-detail .block-b1 .article-hero-media,& main.reader-detail .block-b1>.article-hero-copy,& .professional-feed-photo,& .professional-category-photo{background:var(--p-sky) url(/assets/images/japan-illust-onsen.webp) center/cover no-repeat}
  & .dest-card:nth-child(3n+2) .dest-photo>a,& .story-card:nth-child(3n+2) .story-cover,& main.reader-detail .block-b1 .article-hero-media{background-image:url(/assets/images/japan-illust-castle.webp)}
  & .dest-card:nth-child(3n) .dest-photo>a,& .story-card:nth-child(3n) .story-cover,& .board-hero-photo{background-image:url(/assets/images/japan-illust-coast.webp)}
  & main.reader-detail .block-b1>.article-hero-copy{background:linear-gradient(180deg,rgba(27,58,107,.25),rgba(27,58,107,.9)),url(/assets/images/japan-illust-castle.webp) center/cover no-repeat}
  & .board-hero-photo img,& .dest-photo img,& .story-cover img,& main.reader-detail .block-b1 .article-hero-media img{background:transparent;color:transparent}  /* 사진이 못 오면 대체 그림 위에 alt 글자가 겹치지 않게 */

  /* 오늘의 일본어 한마디 · 표 복사 · 내 여행 */
  & .phrase-card{background:var(--p-sky);border-radius:12px;margin:0 0 16px;padding:12px 16px 12px}
  & .phrase-card .phrase-kicker{background:var(--p-yellow);border-radius:4px;color:var(--p-ink);display:inline-block;font-size:13px;font-weight:900;margin:0 0 6px;padding:2px 8px;transform:rotate(-2deg);transform-origin:left bottom}
  & .phrase-card .phrase-ja{font-size:20px;font-weight:900;line-height:1.4;margin:0 0 4px}
  & .phrase-card .phrase-ko{font-size:15px;margin:0}
  & .phrase-card .phrase-ko b{color:var(--p-navy)}
  & .phrase-card .phrase-note{color:var(--p-meta);display:block;font-size:13px;margin-top:4px}
  & .home-rail .phrase-card{margin:0}
  & .guide-tools{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px 12px}
  & .guide-tools .guide-action{font-size:13px}
  & .guide-tools .guide-action[aria-pressed=true]{color:var(--p-ink);font-weight:900;text-decoration:none}
  & .guide-tools .guide-action[aria-pressed=true]::before{content:"✓ "}
  & .guide-tools-status{color:var(--p-navy);font-size:13px}
  & .trip-open{align-items:center;background:var(--p-yellow);border:0;border-radius:999px;color:var(--p-ink);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:900;gap:4px;min-height:36px;padding:4px 12px}
  & .trip-open b{background:var(--p-ink);border-radius:999px;color:var(--p-yellow);font-size:13px;min-width:20px;padding:0 6px;text-align:center}
  & .trip-dialog{border:1px solid var(--p-navy);border-radius:14px;max-width:520px;padding:20px;width:min(100% - 32px,520px)}
  & .trip-dialog-title{font-size:20px;font-weight:900;margin:0 0 4px}
  & .trip-dialog-note{color:var(--p-meta);font-size:13px}
  & .trip-list{list-style:none;margin:0;padding:0}
  & .trip-list li{align-items:center;border-bottom:1px solid var(--p-line);display:flex;gap:10px;justify-content:space-between;padding:8px 0}
  & .trip-list li a{font-size:15px}
  & .trip-list .standard-action{font-size:13px}
  & .trip-empty{color:var(--p-meta);font-size:15px}
  & .trip-actions{display:flex;gap:16px;margin:10px 0 0}

  /* 머리글·꼬리글 */
  & .skip-link{border:1px solid var(--p-navy)}
  & .site-header{background:#fff;border-bottom:2px solid var(--p-navy);box-shadow:none;position:static}
  & .shell{max-width:1080px;width:min(100% - 40px,1080px)}
  & .header-inner{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:12px;min-height:0;padding:12px 0 8px}
  & .header-inner .site-nav{flex:1 1 auto;min-width:0}
  & .site-name{color:var(--p-ink);font-size:20px;font-weight:900;letter-spacing:-.03em;min-height:44px;text-decoration:none}
  & .site-name::after{background:var(--p-yellow);content:"";display:inline-block;height:10px;margin-left:4px;transform:rotate(-8deg);width:10px}
  & .site-nav,& .has-js .site-nav{display:flex;flex-wrap:nowrap;gap:0 16px;margin:0;order:0;overflow-x:auto;padding:0;scrollbar-width:none;width:auto}
  & .site-nav::-webkit-scrollbar{display:none}
  & .site-nav a{align-items:center;background:none;border:0;border-radius:0;color:var(--p-ink);display:inline-flex;flex:0 0 auto;font-size:15px;font-weight:700;line-height:1.3;min-height:44px;padding:0;text-decoration:none;white-space:nowrap}
  & .site-nav a:hover{color:var(--p-navy);text-decoration:underline;text-underline-offset:6px}
  & .site-nav a[aria-current=page]{background:none;color:var(--p-navy);text-decoration:underline;text-underline-offset:6px}
  & .nav-toggle{display:none!important}
  & .site-footer{background:#fff;color:#444;font-size:13px;padding:0 0 40px}
  & .site-footer .shell::before{background:var(--p-navy);content:"";display:block;height:2px;margin-bottom:16px}
  & .site-footer p,& .site-footer nav,& .site-footer a{color:#444;font-size:13px}
  & .site-footer a{color:var(--p-navy)}
  & .foot-sitemap{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:8px}
  & .foot-sitemap a{align-items:center;display:inline-flex;min-height:32px}

  /* 공용 조작 요소 */
  & .standard-action,& .guide-action,& .filter-button,& .section-more-link,& .fact-actions a,& .evidence-actions a,& .copy-summary-button,& .category-home-link,& .related-plan{background:none;border:0;border-radius:0;box-shadow:none;color:var(--p-link);display:inline;font-size:15px;font-weight:400;min-height:0;padding:0;text-decoration:underline;text-underline-offset:2px;transform:none}
  & .standard-action:hover,& .guide-action:hover,& .filter-button:hover{background:none;border-color:transparent;color:#0f2546}
  & .guide-action,& .copy-summary-button,& .category-home-link,& .section-more-link,& .evidence-actions a,& .fact-actions a,& .board-tabs a,& .smallcity-more a,& .article-map-footer li>a,& .airport-flow-links a{align-items:center;display:inline-flex;min-height:44px}
  & button.standard-action,& .plan-filterbar button,& .search-form button,& .site-link-dialog-close,& .search-chip{align-items:center;background:#fff;border:1px solid var(--p-navy);border-radius:999px;color:var(--p-navy);cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;justify-content:center;min-height:44px;padding:6px 16px;text-decoration:none}
  & .search-form button[type=submit]{background:var(--p-navy);border-color:var(--p-navy);color:#fff;font-weight:800;min-height:48px;padding:0 20px}
  & .filter-button.is-active{background:none;border:0;color:var(--p-navy);font-weight:800}
  & .plan-filterbar,& .search-form{align-items:stretch;background:var(--p-sky);border:0;border-radius:12px;box-shadow:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:12px}
  & .plan-filterbar-fields{display:grid;flex:1 1 auto;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
  & .filter-field{background:#fff;border:1px solid #d6deea;border-radius:8px;box-shadow:none;cursor:pointer;display:block;min-height:48px;padding:6px 10px 5px;position:relative}
  & .filter-field:focus-within{border-color:var(--p-navy);box-shadow:0 0 0 3px rgba(27,58,107,.15)}
  & .filter-field__label{color:var(--p-meta);display:block;font-size:13px;font-weight:700;line-height:1.3}
  & .search-field{flex:1 1 320px}
  & select,& input[type=search],& input[type=text]{background:#fff;border:0;border-radius:0;color:var(--p-ink);font:inherit;font-size:15px;font-weight:700;min-height:26px;padding:0}
  & .search-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 10px}
  & .search-results{list-style:none;margin:0;padding:0}
  & .search-results li{border-bottom:1px solid var(--p-line);padding:10px 0}
  & .site-link-dialog{border:1px solid var(--p-navy);border-radius:14px;box-shadow:none;padding:20px}
  & .site-link-dialog h2{border:0;font-size:18px}
  & .site-link-dialog-map iframe{border:0;border-radius:10px}
  & .site-link-dialog .standard-action{background:var(--p-navy);border-radius:999px;color:#fff;display:inline-flex;min-height:44px;padding:8px 16px;text-decoration:none}

  /* 광고 */
  & .ad-slot{background:var(--p-paper);border:0;border-radius:12px;margin:24px 0;padding:12px 12px 16px;text-align:center}
  & .ad-label{color:var(--p-meta);display:block;font-size:13px;margin:0 0 6px;text-align:left}
  &[data-ad-preview=true] .ad-slot{background:var(--p-paper);border:1px dashed #c3cbd8;border-radius:12px;margin:24px 0;min-height:64px;padding:12px}
  &[data-ad-preview=true] .ad-slot .ad-label::after{content:" 자리";font-weight:400}

  /* 넓은 쪽(홈·목록) 틀 */
  & .article-shell{background:#fff;padding:0 0 56px}
  & body[data-template=home] .article-shell,& body[data-template=category] .article-shell{background:#fff;max-width:1080px;padding:0 0 56px;width:min(100% - 40px,1080px)}
  & .section-heading{margin-bottom:12px}
  & .section-heading>p:last-child,& .board-section>p{color:#444;font-size:15px}
  & .board-section,& .category-story-section,& .home-section,& .magazine-section{margin-top:28px;scroll-margin-top:16px}
  & .board-section>h2,& .section-heading>h2,& .section-heading>h3,& .commerce-home-section>.section-heading h2{border-bottom:0;color:var(--p-ink);font-size:20px;font-weight:900;margin:0 0 10px;padding-bottom:0;text-decoration:underline;text-decoration-color:var(--p-yellow);text-decoration-skip-ink:none;text-decoration-thickness:10px;text-underline-offset:-4px;width:max-content;max-width:100%}
  & .commerce-home-section>.section-heading{display:block}

  /* 홈 — 머리 카드 */
  & .board-hero{background:none;border:0;display:grid;grid-template-columns:minmax(0,1fr);margin:16px 0 0;min-width:0;padding:0}
  & .board-hero>*{min-width:0}
  & .board-hero>*{grid-area:1/1}
  & .board-hero-photo{margin:0;min-width:0}
  & .board-hero-photo img{aspect-ratio:21/8;border-radius:16px;display:block;height:auto;max-height:none;max-width:100%;object-fit:cover;width:100%}
  & .board-hero-photo figcaption{color:var(--p-meta);font-size:13px;line-height:1.5;margin-top:6px}
  & .board-hero-photo figcaption a{color:inherit}
  & .board-hero-copy{aspect-ratio:21/8;background:linear-gradient(90deg,rgba(10,20,40,.9) 0%,rgba(10,20,40,.72) 55%,rgba(10,20,40,.35) 100%);border-radius:16px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;max-width:none;padding:26px 30px;z-index:1}
  & .board-hero-copy>*{max-width:640px}
  & .board-hero h1{color:#fff;font-size:30px;font-weight:900;line-height:1.25;margin:0;text-decoration:underline;text-decoration-color:rgba(255,224,102,.95);text-decoration-skip-ink:none;text-decoration-thickness:6px;text-underline-offset:4px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
  & .board-hero .page-definition{color:#fff;font-size:15px;margin:0;opacity:.95}
  & .board-hero-meta{color:#fff;font-size:13px;margin:0;opacity:.95}
  & .board-hero-meta::after{color:var(--p-yellow);content:" · 핫클립 일본여행";font-weight:900}
  & .board-tabs{display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0 0}
  & .board-tabs a{align-items:center;background:none;border:0;border-radius:0;display:inline-flex;font-size:15px;min-height:44px;padding:0}
  & .home-layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:32px}
  & .home-main{flex:999 1 560px;min-width:0}
  & .home-rail{display:flex;flex:1 1 240px;flex-direction:column;gap:20px;max-width:300px;position:static}
  & .home-rail .ad-slot{margin:28px 0 0}
  & .rail-group h3{border-bottom:2px solid var(--p-navy);color:var(--p-navy);font-size:15px;margin:0 0 6px;padding-bottom:4px}
  & .rail-group ul{list-style:none;margin:0;padding:0}
  & .rail-group li{border-bottom:1px solid var(--p-line-2);font-size:15px;padding:6px 0}
  & .rail-group li small{color:var(--p-meta);font-size:13px;margin-left:4px}
  & .smallcity-theme-chips,& .smallcity-region-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
  & .smallcity-theme-chips a,& .smallcity-region-nav a{align-items:center;background:var(--p-sky);border:0;border-radius:999px;color:var(--p-navy);display:inline-flex;font-size:15px;font-weight:700;gap:6px;min-height:40px;padding:6px 14px;text-decoration:none}
  & .smallcity-region-nav a small{color:var(--p-meta);font-size:13px}

  /* 홈·허브 — 네임카드(4:5 사진 카드) */
  & .dest-grid,& .category-story-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
  & .dest-grid>.dest-card:first-child,& .category-story-grid>.story-card:first-child{grid-column:span 2}
  & .dest-grid>.dest-card:first-child img,& .category-story-grid>.story-card:first-child img{aspect-ratio:16/9}
  & .dest-grid>.dest-card:first-child .dest-body h3,& .category-story-grid>.story-card:first-child .story-copy h3{font-size:24px}
  & .dest-card,& .story-card{background:none;border:0;border-radius:0;box-shadow:none;display:grid;gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-width:0;padding:0;transform:none;transition:none}
  & .dest-card:hover,& .story-card:hover{box-shadow:none;transform:none}
  & .dest-photo{display:contents}
  & .dest-photo>a{border-radius:14px;display:block;grid-area:1/1;overflow:hidden}
  & .dest-photo img,& .story-cover img{aspect-ratio:4/5;display:block;height:auto;inset:auto;object-fit:cover;position:static;transform:none;transition:none;width:100%}
  & .dest-body{background:var(--p-grad);border-radius:14px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:4px;grid-area:1/1;justify-content:flex-end;min-width:0;padding:14px;z-index:1}
  & .dest-kicker{margin-bottom:auto}
  & .dest-body h3{font-size:20px;font-weight:900;line-height:1.3;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.4)}
  & .dest-body h3 a{color:#fff;text-decoration:none}
  & .dest-title{color:#fff;display:block;font-size:15px;opacity:.95}
  & .dest-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
  & .dest-fact{background:rgba(255,255,255,.2);border-radius:6px;color:#fff;display:inline-block;font-size:13px;padding:2px 8px}
  & .dest-fact small{color:#fff;font-size:13px;margin-right:4px;opacity:.85}
  & .dest-card .photo-credit-details,& .story-card .story-photo-attribution{color:var(--p-meta);font-size:13px;grid-row:2;margin:4px 2px 0;padding:0}
  & .story-card-link{border-radius:14px;color:#fff;display:grid;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;overflow:hidden;text-decoration:none}
  & .story-card-link>*{grid-area:1/1}
  & .story-cover{background:none;height:auto;min-height:0;padding:0;width:auto}
  & .story-cover::before,& .story-cover::after{display:none}
  & .story-copy{background:var(--p-grad);box-sizing:border-box;display:flex;flex-direction:column;gap:4px;justify-content:flex-end;min-width:0;padding:14px;z-index:1}
  & .story-copy .card-kicker{margin-bottom:auto}
  & .story-copy h3{color:#fff;font-size:20px;font-weight:900;line-height:1.3;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.4)}
  & .story-copy p{color:#fff;font-size:15px;margin:0;max-height:3.4em;opacity:.95;overflow:hidden}
  & .story-copy time{color:#fff;display:block;font-size:13px;margin:4px 0 0;opacity:.85;padding:0}
  & .smallcity-card-line{background:rgba(255,255,255,.2);color:#fff;font-weight:400;margin:4px 0 0;white-space:normal;width:auto}
  & .smallcity-more{margin:12px 0 0}
  & .smallcity-theme-links{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 10px}
  & .smallcity-theme-links a{background:var(--p-sky);border:0;border-radius:12px;color:var(--p-navy);display:block;padding:12px 14px;text-decoration:none}
  & .smallcity-theme-links strong{display:block;font-size:15px;font-weight:800}
  & .smallcity-theme-links span{color:#444;display:block;font-size:13px}

  /* 홈 — 주제 타일·최근 글 (travel.css 의 #categories·#latest id 규칙보다 우선해야 하므로 id 를 함께 적는다) */
  & .professional-category-strip,& #categories{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0;scroll-snap-type:none}
  & .professional-category-item,& #categories>.professional-category-item{align-items:center;background:var(--p-sky);border:0;border-radius:12px;box-shadow:none;display:grid;flex:none;gap:12px;grid-template-columns:56px minmax(0,1fr);min-width:0;padding:12px;width:auto}
  & .professional-category-photo{margin:0}
  & .professional-category-photo img,& #categories .professional-category-photo img{aspect-ratio:1;border-radius:8px;display:block;height:56px;object-fit:cover;width:56px}
  & #latest .professional-feed-board{border:0;display:block}
  & #latest .professional-feed-item{align-items:center;border:0;border-bottom:1px solid var(--p-line);gap:2px 14px;grid-template-columns:72px minmax(0,1fr);min-height:0;padding:10px 0}
  & #latest .professional-feed-photo{grid-row:1/3;width:72px}
  & #latest .professional-feed-photo>a,& #latest .professional-feed-photo img{border-radius:8px;height:54px;width:72px}
  & #latest .professional-feed-photo figcaption{display:none}
  & #latest .professional-feed-copy .card-kicker,& #latest .professional-feed-copy p,& #latest .professional-feed-item>time{color:var(--p-meta);font-size:13px}
  & #latest .professional-feed-copy h3{font-size:15px;line-height:1.4}
  & .notice-panel{background:none;border:0;border-radius:0;color:var(--p-meta);font-size:13px;padding:0}
  & .professional-category-photo figcaption{display:none}
  & .professional-category-copy a{background:none;border:0;color:var(--p-navy);display:block;padding:0;text-decoration:none}
  & .professional-category-copy strong{color:var(--p-navy);display:block;font-size:15px;font-weight:800}
  & .professional-category-copy span:not(.ui-emoji){color:#444;display:block;font-size:13px;line-height:1.5}
  & .professional-category-copy .board-number{display:none}
  & .professional-category-copy b{color:var(--p-meta);display:block;font-size:13px;font-weight:400}
  & .plan-callout{background:none;border:0;margin:12px 0 0;padding:0}
  & .plan-callout a{background:none;border:0;border-radius:0;color:var(--p-ink);display:block;padding:0;text-decoration:none}
  & .plan-callout small{color:var(--p-link);display:inline;font-size:15px;text-decoration:underline}
  & .plan-callout span{color:var(--p-ink);display:inline;font-size:15px;margin-left:6px}
  & .professional-feed-board{background:none;border:0;border-radius:0;box-shadow:none;display:block;padding:0}
  & .professional-feed-item{align-items:center;background:none;border:0;border-bottom:1px solid var(--p-line);border-radius:0;box-shadow:none;display:grid;gap:2px 14px;grid-template-columns:72px minmax(0,1fr);padding:10px 0}
  & .professional-feed-item .board-number{display:none}
  & .professional-feed-photo{grid-row:1/3;margin:0}
  & .professional-feed-photo img{aspect-ratio:4/3;border-radius:8px;display:block;height:auto;object-fit:cover;width:72px}
  & .professional-feed-photo figcaption{display:none}
  & .professional-feed-copy{display:block;min-width:0}
  & .professional-feed-copy h3{font-size:15px;margin:0}
  & .professional-feed-copy h3 a{text-decoration:none}
  & .professional-feed-copy h3 a:hover{text-decoration:underline}
  & .professional-feed-copy p{color:#444;font-size:13px;margin:2px 0 0}
  & .professional-feed-copy .card-kicker{background:none;color:var(--p-meta);display:block;font-size:13px;font-weight:400;margin:0;padding:0}
  & .professional-feed-item time{color:var(--p-meta);font-size:13px;grid-column:2}

  /* 목록·허브 머리 */
  & .category-hero{background:var(--p-navy);border:0;border-radius:16px;box-shadow:none;color:#fff;margin:16px 0 0;padding:24px 26px}
  & .category-hero h1{color:#fff;font-size:30px;font-weight:900;margin:0 0 8px;text-decoration:underline;text-decoration-color:rgba(255,224,102,.95);text-decoration-skip-ink:none;text-decoration-thickness:6px;text-underline-offset:4px}
  & .category-hero>p:not(.eyebrow),& .category-hero .page-definition{color:#fff;font-size:15px;margin:0 0 10px;max-width:none;opacity:.95}
  & .category-hero>.category-home-link{align-items:center;color:#fff;display:inline-flex;font-size:13px;margin:0;min-height:44px;opacity:.85}
  & .category-hero .smallcity-theme-links a{background:rgba(255,255,255,.12);color:#fff}
  & .category-hero .smallcity-theme-links strong{color:var(--p-yellow)}
  & .category-hero .smallcity-theme-links span{color:#fff;opacity:.9}
  & .board-table-scroll,& .compare-table-scroll,& .table-scroll,& .product-compare-scroll,& .airport-dest-wrap{background:none;border:0;border-radius:0;box-shadow:none;overflow-x:auto;padding:0}
  & table{border-collapse:collapse;min-width:0;width:100%}
  & caption{color:var(--p-meta);font-size:13px;font-weight:400;padding:0 0 6px;text-align:left}
  & th,& td{background:none;border:0;border-bottom:1px solid var(--p-line);font-size:15px;line-height:1.6;padding:8px 10px;text-align:left;vertical-align:top}
  & thead th{background:none;border-bottom:2px solid var(--p-navy);color:var(--p-navy);font-weight:800}
  & tbody th{color:var(--p-ink);font-weight:800;min-width:0}
  & .compare-table-heading{font-size:15px;margin:0 0 6px}
  & .compare-table-wrap{margin:0 0 20px}
  & .about-section{margin:0 0 24px}

  /* 글 페이지 — 네임카드 머리 */
  & main.reader-detail{font-size:15px;padding:16px 0 56px;width:min(100% - 40px,760px)}
  & main.reader-detail h1{font-size:30px;margin:0}
  & main.reader-detail h2{font-size:18px}
  & main.reader-detail h3{font-size:15px}
  & main.reader-detail p{font-size:15px;line-height:1.7}
  & main.reader-detail .guide-opening{border:0;margin-bottom:16px;padding-bottom:0}
  & main.reader-detail .article-breadcrumb{color:var(--p-meta);font-size:13px;margin:0 0 10px}
  & main.reader-detail .article-breadcrumb a{color:var(--p-link);text-decoration:underline}
  & main.reader-detail .article-breadcrumb li:not(:last-child)::after{color:var(--p-meta);content:"›"}
  & main.reader-detail .hero-media-first{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
  & main.reader-detail .hero-media-first>*{min-width:0}
  & main.reader-detail .hero-media-first>*{grid-area:1/1}
  & main.reader-detail .block-b1 .article-hero-media,& main.reader-detail .article-lead-media{background:none;border:0;border-radius:0;margin:0;min-width:0;overflow:visible}
  & main.reader-detail .block-b1 .article-hero-media img,& main.reader-detail .article-lead-media img{aspect-ratio:16/9;border-radius:16px;max-height:none;max-width:100%;width:100%}
  & main.reader-detail .block-b1 .article-hero-media figcaption,& main.reader-detail .article-lead-media figcaption{background:none;border:0;color:var(--p-meta);font-size:13px;padding:6px 2px 0}
  & main.reader-detail .article-hero-copy{aspect-ratio:16/9;background:var(--p-grad);border-radius:16px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;margin:0;padding:22px 24px;z-index:1}
  & main.reader-detail .block-b1>.article-hero-copy{aspect-ratio:auto;background:var(--p-navy);min-height:0;padding:24px 26px}
  & main.reader-detail .article-hero-copy .eyebrow{display:inline-flex;margin:0 0 auto}
  & main.reader-detail .article-hero-copy h1{color:#fff;font-weight:900;line-height:1.25;text-decoration:underline;text-decoration-color:rgba(255,224,102,.95);text-decoration-skip-ink:none;text-decoration-thickness:6px;text-underline-offset:4px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
  & main.reader-detail .definition{color:#fff;font-size:15px;font-weight:400;margin:0;opacity:.95}
  & main.reader-detail .fact-sheet{margin:10px 0 0}
  & main.reader-detail .fact-sheet-grid,& main.reader-detail .fact-sheet-grid[data-count="3"],& main.reader-detail .fact-sheet-grid[data-count="4"]{background:#fff;border:1px solid #d6deea;border-radius:14px;display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;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:none;border:0;border-right:1px solid var(--p-line);border-radius:0;display:grid;gap:2px;min-width:0;padding:12px 14px}
  & main.reader-detail .fact-stamp:last-child{border-right:0}
  & main.reader-detail .fact-stamp-label{color:var(--p-meta);font-size:13px;font-weight:400}
  & main.reader-detail .fact-stamp-value{color:var(--p-navy);font-size:24px;font-weight:900;letter-spacing:-.02em;line-height:1.2}
  & main.reader-detail .fact-stamp-meta{color:var(--p-meta);font-size:13px;margin:0}
  & main.reader-detail .guide-meta{align-items:center;color:var(--p-meta);display:flex;flex-wrap:wrap;font-size:13px;gap:6px 14px;justify-content:space-between;margin:8px 2px 0}
  & main.reader-detail .article-updated{color:var(--p-meta);font-size:13px;font-weight:400}
  & main.reader-detail .article-updated::after{color:var(--p-navy);content:" · 핫클립 일본여행";font-weight:800}
  & main.reader-detail .guide-action{font-size:13px}
  & main.reader-detail .must-know{background:var(--p-sky);border:0;border-radius:12px;gap:10px 24px;margin:0 0 16px;padding:14px 16px}
  & main.reader-detail .must-know-title{border-bottom:2px solid var(--p-navy);color:var(--p-navy);font-size:13px;margin:0 0 6px;padding-bottom:4px}
  & main.reader-detail .must-know li a{color:var(--p-link);font-size:15px;font-weight:400;padding:3px 0;text-decoration:underline}
  & main.reader-detail .must-know li a::after{content:none}
  & main.reader-detail .guide-contents{margin:0 0 16px}
  & main.reader-detail .guide-contents>summary{color:var(--p-navy);display:block;font-size:13px;font-weight:800;margin:0 0 4px}
  & main.reader-detail .guide-contents ol{counter-reset:toc;flex-wrap:wrap;gap:2px 14px;overflow:visible;padding:0}
  & main.reader-detail .guide-contents li{counter-increment:toc}
  & main.reader-detail .guide-contents li::before{color:var(--p-meta);content:counter(toc) " ";font-size:13px}
  & main.reader-detail .guide-contents a{align-items:center;background:none;border:0;border-radius:0;color:var(--p-link);display:inline-flex;font-size:15px;font-weight:400;min-height:36px;padding:0;text-decoration:underline;white-space:normal}
  & main.reader-detail .guide-contents a[aria-current]{background:none;color:var(--p-ink);font-weight:800;text-decoration:none}

  /* 글 페이지 — 지도·사실·비교표 */
  & main.reader-detail details.article-map{border:1px solid var(--p-line);border-radius:12px;margin:0 0 16px}
  & main.reader-detail details.article-map>summary{padding:10px 14px}
  & main.reader-detail .article-map-heading{gap:12px;padding:0}
  & main.reader-detail .article-map-heading strong{font-size:15px}
  & main.reader-detail .article-map-frame{background:none;border:0;padding:0 14px}
  & main.reader-detail .article-map-frame iframe{border-radius:10px}
  & main.reader-detail .article-map-footer{padding:10px 14px 12px}
  & main.reader-detail .article-map-footer>p{font-size:15px;margin:0 0 6px}
  & main.reader-detail .article-map-footer ol{display:block}
  & main.reader-detail .article-map-footer li{border:0;border-bottom:1px solid var(--p-line-2);border-radius:0;grid-template-columns:minmax(0,1fr) auto}
  & main.reader-detail .article-map-point{min-height:0;padding:6px 0}
  & main.reader-detail .article-map-point strong{font-size:15px}
  & main.reader-detail .article-map-point span{color:var(--p-meta);font-size:13px}
  & main.reader-detail .article-map-point.is-active{background:none;color:var(--p-ink)}
  & main.reader-detail .article-map-point.is-active strong{text-decoration:underline}
  & main.reader-detail .article-map-footer li>a{background:none;border:0;font-size:15px;font-weight:400;padding:6px 0;text-decoration:underline}
  & main.reader-detail .guide-facts-details{border:1px solid var(--p-line);border-radius:12px;margin:0 0 16px}
  & main.reader-detail .guide-facts-details>summary{font-size:15px;font-weight:800;min-height:44px;padding:8px 14px}
  & main.reader-detail .guide-facts-details[open]>summary{border-bottom:1px solid var(--p-line)}
  & main.reader-detail .guide-facts-details>summary>span:last-child{color:var(--p-navy);font-size:18px}
  & main.reader-detail .fact-panel{padding:4px 14px 8px}
  & main.reader-detail .fact-panel-title{border-bottom:2px solid var(--p-navy);color:var(--p-navy);font-size:18px;margin:6px 0 8px;padding-bottom:6px}
  & main.reader-detail .fact-group{border:0;padding:6px 0 10px}
  & main.reader-detail .fact-group>h3{color:var(--p-ink);font-size:15px;margin:0 0 4px}
  & main.reader-detail .fact-group-note{font-size:13px}
  & main.reader-detail .fact-item{border-bottom:1px solid var(--p-line-2);border-top:0;padding:8px 0}
  & main.reader-detail .fact-item dt{color:#555;font-size:15px;font-weight:400}
  & main.reader-detail .fact-item dd strong{font-size:15px;font-weight:800}
  & main.reader-detail .fact-panel caption{color:var(--p-navy);font-size:18px;font-weight:800;padding:6px 0 8px}
  & main.reader-detail .fact-panel th,& main.reader-detail .fact-panel td{font-size:15px;padding:8px 6px}
  & main.reader-detail .fact-panel .fact-label{color:#555;font-weight:400}
  & main.reader-detail .fact-value strong{font-size:15px}
  & main.reader-detail .fact-value small{color:var(--p-meta);font-size:13px}
  & main.reader-detail .fact-source-details>summary{color:var(--p-link);font-size:13px;min-height:0;padding:2px 0;text-decoration:underline}
  & main.reader-detail .compare-table-wrap{margin:0 0 16px;padding:0 14px 12px}
  & main.reader-detail .compare-table-heading{font-size:15px}
  & main.reader-detail .compare-table-scroll{border:0;border-radius:0}
  & main.reader-detail .compare-table th,& main.reader-detail .compare-table td{background:none;border-bottom:1px solid var(--p-line);font-size:15px;padding:8px 10px}
  & main.reader-detail .compare-table thead th{background:none;border-bottom:2px solid var(--p-navy);color:var(--p-navy)}
  & main.reader-detail .compare-table tbody th{font-weight:800}
  & main.reader-detail .compare-table tbody th a{color:var(--p-link);text-decoration:underline}
  & main.reader-detail .compare-table td time{color:var(--p-meta);font-size:13px}

  /* 글 페이지 — 본문(크리에이터 구성): 번호 소제목 + 종류별 목록 */
  & main.reader-detail .block-b4{counter-reset:sec;gap:22px;margin:0 0 16px}
  & main.reader-detail .block-b4>.deep-section{padding:0}
  & main.reader-detail .block-b4>.deep-section::before{display:none}
  & main.reader-detail .block-b4>.deep-section h2{align-items:center;border-bottom:0;color:var(--p-ink);display:flex;font-size:20px;font-weight:900;gap:8px;margin:0 0 10px;min-height:0;padding-bottom:0;text-decoration:none}
  & main.reader-detail .block-b4>.deep-section h2>span:last-child,& main.reader-detail .block-b4>.deep-section h2{text-decoration:underline;text-decoration-color:var(--p-yellow);text-decoration-skip-ink:none;text-decoration-thickness:10px;text-underline-offset:-4px}
  & main.reader-detail .block-b4>.deep-section h2::before{align-items:center;background:var(--p-ink);border-radius:4px;color:var(--p-yellow);content:"0" counter(sec);counter-increment:sec;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:900;height:24px;justify-content:center;padding:0 6px;transform:rotate(-3deg);width:auto}
  & main.reader-detail .block-b4>.deep-section>p{color:var(--p-ink);font-size:15px;margin:0 0 10px}
  & main.reader-detail .guide-points{border:0;border-radius:0;display:grid;grid-template-columns:132px minmax(0,1fr);margin:0;overflow:visible;padding:0}
  & main.reader-detail .guide-points>dt,& main.reader-detail .guide-points>dd{border-bottom:1px solid var(--p-line);font-size:15px;padding:8px 10px 8px 0}
  & main.reader-detail .guide-points>dt{background:none;color:#555;font-weight:400}
  & main.reader-detail .guide-points>dd{color:var(--p-ink)}
  & main.reader-detail [data-guide-kind=spots] .guide-points,& main.reader-detail [data-guide-kind=route] .guide-points,& main.reader-detail [data-guide-kind=kids] .guide-points{counter-reset:item;display:block}
  & main.reader-detail [data-guide-kind=spots] .guide-points>dt,& main.reader-detail [data-guide-kind=route] .guide-points>dt{align-items:center;border:0;color:var(--p-ink);counter-increment:item;display:flex;font-size:15px;font-weight:800;gap:8px;padding:10px 0 2px}
  & main.reader-detail [data-guide-kind=spots] .guide-points>dt::before,& main.reader-detail [data-guide-kind=route] .guide-points>dt::before{align-items:center;background:var(--p-sky);border-radius:999px;color:var(--p-navy);content:counter(item);display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:800;height:22px;justify-content:center;width:22px}
  & main.reader-detail [data-guide-kind=route] .guide-points>dt::before{border-radius:6px}
  & main.reader-detail [data-guide-kind=spots] .guide-points>dd,& main.reader-detail [data-guide-kind=route] .guide-points>dd{border-bottom:1px solid var(--p-line);padding:0 0 10px 30px}
  & main.reader-detail [data-guide-kind=kids] .guide-points>dt{border:0;color:var(--p-ink);display:flex;font-size:15px;font-weight:800;gap:8px;padding:10px 0 2px}
  & main.reader-detail [data-guide-kind=kids] .guide-points>dt::before{color:var(--p-navy);content:"✓";flex:0 0 auto;font-weight:900}
  & main.reader-detail [data-guide-kind=kids] .guide-points>dd{border-bottom:1px solid var(--p-line);padding:0 0 10px 22px}
  & main.reader-detail [data-guide-kind=cost] .guide-points>dd{font-weight:700}
  & main.reader-detail .guide-checklist{background:var(--p-sky);border:0;border-radius:12px;margin:12px 0 0;padding:12px 14px}
  & main.reader-detail .guide-checklist h3{font-size:15px}
  & main.reader-detail .guide-checklist li{font-size:15px}
  & main.reader-detail .guide-step-list{counter-reset:step}
  & main.reader-detail .guide-step-list>li{border:0;border-bottom:1px solid var(--p-line);border-radius:0;margin:0;padding:10px 0}
  & main.reader-detail .guide-step-list>li header span{background:var(--p-navy);border-radius:6px;color:#fff;font-size:13px;font-weight:800;padding:1px 7px}
  & main.reader-detail .guide-screenshot{margin:10px 0 0}
  & main.reader-detail .guide-screenshot img{border:1px solid var(--p-line);border-radius:10px}
  & main.reader-detail .block-b4>.ad-slot{padding-left:12px}
  & main.reader-detail .article-decision-guide{margin:0 0 16px}
  & main.reader-detail .article-decision-guide header h2{font-size:18px}
  & main.reader-detail .article-decision-guide header p{color:var(--p-ink);font-size:15px}
  & main.reader-detail .article-decision-guide ul{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}
  & main.reader-detail .decision-card{background:var(--p-sky);border:0;border-radius:12px;box-shadow:none;display:grid;gap:2px;padding:12px 14px}
  & main.reader-detail .decision-card>span{color:var(--p-meta);font-size:13px}
  & main.reader-detail .decision-card>strong{color:var(--p-navy);font-size:18px}
  & main.reader-detail .decision-card>p{color:var(--p-ink);font-size:15px;margin:2px 0 0}
  & main.reader-detail .airport-route{background:none;border:1px solid var(--p-line);border-radius:12px;margin:0 0 16px;padding:14px 16px 12px}
  & main.reader-detail .airport-route-head h2{font-size:18px}
  & main.reader-detail .airport-route-head p{font-size:15px}
  & main.reader-detail .airport-route-meta{color:var(--p-meta);font-size:13px!important}
  & main.reader-detail .airport-flow-step{gap:10px;grid-template-columns:28px minmax(0,1fr);padding:0 0 12px}
  & main.reader-detail .airport-flow-step::before{display:none}
  & main.reader-detail .airport-flow-marker{background:none;border:0;border-radius:0;height:auto;width:28px}
  & main.reader-detail .airport-flow-marker b{background:var(--p-navy);border-radius:999px;color:#fff;font-size:13px;height:24px;position:static;width:24px}
  & main.reader-detail .airport-flow-body{background:none;border:0;border-radius:0;padding:0}
  & main.reader-detail .airport-flow-body h3{font-size:15px}
  & main.reader-detail .airport-flow-body p{font-size:15px}
  & main.reader-detail .airport-flow-kicker{color:var(--p-meta);font-size:13px!important}
  & main.reader-detail .airport-floor{background:var(--p-sky);border-radius:6px;color:var(--p-navy);font-weight:800;padding:0 7px}
  & main.reader-detail .airport-flow-links a{font-size:15px;font-weight:400}
  & main.reader-detail .airport-sub{font-size:15px}
  & main.reader-detail .airport-facilities{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  & main.reader-detail .airport-facility{background:var(--p-sky);border:0;border-radius:10px;color:var(--p-ink);display:block;padding:10px 12px}
  & main.reader-detail .airport-facility strong{font-size:15px}
  & main.reader-detail .airport-facility span{color:var(--p-meta);font-size:13px}
  & main.reader-detail .airport-facility-kind{color:var(--p-navy);font-size:13px!important;font-weight:800}
  & main.reader-detail .airport-dest{border:0;border-radius:0}
  & main.reader-detail .airport-dest caption{color:var(--p-meta);font-size:13px;font-weight:400}
  & main.reader-detail .airport-dest :is(th,td){border-bottom:1px solid var(--p-line);font-size:15px;padding:8px 10px}
  & main.reader-detail .airport-dest thead th{background:none;border-bottom:2px solid var(--p-navy);color:var(--p-navy)}
  & main.reader-detail .airport-route-foot{font-size:13px!important}
  & main.reader-detail .course-day{border:1px solid var(--p-line);border-radius:12px;box-shadow:none;margin:0 0 16px;padding:14px}
  & main.reader-detail .course-day-badge{background:var(--p-navy);border:0;border-radius:6px;color:#fff;font-size:13px;padding:1px 8px}
  & main.reader-detail .course-day-head h3{font-size:15px}
  & main.reader-detail .course-map-frame iframe{border:0;border-radius:10px}
  & main.reader-detail .course-stop-order{background:var(--p-sky);border:0;border-radius:999px;color:var(--p-navy);font-size:13px;font-weight:800;height:22px;width:22px}
  & main.reader-detail .course-stop{border-bottom:1px solid var(--p-line-2);padding:6px 0}
  & main.reader-detail .course-stop h4{font-size:15px}
  & main.reader-detail .family-fit-item,& main.reader-detail .recent-video-panel,& main.reader-detail .stay-essentials,& main.reader-detail .resort-profile>.resort-itinerary-panel,& main.reader-detail .resort-profile>.resort-review-digest,& main.reader-detail .travel-products-panel,& main.reader-detail .affiliate-product-section{background:var(--p-paper);border:0;border-radius:12px;padding:14px}

  /* 글 페이지 — 출처·FAQ·다음 글·고지 */
  & main.reader-detail .block-b5 .reference-notes{border:1px solid var(--p-line);border-radius:12px}
  & main.reader-detail .block-b5 .reference-notes>summary{font-size:15px;min-height:44px;padding:8px 14px}
  & main.reader-detail .block-b5 .reference-notes[open]>summary{border-bottom:1px solid var(--p-line)}
  & main.reader-detail .source-count{color:var(--p-meta);font-size:13px}
  & main.reader-detail .block-b5 .source-group{border:0;padding:4px 14px 8px}
  & main.reader-detail .source-group-heading strong{font-size:15px}
  & main.reader-detail .evidence-item{border-bottom:1px solid var(--p-line-2);padding:6px 0}
  & main.reader-detail .evidence-item strong{font-size:15px;font-weight:400}
  & main.reader-detail .evidence-title{color:var(--p-link)}
  & main.reader-detail .block-b7,& main.reader-detail .block-b8{border:0;margin:0 0 8px;padding:8px 0 0}
  & main.reader-detail .section-title{margin-bottom:8px}
  & main.reader-detail .section-title h2{font-size:18px}
  & main.reader-detail .faq-item{border-bottom:1px solid var(--p-line)}
  & main.reader-detail .faq-item summary{min-height:44px;padding:10px 0}
  & main.reader-detail .faq-item summary::after{color:var(--p-navy);font-size:18px}
  & main.reader-detail .faq-item h3{font-size:15px;font-weight:700}
  & main.reader-detail .faq-answer{background:var(--p-paper);border-radius:10px;margin:0 0 10px;padding:10px 14px}
  & main.reader-detail .faq-answer p{font-size:15px}
  & main.reader-detail .related-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  & main.reader-detail .related-card{align-items:start;background:var(--p-sky);border:0;border-radius:12px;display:grid;gap:4px;grid-template-columns:1fr;min-height:0;padding:12px 14px}
  & main.reader-detail .related-card:hover{background:#e3ebf8;box-shadow:none;transform:none}
  & main.reader-detail .related-card small{background:#fff;color:var(--p-navy)}
  & main.reader-detail .related-card span{color:var(--p-ink);font-size:15px;font-weight:700;line-height:1.5;text-decoration:none}
  & main.reader-detail .related-plan{display:block;margin:10px 0 0}
  & main.reader-detail .related-plan small{color:var(--p-link);font-size:15px;text-decoration:underline}
  & main.reader-detail .related-plan span{color:var(--p-ink);display:inline;font-size:15px;margin-left:6px}
  & main.reader-detail .block-b9{background:none;border:0;border-radius:0;color:var(--p-meta);font-size:13px;margin:16px 0 0;padding:0}
  & main.reader-detail .block-b9 .notice-label{color:var(--p-ink);font-size:13px}
  & main.reader-detail .block-b9 p{font-size:13px}
  & main.reader-detail .ad-slot{margin:20px 0}

  /* 알림·장소 목록·소개(요약 복사 블록) */
  & .portable-summary,& .article-summary-panel,& .guide-overview{background:var(--p-paper);border:0;border-radius:12px;box-shadow:none;margin:0 0 16px;padding:14px}
  & .portable-summary-heading strong,& .guide-overview-heading h2{font-size:15px}
  & .portable-summary ul,& .guide-keypoints{display:block;margin:8px 0 0}
  & .portable-summary li,& .guide-keypoints li{background:none;border-bottom:1px solid var(--p-line);border-radius:0;font-size:15px;font-weight:400;padding:6px 0}
  & .portable-summary-meta{font-size:13px}
  & .article-detail:not(.reader-detail){padding:16px 0 56px}
  & .article-detail:not(.reader-detail) .block-b1 .article-hero-copy{background:var(--p-navy);border-radius:16px;color:#fff;padding:24px 26px}
  & .article-detail:not(.reader-detail) .block-b1 h1{color:#fff}
  & .article-detail:not(.reader-detail) .block-b1 .definition{color:#fff;font-size:15px;font-weight:400;opacity:.95}
  & .article-detail:not(.reader-detail) .content-block{margin:0 0 20px}
  & .article-detail:not(.reader-detail) .block-b2{margin:0 0 16px}
  & .article-detail:not(.reader-detail) .article-updated{color:var(--p-meta);font-size:13px;margin:0}
  & .article-detail:not(.reader-detail) .table-scroll{border:0;padding:0}
  & .article-detail:not(.reader-detail) .related-grid{border:0;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  & .article-detail:not(.reader-detail) .related-card{background:var(--p-sky);border:0;border-radius:12px;display:grid;gap:4px;grid-template-columns:1fr;padding:12px 14px}
  & .article-detail:not(.reader-detail) .related-card span{color:var(--p-ink);font-weight:700}
  & .article-detail:not(.reader-detail) .block-b9{background:none;border-radius:0;color:var(--p-meta);font-size:13px;padding:0}
  & .article-detail:not(.reader-detail) .reference-notes{border:1px solid var(--p-line);border-radius:12px;padding:8px 14px}
  & .article-detail:not(.reader-detail) .evidence-item{background:none;border-bottom:1px solid var(--p-line-2);border-radius:0;padding:6px 0}
  & .photo-credit-details{color:var(--p-meta);font-size:13px;margin:0}
  & .photo-credit-details>summary{color:var(--p-meta);display:inline;font-size:13px;font-weight:400;min-height:0;padding:0;text-decoration:underline;text-underline-offset:2px}
  & .photo-credit-details>summary::after,& .photo-credit-details[open]>summary::after{content:none}
  & .photo-credit-details>span{font-size:13px}

  @media(max-width:700px){
    & .shell,& body[data-template=home] .article-shell,& body[data-template=category] .article-shell{width:min(100% - 32px,1080px)}
    & main.reader-detail{width:min(100% - 32px,760px)}
    & h1,& .board-hero h1,& .category-hero h1,& main.reader-detail h1{font-size:24px}
    & .header-inner{align-items:stretch;flex-direction:column;flex-wrap:wrap;gap:0;padding:8px 0 0}
    & .site-name{order:0}& .trip-open{order:1;align-self:flex-start;margin:-40px 0 4px auto}& .header-inner .site-nav{order:2}
    & .site-nav,& .has-js .site-nav{margin:0 -16px;mask-image:linear-gradient(90deg,#000 88%,transparent);padding:0 16px 6px;width:calc(100% + 32px)}
    & .site-nav a{min-height:44px}
    & .board-hero-photo img,& .board-hero-copy{aspect-ratio:4/5}
    & .board-hero-copy{padding:18px}
    & .home-layout{display:block}
    & .home-rail{max-width:none;position:static}
    & .home-rail .ad-slot{margin:24px 0 0}
    & .dest-grid,& .category-story-grid,& .professional-category-strip,& #categories,& .smallcity-theme-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    & .dest-card,& .story-card{grid-template-columns:minmax(0,1fr)}
    & .dest-grid>.dest-card:first-child .dest-body h3,& .category-story-grid>.story-card:first-child .story-copy h3{font-size:20px}
    & .dest-body,& .story-copy{padding:10px}
    & .dest-body h3,& .story-copy h3{font-size:18px}
    & .story-copy p,& .dest-title{display:none}
    & .professional-category-strip,& #categories{grid-template-columns:1fr}
    & .smallcity-theme-links{grid-template-columns:1fr}
    & .plan-filterbar-fields{grid-template-columns:1fr 1fr}
    & .category-hero{padding:18px}
    & main.reader-detail .block-b1 .article-hero-media img,& main.reader-detail .article-hero-copy{aspect-ratio:4/5}
    & main.reader-detail .article-hero-copy{padding: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"]{grid-template-columns:repeat(2,minmax(0,1fr))}
    & main.reader-detail .fact-stamp{border-bottom:1px solid var(--p-line);padding:10px 12px}
    & main.reader-detail .fact-stamp:nth-child(odd){border-right:1px solid var(--p-line)}
    & main.reader-detail .fact-stamp:nth-last-child(-n+2){border-bottom:0}
    & main.reader-detail .fact-stamp-value{font-size:18px}
    & main.reader-detail .guide-contents ol{flex-wrap:wrap;overflow:visible;padding:0}
    & main.reader-detail .guide-points{grid-template-columns:96px minmax(0,1fr)}
    & main.reader-detail .article-decision-guide ul,& main.reader-detail .related-grid,& main.reader-detail .airport-facilities,& .article-detail:not(.reader-detail) .related-grid{grid-template-columns:1fr}
    & main.reader-detail .compare-table tr{border:0;border-bottom:1px solid var(--p-line);border-radius:0;padding:6px 0}
    & main.reader-detail .compare-table th,& main.reader-detail .compare-table td{border:0;padding:4px 0}
    & main.reader-detail .compare-table td[data-label]::before{color:var(--p-meta);font-size:13px}
    & main.reader-detail .fact-panel tbody tr{padding:8px 0}
    & main.reader-detail .must-know{grid-template-columns:1fr}
    & .site-footer{padding-bottom:28px}
  }
}