/* JSLALALAND SEOUL 2.0 — Compact cinematic reading mode */
:root { --cc-cream:#faf5eb; --cc-gold:#d7a73d; --cc-maple:#963e34; --cc-ink:#42382d; }
#about { display:none !important; }
.cc-group-hidden { display:none !important; }
.cc-chapters { background:#f7f0e4; padding:clamp(30px,5vw,76px) max(20px,calc((100vw - 1200px)/2)); color:var(--cc-ink); position:relative; isolation:isolate; }
.cc-topline { font-size:11px; letter-spacing:.22em; font-weight:600; text-transform:uppercase; color:var(--cc-maple); }
.cc-chapters h2 { margin:10px 0 6px; font-weight:450; font-family:Georgia,serif; font-size:clamp(30px,5vw,54px); letter-spacing:-.045em; }
.cc-chapters .cc-lead { margin:0 0 20px; font-size:14px; max-width:680px; line-height:1.8; opacity:.8; }
.cc-tabs { display:flex; gap:12px; overflow-x:auto; padding:0 2px 18px; scroll-snap-type:x mandatory; scrollbar-width:thin; -webkit-overflow-scrolling:touch; }
.cc-tab { position:relative; flex:0 0 clamp(190px,24vw,284px); min-height:230px; border:1px solid rgba(250,245,235,.65); border-radius:3px; padding:0; overflow:hidden; scroll-snap-align:start; text-align:left; color:white; cursor:pointer; isolation:isolate; background:#4b402b; box-shadow:0 8px 28px rgba(65,45,20,.12); }
.cc-tab img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover; transition:transform .5s ease;z-index:-2;}
.cc-tab::before {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,22,8,.03) 20%,rgba(35,22,8,.82) 100%);z-index:-1;}
.cc-tab:hover img {transform:scale(1.04)}
.cc-tab[aria-selected="true"] {outline:3px solid var(--cc-maple);outline-offset:3px}
.cc-tab span {display:block;padding:0 20px;}.cc-tab .cc-num {margin-top:120px;font-size:11px;letter-spacing:.16em;}.cc-tab .cc-name {margin-top:9px;font-family:Georgia,serif;font-size:25px;}.cc-tab .cc-trans {margin-top:4px;font-size:12px;opacity:.85;}
.cc-active-summary {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:5px;padding:10px 0 0;border-top:1px solid #d8cdbb;font-size:13px;}
.cc-active-summary button {min-height:44px;padding:8px 18px;background:none;border:1px solid #a48b6e;color:#6e503b;border-radius:999px;cursor:pointer;}
.cc-group-section .c3-scene {min-height:unset!important;height:clamp(145px,18vw,230px)!important;}
.cc-group-section.cc-is-open .c3-scene {height:clamp(190px,25vw,330px)!important;}
.cc-group-section .sec-head {position:relative;padding-bottom:18px!important;}
.cc-group-section.cc-is-collapsed .sec-head > p:not(.eyebrow) {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cc-group-section.cc-is-collapsed > .wrap > :not(.sec-head) {display:none!important;}
.cc-group-section.cc-is-collapsed {padding-bottom:0!important;}
.cc-toggle {display:inline-flex;align-items:center;gap:12px;justify-content:center;border:1px solid #a77f50;border-radius:999px;background:var(--cc-cream);color:#744b35;min-height:44px;padding:10px 21px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.03em;margin:12px 0 0;}
.cc-toggle:hover {background:#f0e2ce}.cc-toggle::after {content:"+";font-size:22px;font-weight:300;line-height:1;}
.cc-is-open .cc-toggle::after {content:"−";}
.cc-group-section.cc-is-open > .wrap {padding-bottom:clamp(30px,4vw,55px)!important;}
.cc-group-section > .wrap {padding-top:clamp(24px,4vw,44px)!important;}
.cc-standalone-head {padding:32px max(20px,calc((100vw - 1120px)/2));border-top:1px solid rgba(150,62,52,.16);background:#faf5eb;}
.cc-standalone-head h2 {margin:0 0 10px;font-family:Georgia,serif;font-size:clamp(26px,4vw,42px);font-weight:400;}
#days.cc-is-collapsed { display:none!important; }
.cc-days-wrapper.cc-group-hidden{display:none!important;}
.cc-group-section.cc-is-collapsed .cc-photo-days,.cc-group-section.cc-is-collapsed .cc-scroll-note{display:none!important;}
.cc-photo-days {display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:12px 2px 17px;scrollbar-width:thin;}
.cc-photo-days button {flex:0 0 auto;min-width:80px;min-height:44px;padding:8px 15px;border:1px solid #d2c4ad;background:#faf5eb;color:#5c493c;border-radius:999px;cursor:pointer;scroll-snap-align:start;}
.cc-photo-days button[aria-selected="true"] {background:#963e34;color:#fff;border-color:#963e34;}
#photos.cc-is-open .ph-day.cc-photo-day-hidden {display:none!important;}
#photos.cc-is-open .ph-grid {display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 3px 20px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;}
#photos.cc-is-open .ph-grid > * {flex:0 0 clamp(180px,27vw,320px)!important;width:clamp(180px,27vw,320px)!important;min-width:0;scroll-snap-align:start;}
#photos.cc-is-open .ph-grid img {max-width:100%;}
.cc-group-section .mrail,.cc-group-section .hrail,.cc-group-section .lrail {scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.cc-group-section .mrail > *, .cc-group-section .hrail > *, .cc-group-section .lrail > * {scroll-snap-align:start;}
#wear.cc-is-open .wear-grid {display:flex!important;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:18px;-webkit-overflow-scrolling:touch;}
#wear.cc-is-open .wear-card {flex:0 0 clamp(220px,36vw,340px)!important;scroll-snap-align:start;}
.cc-scroll-note {font-size:12px;color:#977151;margin:4px 0 0;font-style:italic;}
.cc-group-section {scroll-margin-top:78px;}
.cc-tab:focus-visible,.cc-toggle:focus-visible,.cc-photo-days button:focus-visible,.cc-active-summary button:focus-visible {outline:3px solid #963e34;outline-offset:3px;}
@media(max-width:700px){.cc-chapters {padding:34px 18px}.cc-tab {flex-basis:76vw;min-height:205px}.cc-tab .cc-num {margin-top:105px}.cc-group-section .c3-scene{height:160px!important}.cc-group-section.cc-is-open .c3-scene{height:200px!important}.cc-active-summary{align-items:flex-start;flex-direction:column;gap:6px}.cc-group-section > .wrap{padding-top:20px!important}#photos.cc-is-open .ph-grid > * {flex-basis:70vw!important;width:70vw!important}}
@media(prefers-reduced-motion:reduce){.cc-tab img{transition:none!important}}

/* Keep horizontal card rails internal instead of widening the page. */
html,body{overflow-x:clip;}
.cc-chapters,.cc-group-section{max-width:100%;}

/* 2.1 FIX — The site's native foldable sections and Compact must share one state. */
.cc-group-section.cc-is-open > .wrap > .fold-body {display:block!important;visibility:visible!important;}
.cc-group-section > .wrap > .sec-head .fold-bar {display:none!important;}
#days.cc-is-open > .chapter {display:block;}
/* Old fold headers may still be within the day chapter: leave those controls visible. */

/* 2.2 CONTROL CLEANUP: one and only one top-level expand/collapse control.
   Preserve nested original daily-route and category toggles. */
.cc-chapters #cc-expand-all{display:none!important}
section.cc-group-section > .wrap > .sec-head > .fold-bar,
section.cc-group-section > .wrap > .sec-head .of-tagm > .fold-bar,
section.cc-group-section > .wrap > .of-tag > .fold-bar {display:none!important}
.cc-group-section > .wrap > .sec-head > .cc-toggle {display:inline-flex!important}

/* 2.3 Refinement: one visible main section, clear compact chapter shortcuts. */
.cc-section-index{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;}
#cc-section-index-label{font-size:11px;letter-spacing:.12em;color:#80513e;white-space:nowrap;font-weight:700;}
.cc-jump-rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;max-width:100%;padding:6px 4px 13px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.cc-jump{flex:0 0 auto;scroll-snap-align:start;background:#fffaf2;border:1px solid #c6ac90;border-radius:100px;color:#563b2e;min-height:44px;padding:9px 18px;font:600 13px/1.3 inherit;cursor:pointer;}
.cc-jump:hover,.cc-jump:focus-visible{background:#eee0c8;border-color:#963e34;}
.cc-jump[hidden]{display:none!important;}
/* Shorter previews until opened; the photographic editorial remains fully visible on expansion. */
.cc-group-section.cc-is-collapsed .c3-scene{height:clamp(100px,12vw,150px)!important;}
.cc-group-section.cc-is-collapsed > .wrap > .sec-head > p:not(.eyebrow){-webkit-line-clamp:1;}
.cc-group-section.cc-is-collapsed > .wrap{padding-top:18px!important;padding-bottom:18px!important;}
.cc-group-section.cc-is-open > .wrap > .sec-head > p:not(.eyebrow){color:#554538;opacity:1;}
#cc-chapters{scroll-margin-top:80px;}
@media(max-width:700px){.cc-group-section.cc-is-collapsed .c3-scene{height:118px!important}.cc-section-index{display:block}.cc-jump-rail{margin-top:6px}.cc-group-section.cc-is-collapsed > .wrap > .sec-head{padding-bottom:8px!important}}