.busan-tour-spot-page { max-width: 1040px; padding-bottom: var(--s9); }.busan-tour-spot-crumb { display:flex; gap:var(--s2); padding:var(--s5) 0 var(--s4); color:var(--ink-3); font-size:var(--fs-small); }.busan-tour-spot-crumb a { color:var(--ink-2); font-weight:700; }.busan-tour-spot-hero { max-width:820px; padding:var(--s4) 0 var(--s6); }.busan-tour-spot-kicker { margin-bottom:var(--s2); color:var(--blue); font-size:var(--fs-small); font-weight:800; letter-spacing:.04em; }.busan-tour-spot-hero h1 { margin-bottom:var(--s3); font-size:clamp(32px,5vw,52px); line-height:1.12; letter-spacing:-.04em; }.busan-tour-spot-hero > p:not(.busan-tour-spot-kicker) { max-width:720px; color:var(--ink-2); font-size:18px; line-height:1.75; }.busan-tour-spot-stats { display:flex; gap:var(--s3); margin-top:var(--s5); }.busan-tour-spot-stats div { min-width:112px; padding:var(--s3) var(--s4); border:1px solid var(--line); border-radius:var(--r-m); background:var(--surface); box-shadow:var(--sh-1); }.busan-tour-spot-stats dt { color:var(--ink-3); font-size:12px; font-weight:700; }.busan-tour-spot-stats dd { margin-top:3px; color:var(--navy); font-size:22px; font-weight:850; }
.busan-tour-spot-finder { position:sticky; z-index:8; top:12px; margin-bottom:var(--s5); padding:var(--s4) var(--s5); border:1px solid var(--line); border-radius:var(--r-l); background:rgba(255,255,255,.94); box-shadow:var(--sh-2); backdrop-filter:blur(12px); }.busan-tour-spot-finder-head { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--s4); }.busan-tour-spot-finder h2 { font-size:var(--fs-h3); }.busan-tour-spot-finder-head p { margin-top:3px; color:var(--ink-3); font-size:var(--fs-small); }.busan-tour-spot-finder-head strong { flex:none; padding:7px 11px; border-radius:var(--r-pill); background:#edf5ff; color:var(--blue); font-size:var(--fs-small); }.busan-tour-spot-filters { display:grid; grid-template-columns:minmax(220px,1.5fr) minmax(150px,.8fr) auto; gap:var(--s3); align-items:end; margin-top:var(--s4); }.busan-tour-spot-filters label span { display:block; margin-bottom:var(--s2); color:var(--ink-2); font-size:12px; font-weight:750; }.busan-tour-spot-filters input,.busan-tour-spot-filters select { width:100%; height:44px; padding:0 13px; border:1px solid var(--line-strong); border-radius:var(--r-s); background:var(--surface); color:var(--ink); font:inherit; }.busan-tour-spot-filters input:focus,.busan-tour-spot-filters select:focus { border-color:var(--blue); outline:3px solid rgba(0,82,164,.12); }.busan-tour-spot-filters button { height:44px; padding:0 15px; border:1px solid var(--line-strong); border-radius:var(--r-s); background:var(--surface-2); color:var(--ink-2); font:inherit; font-size:var(--fs-small); font-weight:750; cursor:pointer; }.busan-tour-spot-query-note { margin:calc(-1 * var(--s2)) 0 var(--s5); padding:var(--s3) var(--s4); border-radius:var(--r-s); background:#fff6d9; color:var(--ink-2); font-size:var(--fs-small); }
.busan-tour-spot-place-list { display:grid; gap:var(--s4); }.busan-tour-spot-place-card { scroll-margin-top:180px; overflow:hidden; border:1px solid var(--line); border-radius:var(--r-l); background:var(--surface); box-shadow:var(--sh-1); }.busan-tour-spot-place-card[hidden] { display:none; }.busan-tour-spot-place-head { display:flex; align-items:center; justify-content:space-between; gap:var(--s4); padding:var(--s4) var(--s5); background:linear-gradient(135deg,#f8fbff,var(--surface)); }.busan-tour-spot-place-head h2 { margin-top:5px; font-size:24px; letter-spacing:-.025em; }.busan-tour-spot-line-pills { display:flex; flex-wrap:wrap; gap:5px; }.busan-tour-spot-line-pills span { padding:3px 8px; border-radius:var(--r-pill); background:var(--navy); color:#fff; font-size:11px; font-weight:800; }.busan-tour-spot-count-badge { flex:none; padding:6px 10px; border-radius:var(--r-pill); background:#e8f1fb; color:var(--blue); font-size:12px; font-weight:800; }.busan-tour-spot-place-link,.busan-tour-spot-article-link { display:flex; align-items:center; justify-content:space-between; gap:var(--s4); padding:var(--s3) var(--s5); border-top:1px solid var(--line); color:var(--ink-2); font-size:var(--fs-small); }.busan-tour-spot-place-link:hover,.busan-tour-spot-article-link:hover { background:var(--surface-2); }.busan-tour-spot-place-link strong,.busan-tour-spot-article-link { color:var(--blue); font-weight:800; }.busan-tour-spot-record-list { border-top:1px solid var(--line); }.busan-tour-spot-record { padding:var(--s4) var(--s5); }.busan-tour-spot-record + .busan-tour-spot-record { border-top:1px solid var(--line); }.busan-tour-spot-record > header { display:flex; align-items:baseline; gap:var(--s3); margin-bottom:var(--s3); }.busan-tour-spot-record > header span { flex:none; padding:4px 8px; border-radius:var(--r-pill); background:#e8f1fb; color:var(--blue); font-size:11px; font-weight:800; }.busan-tour-spot-record h3 { color:var(--navy); font-size:17px; }.busan-tour-spot-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:var(--r-m); background:var(--line); }.busan-tour-spot-info-grid > div { min-width:0; padding:var(--s3) var(--s4); background:var(--surface); }.busan-tour-spot-info-grid dt { color:var(--ink-3); font-size:11px; font-weight:750; }.busan-tour-spot-info-grid dd { margin-top:4px; overflow-wrap:anywhere; font-size:14px; line-height:1.5; }.busan-tour-spot-info-wide { grid-column:1 / -1; }.busan-tour-spot-empty { padding:var(--s8) var(--s4); border:1px dashed var(--line-strong); border-radius:var(--r-l); color:var(--ink-2); text-align:center; }.busan-tour-spot-source-note { margin-top:var(--s6); padding:var(--s4) var(--s5); border-radius:var(--r-m); background:#edf5ff; color:var(--ink-2); }.busan-tour-spot-source-note h2 { color:var(--navy); font-size:17px; }.busan-tour-spot-source-note p { margin-top:var(--s2); font-size:var(--fs-small); line-height:1.7; }.busan-tour-spot-source-note a { color:var(--blue); font-weight:800; }.busan-tour-spot-ad { min-height:90px; margin-top:var(--s5); padding:var(--s3); border:1px solid var(--line); border-radius:var(--r-m); background:var(--surface); }
@media (max-width:820px) { .busan-tour-spot-finder { position:static; }.busan-tour-spot-filters { grid-template-columns:1fr 1fr; }.busan-tour-spot-filters label:first-child { grid-column:1 / -1; } } @media (max-width:560px) { .busan-tour-spot-hero { padding-top:var(--s2); }.busan-tour-spot-hero > p:not(.busan-tour-spot-kicker) { font-size:16px; }.busan-tour-spot-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s2); }.busan-tour-spot-stats div { min-width:0; padding:var(--s3); }.busan-tour-spot-stats dd { font-size:18px; }.busan-tour-spot-finder { padding:var(--s4); }.busan-tour-spot-finder-head p { display:none; }.busan-tour-spot-filters { grid-template-columns:1fr; }.busan-tour-spot-filters label:first-child { grid-column:auto; }.busan-tour-spot-place-head,.busan-tour-spot-record { padding:var(--s4); }.busan-tour-spot-place-head h2 { font-size:21px; }.busan-tour-spot-place-link,.busan-tour-spot-article-link { align-items:flex-start; padding:var(--s3) var(--s4); }.busan-tour-spot-info-grid { grid-template-columns:1fr; }.busan-tour-spot-info-wide { grid-column:auto; } }