/* Shared editorial chrome for the three destination guides. Loaded after legacy guide styles. */
:root { --paper: #faf8f2; --pine: #356259; --clay: #a34b32; --ink: #283b35; --muted: #60675d; --line: #d6d5c9; }
body { background: var(--paper); color: var(--ink); padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
.shared-site-header .shared-header-inner { max-width: 920px; min-height: 64px; }
.shared-site-header .shared-menu-wrap, .shared-site-header .shared-primary-nav { display: none !important; }
.shared-site-header .shared-site-logo { color: var(--ink); text-decoration: none; }
.editorial-wordmark { display: block; border-left: 4px solid var(--pine); padding-left: 10px; font: 700 24px/1 Georgia, serif; letter-spacing: -.05em; }
.editorial-wordmark small { display: block; margin-top: 4px; color: var(--pine); font: 600 8px/1.1 Arial, sans-serif; letter-spacing: .22em; }
.shared-site-header .lang { border-color: var(--line); border-radius: 4px; background: var(--paper); }
.crumb, .breadcrumbs { color: var(--muted); }
.crumb a, .breadcrumbs a { color: var(--pine); }
.guide-shell, body[data-hub="busan"] main { width: min(920px, calc(100% - 36px)); margin: 30px auto 56px; }
.guide-intro, .hub-hero, .busan-hero { border: 1px solid var(--line); border-radius: 4px; background: #f2f3e9; box-shadow: none; color: var(--ink); }
.guide-intro { padding: clamp(28px, 5vw, 52px); }
.guide-intro h1, .hub-hero h1, .guide-group h2, .section-heading h2, .busan-panel > h2 { color: var(--ink); font-family: Georgia, 'AppleMyungjo', 'YuMincho', 'Songti SC', serif; letter-spacing: -.03em; }
.guide-intro h1, .hub-hero h1 { line-height: 1.23; }
.eyebrow, .section-heading p, .card-number { color: var(--clay); }
.guide-intro > p:not(.eyebrow), .lead, .guide-group header p, .guide-card p, .busan-card p, .busan-card dt, .guide-outro { color: var(--muted); }
.start-link, .busan-selector-cta { background: var(--pine); color: white; border-radius: 4px; }
.start-link:hover, .busan-selector-cta:hover { background: #274e46; }
.guide-card, .busan-card, .intro aside, .intro > p { border: 1px solid var(--line); border-radius: 4px; background: #fffefa; box-shadow: none; }
.guide-card:hover, .busan-card:hover { border-color: var(--pine); box-shadow: none; transform: translateY(-2px); }
.guide-card span, .busan-card .card-link, .card-link { color: var(--pine); }
.guide-card img, .busan-card img { background: #e8ede5; }
.guide-state { border-color: var(--line); background: #fffefa; }
.intro aside { background: #e8ede5; }
.intro aside strong { color: var(--pine); }
.route-art span { border-color: var(--pine); background: #e8ede5; color: var(--pine); }
.route-art i, .route-art i:after { background: var(--pine); }
.route-art i:after { background: none; border-left-color: var(--pine); }
.hub-links a { background: var(--pine); border-radius: 4px; }
.hub-links a:hover { background: #274e46; }
.busan-tabs button { border-color: var(--line); color: var(--ink); border-radius: 4px; background: #fffefa; }
.busan-tabs button[aria-selected="true"] { border-color: var(--pine); background: var(--pine); color: white; }
.busan-card img { object-fit: cover; }
.editorial-article-nav { position: fixed; z-index: 40; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; min-height: 56px; padding: 4px 12px calc(4px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: #faf8f2f5; backdrop-filter: blur(12px); }
.editorial-article-nav a { min-width: 70px; min-height: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; color: var(--ink); font: 11px/1.2 system-ui, sans-serif; text-decoration: none; }
.editorial-article-nav a span:first-child { font-size: 21px; line-height: 24px; }
.editorial-article-nav a:hover { color: var(--pine); }
a:focus-visible, button:focus-visible, .guide-card:focus-visible, .busan-card:focus-visible, .start-link:focus-visible { outline: 2px solid #ab7b45; outline-offset: 3px; }
@media (max-width: 760px) {
  .shared-site-header .shared-header-inner { width: calc(100% - 24px); height: 64px; min-height: 64px; padding: 0; display: flex; grid-template-columns: none; grid-template-rows: none; align-items: center; gap: 8px; }
  .shared-site-header .shared-header-leading { display: flex; align-items: center; }
  .shared-site-header .shared-header-actions { margin-left: auto; }
  .guide-shell, body[data-hub="busan"] main { width: calc(100% - 32px); }
}
@media (max-width: 390px) { .editorial-article-nav a { min-width: 0; flex: 1; } }
