/* Isolated preview: vertical briefing rows, with reviewed copy and recorded menus. */
body.seoknam-guide-page[data-briefing-page] { overflow-x:clip; }
body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(365px,420px);
  gap:clamp(32px,5vw,88px);align-items:center;
  min-height:max(780px,100svh);padding-top:143px;padding-bottom:112px;
}
body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__copy { width:100%;min-width:0; }
body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__title { font-size:clamp(43px,5.2vw,76px);line-height:1.13; }
body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__lead { font-size:15px; }
body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero::after { background:linear-gradient(90deg,#0007 0%,#0002 55%,#0002 100%),linear-gradient(180deg,#0002,transparent 35%,#0005); }
.seoknam-briefing-drawer,.briefing-anchor { position:relative;justify-self:end;width:min(100%,340px);min-width:0; }
.briefing-anchor { pointer-events:none; }
.seoknam-briefing-drawer.is-viewport-fixed { position:fixed;z-index:60;margin:0;justify-self:auto; }
.is-viewport-fixed .briefing-group { height:min(var(--briefing-natural-height),var(--briefing-available-height));grid-template-rows:minmax(0,1fr) auto; }
.is-viewport-fixed .seoknam-briefing { display:flex;flex-direction:column;min-height:0;overflow:hidden; }
.is-viewport-fixed .briefing-heading,.is-viewport-fixed .briefing-scroll-note { flex:0 0 auto; }
.is-viewport-fixed .briefing-list { flex:0 1 auto;min-height:0; }
.seoknam-briefing-drawer.is-viewport-fixed.is-collapsed .briefing-toggle { left:calc(100% + var(--briefing-fixed-right,20px) - 77px); }
.briefing-group { position:relative;z-index:2;display:grid;gap:12px;width:100%;transform:translateX(0);opacity:1;visibility:visible;transition:transform .3s ease,opacity .24s ease,visibility 0s; }
.seoknam-briefing-drawer.is-collapsed .briefing-group { transform:translateX(calc(100% + var(--guide-gutter,70px)));opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s ease,opacity .24s ease,visibility 0s .3s; }
.seoknam-briefing { width:100%;min-width:0;padding:22px 18px 10px 22px;border-radius:15px;background:#fff;color:var(--guide-ink);box-shadow:0 16px 56px #0002;font-family:var(--sans); }
.briefing-heading { margin:0 0 13px; }
.briefing-heading h2 { margin:0;color:#182d58;font:750 18px/1.4 var(--sans);letter-spacing:-.035em; }
.briefing-list { display:block;max-height:clamp(330px,54svh,410px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c2c9d8 transparent;scrollbar-gutter:stable;padding-right:5px; }
.briefing-scroll-note { display:flex;align-items:center;gap:6px;margin:8px 0 0;color:#7d8797;font-size:9px;line-height:1.5; }
.briefing-scroll-note>span:first-child { color:var(--guide-blue);font-size:12px; }
.briefing-row small[data-briefing-copy="arrivalSummary"] { white-space:pre-line; }
.briefing-menu-row__name-en { display:block;margin-top:2px;color:#737b8a;font-size:11px;line-height:1.5;overflow-wrap:anywhere; }
.briefing-row { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #e1e5ed;color:inherit;text-decoration:none; }
.briefing-row:last-child { border-bottom:0; }
.briefing-row>span:first-child { min-width:0; }
.briefing-row strong { display:block;color:var(--guide-ink);font-size:14px;font-weight:700;line-height:1.45;letter-spacing:-.025em; }
.briefing-row small { display:block;margin-top:5px;color:#707786;font-size:12px;line-height:1.65;word-break:keep-all; }
.briefing-row--park strong { font-size:16px; }
.briefing-row__arrow { flex-shrink:0;color:var(--guide-blue);font-size:15px;line-height:1; }
.briefing-row--arrival { padding:15px 13px;margin-bottom:2px;border:0;border-left:3px solid var(--guide-blue);border-radius:9px;background:#f1f4fa;box-shadow:0 3px 0 #fff; }
.briefing-row--arrival strong { color:var(--guide-blue);font-size:21px;letter-spacing:-.045em; }
.briefing-row--arrival small { color:#4c5b75;font-size:12px;line-height:1.6; }
.briefing-row--arrival .briefing-row__arrow { display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--guide-blue);color:#fff;font-size:20px; }
.briefing-row--arrival:hover { background:#e8edf7; }
.briefing-row:hover strong { color:var(--guide-blue); }
.briefing-category { padding:12px 0 4px;border-bottom:1px solid #e1e5ed; }
.briefing-category__heading { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 0 6px;color:var(--guide-ink);text-decoration:none; }
.briefing-category__heading h3 { margin:0;font:750 16px/1.45 var(--sans);letter-spacing:-.025em; }
.briefing-category__heading>span { color:var(--guide-blue);font-size:10px;white-space:nowrap; }
.briefing-menu-list { list-style:none;margin:0;padding:0; }
.briefing-menu-row { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #edf0f5;color:inherit;text-decoration:none; }
.briefing-menu-row>span:first-child { min-width:0; }
.briefing-menu-row strong { display:block;color:#343942;font-size:12px;font-weight:650;line-height:1.55;letter-spacing:-.025em;word-break:keep-all; }
.briefing-menu-row__divider { color:#a4adbd; }
.briefing-menu-row__dish { color:var(--guide-blue);font-weight:750; }
.briefing-menu-row small { display:block;margin-top:4px;color:#747d8b;font-size:12px;line-height:1.7;word-break:keep-all; }
.briefing-menu-row:hover .briefing-menu-row__dish,.briefing-category__heading:hover h3 { color:#173770;text-decoration:underline;text-underline-offset:3px; }
.briefing-youtube { display:flex;align-items:center;gap:12px;width:100%;padding:17px 22px;border-radius:14px;background:#fff;color:var(--guide-ink);text-decoration:none;box-shadow:0 12px 40px #0002;font-family:var(--sans); }
.briefing-youtube__logo { flex:0 0 34px;width:34px;height:25px; }
.briefing-youtube>span:nth-of-type(1) { min-width:0;flex:1; }
.briefing-youtube strong { display:block;font-size:14px;font-weight:750;line-height:1.5; }
.briefing-youtube strong span { margin-left:3px;font-size:11px;font-weight:500; }
.briefing-youtube small { display:block;color:#757982;font-size:10px;line-height:1.5; }
.briefing-youtube__arrow { color:var(--guide-blue);font-size:15px; }
.briefing-youtube:hover { background:#f4f6fb; }
.briefing-group a:focus-visible { outline:2px solid var(--guide-blue);outline-offset:-2px;border-radius:4px; }
.briefing-toggle { position:absolute;z-index:3;top:50%;left:-41px;display:flex;align-items:center;justify-content:center;gap:5px;width:31px;min-height:49px;padding:8px 5px;border:1px solid #ffffff63;border-radius:999px;background:#0d173d55;color:#fff;cursor:pointer;transform:translateY(-50%);transition:left .3s ease,width .3s ease,background-color .2s ease; }
.briefing-toggle__arrow { display:block;flex:0 0 19px;width:19px;height:24px;transition:transform .3s ease; }
.briefing-toggle__short { display:none;font:650 11px/1.5 var(--sans);white-space:nowrap; }
.seoknam-briefing-drawer.is-collapsed .briefing-toggle { left:calc(100% + var(--guide-gutter,70px) - 77px);width:63px;min-height:46px;padding-inline:9px;background:#0d173d88; }
.seoknam-briefing-drawer.is-collapsed .briefing-toggle__arrow { transform:rotate(180deg); }
.seoknam-briefing-drawer.is-collapsed .briefing-toggle__short { display:inline; }
.briefing-toggle:hover { background:#0d173dbb; }
.briefing-toggle:focus-visible { outline:2px solid #fff;outline-offset:5px; }
#seoknam-arrival { scroll-margin-top:28px; }
#seoknam-arrival:focus { outline:0; }
#seoknam-arrival.is-briefing-target .seoknam-section-heading h2 { animation:briefing-arrival-focus 1.8s ease both; }
@keyframes briefing-arrival-focus { 0%,100%{color:var(--guide-ink);}35%,65%{color:var(--guide-blue);} }
@media(max-width:1000px) and (min-width:761px) {
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero { gap:25px;grid-template-columns:minmax(0,1fr) minmax(330px,365px); }
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__title { font-size:48px; }
}
@media(max-width:760px) and (min-width:541px) {
  body.seoknam-guide-page[data-briefing-page] { --guide-gutter:20px; }
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero { grid-template-columns:minmax(0,1fr) 300px;gap:50px;min-height:max(770px,100svh);padding-top:158px;padding-bottom:112px; }
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__title { max-width:100%;font-size:clamp(29px,5.7vw,34px);line-height:1.2;overflow-wrap:break-word; }
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__eyebrow { font-size:8px;letter-spacing:.075em;margin-bottom:18px;gap:8px; }
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__eyebrow::before { width:17px; }
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__lead { margin-top:19px;font-size:12px;line-height:1.8; }
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__link { margin-top:20px;gap:16px;font-size:11px; }
  .seoknam-briefing-drawer,.briefing-anchor { width:300px; }
  .seoknam-briefing { padding:20px 15px 8px 20px; }
  .briefing-heading h2 { font-size:17px; }
  .briefing-list { max-height:clamp(315px,51svh,360px); }
.briefing-row { padding:12px 0;gap:10px; }
  .briefing-row strong { font-size:13px; }
  .briefing-row--park strong { font-size:16px; }
  .briefing-row--arrival { padding:14px 11px; }
  .briefing-row--arrival strong { font-size:20px; }
  .briefing-row--arrival small { font-size:12px; }
  .briefing-row small { font-size:12px; }
  .briefing-category__heading h3 { font-size:16px; }
  .briefing-menu-row strong { font-size:12px; }
  .briefing-menu-row small { font-size:12px; }
  .briefing-youtube { padding:16px 20px; }
}
@media(max-width:540px) {
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero { grid-template-columns:minmax(0,1fr);gap:32px;min-height:0;padding-top:164px;padding-bottom:145px; }
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__copy { padding:20px 0 2px; }
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__title { max-width:480px;font-size:clamp(37px,8.2vw,45px); }
  body.seoknam-guide-page[data-briefing-page] .seoknam-guide-hero__lead { font-size:14px;margin-top:18px; }
  .seoknam-briefing-drawer,.briefing-anchor { width:min(330px,calc(100% - 34px));justify-self:end; }
  .seoknam-briefing { padding:20px 15px 8px 20px; }
  .briefing-heading h2 { font-size:17px; }
  .briefing-list { max-height:390px; }
.briefing-row { padding:12px 0;gap:10px; }
  .briefing-row--arrival { padding:15px 12px; }
  .briefing-row--arrival strong { font-size:21px; }
  .briefing-row small { font-size:12px; }
  .briefing-youtube { padding:16px 20px; }
}
@media(max-width:390px) {
  .seoknam-briefing { padding-left:18px;padding-right:13px; }
  .briefing-menu-row strong { font-size:12px; }
  .briefing-youtube { padding-inline:18px; }
}
@media(prefers-reduced-motion:reduce) {
  #seoknam-arrival.is-briefing-target .seoknam-section-heading h2 { animation:none; }
  .briefing-group,.briefing-toggle,.briefing-toggle__arrow { transition:none !important; }
}
/* Photo-led Seoknam neighbourhood introduction. */
.seoknam-neighborhood-page { --guide-red:var(--taegeuk-red,#bc353b); --guide-blue:var(--taegeuk-blue,#23458d); --guide-ink:#17181b; --sans:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif; margin:0; background:#fff; color:var(--guide-ink); font-family:var(--sans); line-height:1.7; }
.seoknam-neighborhood-page * { box-sizing:border-box; }
.seoknam-neighborhood-page a { color:inherit; }
.seoknam-neighborhood-page img { display:block;max-width:100%; }
.neighborhood-topbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px max(24px,5vw); border-bottom:1px solid #edf0f4; }
.neighborhood-topbar img { width:165px; height:76px; object-fit:contain; }
.neighborhood-topbar a { color:var(--guide-blue); font-size:13px; font-weight:650; text-decoration:none; }
.neighborhood-topbar__links { display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap; }
.neighborhood-language-note { color:#747883;font-size:11px;white-space:nowrap; }
.neighborhood-hero { position:relative; isolation:isolate; display:flex; align-items:flex-end; min-height:520px; padding:60px max(24px,7vw); background:#25262a; color:#fff; }
.neighborhood-hero>img { position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover; }
.neighborhood-hero::after { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0009,#0002),linear-gradient(transparent,#0005); }
.neighborhood-hero p { margin:0 0 14px; font-size:12px;letter-spacing:.15em;font-weight:700; }
.neighborhood-hero h1 { max-width:860px;margin:0;font-size:clamp(40px,5vw,72px);letter-spacing:-.055em;line-height:1.2;word-break:keep-all; }
.neighborhood-hero small { display:block;margin-top:28px;font-size:11px;color:#fffc; }
.neighborhood-section { max-width:1180px;margin:0 auto;padding:85px 32px; }
.neighborhood-section__heading { display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:42px; }
.neighborhood-section .eyebrow { display:block;color:var(--guide-red);font-size:11px;font-weight:750;letter-spacing:.12em;margin:0 0 13px; }
.neighborhood-section h2 { font-size:clamp(30px,3.4vw,48px);line-height:1.25;letter-spacing:-.055em;margin:0;word-break:keep-all; }
.neighborhood-section__heading p { margin:0;color:#6d7078;font-size:14px;line-height:1.95;word-break:keep-all; }
.neighborhood-name-grid { display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center; }
.neighborhood-name-grid figure { margin:0; }
.neighborhood-name-grid img { width:100%;aspect-ratio:1.4;object-fit:cover; }
.neighborhood-name-grid figcaption,.history-archive figcaption { margin-top:12px;color:#727681;font-size:11px;line-height:1.7; }
.neighborhood-name-grid p { color:#555b68;line-height:1.95;word-break:keep-all; }
.neighborhood-name-word { margin:0 0 16px !important;color:var(--guide-blue) !important;font-size:46px;font-weight:750;letter-spacing:-.055em; }
.history-band { background:#f5f6f8; }
.history-timeline { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px; }
.history-timeline article { padding-top:22px;border-top:2px solid var(--guide-blue); }
.history-timeline time { display:block;color:var(--guide-blue);font-size:26px;font-weight:750;letter-spacing:-.03em; }
.history-timeline h3 { margin:16px 0 10px;font-size:17px;line-height:1.45;letter-spacing:-.025em; }
.history-timeline p { margin:0;color:#6b707b;font-size:12px;line-height:1.9;word-break:keep-all; }
.history-source { margin:30px 0 0;color:#747883;font-size:11px;line-height:1.8; }
.history-source a { color:var(--guide-blue);text-underline-offset:3px; }
.history-archive { margin:0; }
.history-archive img { width:100%;height:auto;max-height:580px;object-fit:contain;background:#f3f4f6; }
.history-records { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.history-record-card { display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:30px;border-top:3px solid var(--guide-blue);background:#f6f7fa;color:inherit;text-decoration:none; }
.history-record-card:nth-child(2) { border-top-color:var(--guide-red); }
.history-record-card time { display:block;color:var(--guide-blue);font-size:26px;font-weight:750;letter-spacing:-.035em; }
.history-record-card strong { font-size:22px;line-height:1.45;letter-spacing:-.04em;word-break:keep-all; }
.history-record-card p { margin:0;color:#6d737f;font-size:13px;line-height:1.9;word-break:keep-all; }
.history-record-card small { margin-top:auto;color:var(--guide-blue);font-size:12px;font-weight:700; }
.history-record-card:hover { background:#edf1f8; }
.history-record-card:focus-visible { outline:2px solid var(--guide-blue);outline-offset:4px; }
.neighborhood-bottom { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:44px; }
.neighborhood-bottom a { padding:12px 0;color:var(--guide-blue);font-size:14px;font-weight:650;text-decoration:none; }
.neighborhood-footer { display:flex;justify-content:space-between;gap:20px;padding:30px max(24px,7vw);border-top:1px solid #e8ebf0;color:#7a7d85;font-size:11px; }
@media(max-width:760px) { .neighborhood-hero{min-height:450px;padding-bottom:42px;} .neighborhood-topbar img{width:130px;height:62px;} .neighborhood-topbar a{font-size:11px;} .neighborhood-section{padding:58px 24px;} .neighborhood-section__heading,.neighborhood-name-grid,.history-records{grid-template-columns:minmax(0,1fr);gap:22px;} .history-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;} .neighborhood-bottom,.neighborhood-footer{flex-wrap:wrap;} }