/* SEOUL 2.0 — LAYOUT REPAIR 2026-11-11
   Resolve inherited .sec .sec-head max-width:910px and competing visual layers.
   This stylesheet is intentionally loaded LAST in the real document head. */
:root{--repair-page:#faf5eb;--repair-dark:#35291f;--repair-red:#823d35;--repair-gold:#e8bc61}
/* FULL WIDTH IS CRITICAL: original site capped .sec-head at 910px, causing 1/3 blank. */
html,body{max-width:100%;overflow-x:clip}
section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter{
 display:block!important;box-sizing:border-box!important;
 width:100%!important;max-width:none!important;min-width:0!important;
 margin-inline:0!important;overflow:clip!important;
}
section.vr-chapter>.wrap,section.cc-group-section.ec-edition.vr-chapter>.wrap{
 box-sizing:border-box!important;display:block!important;max-width:none!important;
 width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
}
section.vr-chapter>.wrap>.sec-head,
section.cc-group-section.ec-edition.vr-chapter>.wrap>.sec-head,
.sec section.vr-chapter>.wrap>.sec-head,
section.sec.vr-chapter .sec-head{
 box-sizing:border-box!important;display:flex!important;max-width:none!important;
 width:100%!important;min-width:0!important;margin-inline:0!important;
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 padding:clamp(54px,5.5vw,94px)!important;
}
section.vr-chapter>.wrap>.sec-head::before{pointer-events:none!important;z-index:0!important}
section.vr-chapter>.wrap>.sec-head::after{pointer-events:none!important;z-index:1!important}
section.vr-chapter>.wrap>.sec-head>:not(.ec-rule){z-index:2!important;position:relative!important}
section.vr-chapter>.wrap>.sec-head>.ec-index,
section.vr-chapter>.wrap>.sec-head>.ec-note{position:absolute!important}
section.vr-chapter>.wrap>.sec-head>.ec-rule{z-index:3!important}
/* PHOTO CHAPTERS: full bleed photography and legible captions without clipping. */
section.vr-photo>.wrap>.sec-head{
 min-height:clamp(410px,47vw,640px)!important;
 background:#251e17!important;
 color:#fff7e9!important;
}
section.vr-photo>.wrap>.sec-head>h2{
 max-width:min(1020px,83%)!important;
 font-size:clamp(38px,5.15vw,76px)!important;line-height:1.13!important;
 overflow-wrap:break-word!important;
}
/* COLOR CHAPTERS: one dominant field, photo occupies right column only.
   All copy stays in the left column; never overlap title or photo. */
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head{
 min-height:clamp(440px,43vw,600px)!important;
 padding-right:clamp(42px,5.2vw,84px)!important;
 align-items:flex-start!important;justify-content:center!important;
 background:var(--vr-panel,#e8bc61)!important;color:var(--vr-text,#342820)!important;
}
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head::before{
 box-sizing:border-box!important;
 inset:12% 5% 12% auto!important;
 width:min(32%,430px)!important;height:76%!important;
 border:clamp(4px,.55vw,8px) solid rgba(255,250,238,.87)!important;
 border-radius:2px!important;
 box-shadow:0 16px 48px rgba(25,15,8,.18)!important;
 background-image:var(--vr-img)!important;
 background-position:var(--vr-focus,center)!important;background-size:cover!important;
 opacity:1!important;
 transform:translate3d(0,calc(var(--vr-scroll,0px) * .22),0) rotate(-1.8deg)!important;
}
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head::after{
 background:transparent!important;
}
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head> :not(.ec-rule):not(.ec-note):not(.ec-index){
 max-width:54%!important;width:auto!important;
}
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head>h2{
 width:54%!important;max-width:54%!important;
 font-size:clamp(32px,3.55vw,56px)!important;
 line-height:1.16!important;overflow-wrap:break-word!important;
 margin:10px 0 0!important;
 text-shadow:none!important;color:var(--vr-text,#342820)!important;
}
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head>h2 i{
 display:inline-block!important;max-width:100%!important;margin-right:.15em!important;
 font-size:.9em!important;white-space:normal!important;
}
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head>p:not(.eyebrow),
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head .er-lead{
 width:52%!important;max-width:52%!important;
 color:var(--vr-text,#342820)!important;
 line-height:1.65!important;text-shadow:none!important;
}
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head .er-lead-text{
 color:var(--vr-text,#342820)!important;text-shadow:none!important;
}
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head>.ec-note{
 right:7%!important;top:5%!important;max-width:26%!important;
 transform:rotate(-4deg)!important;opacity:.9!important;
}
section.vr-chapter:not(.vr-photo)>.wrap>.sec-head .cc-toggle{
 flex:0 0 auto!important;max-width:fit-content!important;
}
/* Short sections shouldn't leave huge blank space when collapsed. */
section.vr-chapter.cc-is-collapsed:not(.vr-photo)>.wrap>.sec-head{min-height:clamp(380px,36vw,520px)!important}
section.vr-chapter.cc-is-collapsed.vr-photo>.wrap>.sec-head{min-height:clamp(385px,38vw,550px)!important}
/* Rail is always a full viewport strip; old wrapping values must not constrain it. */
section.vr-chapter>.wrap>.ec-rail{
 box-sizing:border-box!important;max-width:none!important;width:100%!important;
 padding-left:max(20px,calc((100vw - 1280px)/2))!important;
 padding-right:max(20px,calc((100vw - 1280px)/2))!important;
}
section.vr-chapter>.wrap>.ec-rail-note{box-sizing:border-box!important;max-width:none!important;width:100%!important}
/* Six-day standalone block has its own red panel; use real split columns. */
#cc-days-wrapper{box-sizing:border-box!important;width:100%!important;max-width:none!important;overflow:hidden!important}
#cc-days-wrapper .cc-standalone-head{
 box-sizing:border-box!important;width:100%!important;max-width:none!important;
 margin:0!important;padding:60px clamp(24px,5.5vw,85px)!important;
 min-height:410px!important;align-items:flex-start!important;justify-content:center!important;
 background:#823d35!important;color:#fff8ec!important;
}
#cc-days-wrapper .cc-standalone-head::before{
 box-sizing:border-box!important;right:6%!important;top:15%!important;bottom:15%!important;
 width:29%!important;height:70%!important;
 border:6px solid rgba(255,247,233,.83)!important;border-radius:2px!important;
 transform:rotate(-2deg)!important;
}
#cc-days-wrapper .cc-standalone-head>h2{
 box-sizing:border-box!important;width:58%!important;max-width:58%!important;
 font-size:clamp(32px,4.2vw,59px)!important;line-height:1.14!important;
 color:#fff9ee!important;overflow-wrap:break-word!important;
}
#cc-days-wrapper .cc-standalone-head .ec-day-rail{
 box-sizing:border-box!important;max-width:59%!important;width:59%!important;
 flex-wrap:wrap!important;overflow:visible!important;
}
/* Keep compact fixed travel bar below the content, never in front of core CTA. */
@media (min-width:701px) and (max-width:1199px){
 section.vr-chapter:not(.vr-photo)>.wrap>.sec-head>h2{font-size:clamp(31px,3.7vw,47px)!important}
 section.vr-chapter:not(.vr-photo)>.wrap>.sec-head::before{width:31%!important;right:4%!important}
 section.vr-chapter:not(.vr-photo)>.wrap>.sec-head> :not(.ec-rule):not(.ec-note):not(.ec-index){max-width:57%!important}
}
@media (max-width:700px){
 section.vr-chapter>.wrap>.sec-head{max-width:none!important;padding:30px 24px!important}
 section.vr-photo>.wrap>.sec-head{min-height:450px!important;padding:92px 26px 34px!important}
 section.vr-photo>.wrap>.sec-head>h2{max-width:100%!important;width:100%!important;font-size:clamp(32px,8.8vw,48px)!important}
 section.vr-chapter:not(.vr-photo)>.wrap>.sec-head{
  min-height:560px!important;padding:234px 25px 36px!important;justify-content:flex-end!important;
 }
 section.vr-chapter:not(.vr-photo)>.wrap>.sec-head::before{
  top:47px!important;right:7%!important;bottom:auto!important;left:auto!important;
  width:47%!important;height:172px!important;transform:rotate(-2deg)!important;
 }
 section.vr-chapter:not(.vr-photo)>.wrap>.sec-head> :not(.ec-rule):not(.ec-note):not(.ec-index){
  max-width:100%!important;width:100%!important;
 }
 section.vr-chapter:not(.vr-photo)>.wrap>.sec-head>h2{
  width:100%!important;max-width:100%!important;
  font-size:clamp(31px,7.8vw,43px)!important;
 }
 section.vr-chapter:not(.vr-photo)>.wrap>.sec-head>p:not(.eyebrow),
 section.vr-chapter:not(.vr-photo)>.wrap>.sec-head .er-lead{
  max-width:100%!important;width:100%!important;
 }
 section.vr-chapter:not(.vr-photo)>.wrap>.sec-head>.ec-note{display:none!important}
 section.vr-chapter.cc-is-collapsed:not(.vr-photo)>.wrap>.sec-head{min-height:545px!important}
 #cc-days-wrapper .cc-standalone-head{padding:220px 25px 30px!important;min-height:520px!important;justify-content:flex-end!important}
 #cc-days-wrapper .cc-standalone-head::before{right:8%!important;top:38px!important;bottom:auto!important;width:47%!important;height:160px!important}
 #cc-days-wrapper .cc-standalone-head>h2{width:100%!important;max-width:100%!important;font-size:clamp(32px,8vw,44px)!important}
 #cc-days-wrapper .cc-standalone-head .ec-day-rail{max-width:100%!important;width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important}
}
@media(prefers-reduced-motion:reduce){section.vr-chapter:not(.vr-photo)>.wrap>.sec-head::before{transform:rotate(-1.8deg)!important;transition:none!important}}
