/* SEOUL 2.0 / Editorial Film Chapters — replaces blank folded text panels with one cinematic, interactive preview. */
:root{--ec-ivory:#faf5eb;--ec-gold:#d7a73d;--ec-red:#963e34;--ec-shadow:#22190f}
.cc-group-section.ec-edition{background:var(--ec-ivory)!important;padding:0!important;margin:0!important;scroll-margin-top:150px}
.cc-group-section.ec-edition>.c3-scene{display:none!important}
.cc-group-section.ec-edition>.wrap{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;overflow:visible!important}
.cc-group-section.ec-edition>.wrap>.sec-head{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  justify-content:flex-end!important;align-items:flex-start!important;
  position:relative!important;isolation:isolate!important;
  width:100%!important;min-height:clamp(370px,43vw,550px)!important;
  margin:0!important;padding:clamp(24px,5vw,76px)!important;
  background:#2c231a!important;color:#fff8eb!important;overflow:hidden!important;
}
.cc-group-section.ec-edition>.wrap>.sec-head::before{
  content:"";position:absolute;inset:-12% 0;z-index:-2;
  background-image:var(--ec-photo);background-size:cover;background-position:var(--ec-position,center);
  transform:translate3d(0,var(--ec-scroll,0px),0) scale(1.035);
  transition:transform .25s linear;pointer-events:none;
}
.cc-group-section.ec-edition>.wrap>.sec-head::after{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,rgba(18,16,12,.82) 0%,rgba(24,19,12,.43) 53%,rgba(15,13,10,.16) 100%),
 linear-gradient(0deg,rgba(19,14,8,.76),transparent 44%);
}
.cc-group-section.ec-edition>.wrap>.sec-head>.eyebrow{color:#f3dfaf!important;letter-spacing:.22em!important;font-size:11px!important;margin:0 0 12px!important;opacity:1!important;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.cc-group-section.ec-edition>.wrap>.sec-head>h2{
 color:#fff9ed!important;font-size:clamp(31px,4.7vw,67px)!important;
 line-height:1.15!important;letter-spacing:-.035em!important;font-weight:500!important;
 text-shadow:0 3px 20px rgba(0,0,0,.45)!important;margin:0!important;max-width:800px!important;
}
.cc-group-section.ec-edition>.wrap>.sec-head>h2 i{color:#ffe3a6!important;font-size:.93em!important}
.cc-group-section.ec-edition>.wrap>.sec-head>p:not(.eyebrow){
 color:#f6eddf!important;opacity:.94!important;font-size:clamp(13px,1.15vw,16px)!important;
 line-height:1.75!important;max-width:55ch!important;margin:13px 0 0!important;
 text-shadow:0 1px 14px rgba(0,0,0,.65)!important;
}
.cc-group-section.ec-edition.cc-is-collapsed>.wrap>.sec-head>p:not(.eyebrow){
 -webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
.cc-group-section.ec-edition>.wrap>.sec-head::selection{background:#d7a73d;color:#241a11}
.cc-group-section.ec-edition>.wrap>.sec-head .cc-toggle{
 color:#251d16!important;background:#faf5eb!important;border:1px solid #fdf1d7!important;
 font-weight:750!important;padding:12px 23px!important;margin:20px 0 0!important;
 min-height:48px!important;width:auto!important;min-width:150px!important;
 box-shadow:0 10px 24px rgba(0,0,0,.13)!important;border-radius:999px!important;
}
.cc-group-section.ec-edition>.wrap>.sec-head .cc-toggle:hover,
.cc-group-section.ec-edition>.wrap>.sec-head .cc-toggle:focus-visible{background:#edcc82!important;color:#241a11!important;outline:2px solid #fff!important;outline-offset:4px}
.cc-group-section.ec-edition>.wrap>.sec-head>.ec-note{
 position:absolute;right:clamp(22px,5vw,70px);top:clamp(22px,3vw,48px);
 font:italic clamp(16px,2vw,27px)/1.1 'Caveat','Segoe Print',cursive;
 color:#fae1ab;transform:rotate(-5deg);text-align:right;max-width:220px;
 text-shadow:0 1px 12px #14100c;pointer-events:none;
}
.cc-group-section.ec-edition>.wrap>.sec-head>.ec-index{
 position:absolute;top:clamp(20px,3vw,42px);left:clamp(23px,5vw,75px);
 font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:.22em;color:#f3dec0;
}
.cc-group-section.ec-edition>.wrap>.sec-head:has(.ec-index)>.eyebrow{margin-top:36px!important}
.cc-group-section.ec-edition>.wrap>.sec-head>.ec-rule{position:absolute;inset:clamp(15px,2.5vw,31px);border:1px solid rgba(255,244,213,.61);pointer-events:none;z-index:2}
.cc-group-section.ec-edition.cc-is-open>.wrap>.sec-head{min-height:clamp(390px,44vw,540px)!important}
.cc-group-section.ec-edition.cc-is-open>.wrap>.sec-head+.ec-rail{margin-bottom:0}
.cc-group-section.ec-edition.cc-is-open>.wrap> :not(.sec-head):not(.ec-rail){max-width:1240px;margin-left:auto!important;margin-right:auto!important}
/* photographic interactive previews are available before opening the long content */
.cc-group-section.ec-edition>.wrap>.ec-rail{
 display:flex!important;position:relative;overflow-x:auto!important;overflow-y:hidden!important;
 scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:14px;
 padding:20px max(24px,calc((100vw - 1250px)/2)) 28px!important;
 margin:0!important;background:#f7f0e4!important;-webkit-overflow-scrolling:touch;
 scrollbar-width:thin;scrollbar-color:#ac8860 transparent;
}
.ec-film-card{
 position:relative;flex:0 0 clamp(188px,24vw,300px);height:clamp(165px,20vw,220px);
 display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
 scroll-snap-align:start;border:none;border-radius:5px;overflow:hidden;
 color:#fff9ed!important;text-align:left;cursor:pointer;
 background:#42321f;box-shadow:0 8px 22px rgba(69,38,15,.1);padding:18px 18px 17px;
}
.ec-film-card::before{content:"";position:absolute;inset:0;background-image:var(--ec-card-photo);background-size:cover;background-position:var(--ec-card-pos,center);transform:scale(1.02);transition:transform .55s ease;z-index:0}
.ec-film-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,13,9,.81),rgba(18,13,9,.04) 72%);z-index:0}
.ec-film-card:hover::before,.ec-film-card:focus-visible::before{transform:scale(1.10)}
.ec-film-card:hover,.ec-film-card:focus-visible{outline:2px solid #b28047;outline-offset:3px}
.ec-film-card>*{position:relative;z-index:1;pointer-events:none;text-shadow:0 2px 12px #18110e}
.ec-film-card small{font:600 10px/1.3 'DM Sans',sans-serif;letter-spacing:.17em;color:#f5d79a;margin-bottom:6px}
.ec-film-card strong{font:600 clamp(16px,1.65vw,23px)/1.4 'Noto Sans TC',sans-serif;letter-spacing:.015em}
.ec-film-card em{font:400 12px/1.3 'DM Sans',sans-serif;font-style:normal;color:#f7e6c7;margin-top:4px}
.ec-film-card[aria-current="true"]{outline:3px solid #b58448;outline-offset:2px}
.ec-rail-note{background:#f7f0e4;color:#80543d;font-size:12px;letter-spacing:.04em;padding:0 max(24px,calc((100vw - 1250px)/2)) 16px;margin:0}
.cc-group-section.ec-edition.cc-is-collapsed .ec-rail{display:flex!important}
/* keep the actual original interactions after opening, without a second empty page */
.cc-group-section.ec-edition.cc-is-open>.wrap>.sec-head~.seg,
.cc-group-section.ec-edition.cc-is-open>.wrap>.sec-head~.glance,
.cc-group-section.ec-edition.cc-is-open>.wrap>.sec-head~.facts,
.cc-group-section.ec-edition.cc-is-open>.wrap>.sec-head~.rf,
.cc-group-section.ec-edition.cc-is-open>.wrap>.sec-head~.ph-day,
.cc-group-section.ec-edition.cc-is-open>.wrap>.sec-head~.mrail,
.cc-group-section.ec-edition.cc-is-open>.wrap>.sec-head~.mtabs{max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
/* standalone daily itinerary becomes a photographic chapter selection, not an empty text block */
#cc-days-wrapper{background:#f7efe4!important}
#cc-days-wrapper .cc-standalone-head{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:380px;overflow:hidden;
 color:#fff8ed!important;padding:42px max(28px,calc((100vw - 1200px)/2)) 32px!important;
 background:linear-gradient(90deg,rgba(25,20,15,.76),rgba(25,20,15,.2)),url('img/d4-11-8719d9f7.webp') center/cover!important}
#cc-days-wrapper .cc-standalone-head h2{color:#fff8ed!important;font:400 clamp(29px,4.3vw,58px)/1.1 Georgia,serif;margin:0 0 18px!important;text-shadow:0 3px 18px #1b150e}
#cc-days-wrapper .cc-standalone-head .cc-toggle{background:#faf5eb!important;color:#2d241b!important;border:1px solid #faf5eb!important;min-height:46px!important}
#cc-days-wrapper .cc-standalone-head .ec-day-rail{display:flex;gap:10px;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:19px;padding:5px 5px 11px;-webkit-overflow-scrolling:touch}
#cc-days-wrapper .cc-standalone-head .ec-day-pick{white-space:nowrap;flex:none;border:1px solid rgba(255,249,229,.7);border-radius:99px;background:rgba(33,25,18,.35);color:#fff9ec;min-height:44px;padding:9px 18px;font-weight:650;cursor:pointer;scroll-snap-align:start}
#cc-days-wrapper .cc-standalone-head .ec-day-pick:hover,#cc-days-wrapper .cc-standalone-head .ec-day-pick:focus-visible{background:#f0d39c;color:#292018}
#cc-days-wrapper.cc-group-hidden{display:none!important}
#cc-days-wrapper #days.cc-is-collapsed{display:none!important}
@media(max-width:700px){
 .cc-group-section.ec-edition>.wrap>.sec-head{min-height:425px!important;padding:66px 26px 30px!important}
 .cc-group-section.ec-edition>.wrap>.sec-head>h2{font-size:clamp(29px,7vw,43px)!important}
 .cc-group-section.ec-edition>.wrap>.sec-head>.ec-note{font-size:17px;right:24px;top:50px}
 .cc-group-section.ec-edition>.wrap>.sec-head>.ec-index{left:25px;top:24px}
 .cc-group-section.ec-edition>.wrap>.sec-head::after{background:linear-gradient(0deg,rgba(19,14,9,.84),rgba(19,14,9,.03) 80%)}
 .ec-film-card{flex-basis:70vw;max-width:280px;height:205px}
 .cc-group-section.ec-edition>.wrap>.ec-rail{padding:16px 22px 20px!important;gap:11px}
 .ec-rail-note{padding:0 22px 14px}
 #cc-days-wrapper .cc-standalone-head{min-height:355px;padding:48px 25px 26px!important}
}
@media(prefers-reduced-motion:reduce){
 .cc-group-section.ec-edition>.wrap>.sec-head::before,.ec-film-card::before{transform:none!important;transition:none!important}
}
/* Previous expandable editor's notes must remain legible on the new photographic covers. */
.cc-group-section.ec-edition>.wrap>.sec-head .er-lead{max-width:58ch!important;margin:12px 0 0!important}
.cc-group-section.ec-edition>.wrap>.sec-head .er-lead .er-lead-text{color:#f9f1e4!important;opacity:1!important;font-size:clamp(13px,1.15vw,16px)!important;line-height:1.75!important;text-shadow:0 2px 16px rgba(0,0,0,.68)!important}
.cc-group-section.ec-edition>.wrap>.sec-head .er-lead .er-note-action{color:#ffe3af!important;border-bottom-color:#f7dfa9!important;background:transparent!important}
.cc-group-section.ec-edition.cc-is-collapsed>.wrap>.sec-head .er-lead .er-lead-text{-webkit-line-clamp:2!important}
/* Avoid extra page-height when a chapter is closed. */
.cc-group-section.ec-edition.cc-is-collapsed>.wrap{min-height:0!important}
.cc-group-section.ec-edition.cc-is-collapsed>.wrap>.ec-rail{min-height:0!important}