.elementor-8434 .elementor-element.elementor-element-e5657f0{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8434 .elementor-element.elementor-element-97df88b ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-8434 .elementor-element.elementor-element-97df88b .hfe-breadcrumbs-item{font-size:16px;}.elementor-8434 .elementor-element.elementor-element-fb2d34c{--display:flex;--min-height:720px;--overlay-opacity:0.5;}.elementor-8434 .elementor-element.elementor-element-fb2d34c:not(.elementor-motion-effects-element-type-background), .elementor-8434 .elementor-element.elementor-element-fb2d34c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/greatwideopen.blog/wp-content/uploads/2026/07/gwo-southy-korea-timing-hero.jpg?fit=1150%2C600&ssl=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8434 .elementor-element.elementor-element-fb2d34c::before, .elementor-8434 .elementor-element.elementor-element-fb2d34c > .elementor-background-video-container::before, .elementor-8434 .elementor-element.elementor-element-fb2d34c > .e-con-inner > .elementor-background-video-container::before, .elementor-8434 .elementor-element.elementor-element-fb2d34c > .elementor-background-slideshow::before, .elementor-8434 .elementor-element.elementor-element-fb2d34c > .e-con-inner > .elementor-background-slideshow::before, .elementor-8434 .elementor-element.elementor-element-fb2d34c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor3 );--background-overlay:'';}.elementor-8434 .elementor-element.elementor-element-67c8b1c{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-e5657f0 *//* ==========================================================================
   KR-11 · Best time to visit South Korea — PAGE-LEVEL styles

   DO NOT paste into Additional CSS.
   Elementor > edit KR-11 > Page Settings (gear icon) > Advanced > Custom CSS

   Page-level CSS does not carry between pages, so this file is self-contained:
   it repeats the shared KR component set (trimmed to the components KR-11 uses).
   No new component is introduced — a best-time page is served entirely by the
   existing KR system (matrix table, scenario rows, callout cards, verify panel).

   Requires the canonical tokens from gwo-tokens.css in Additional CSS.

   SCOPING
   Every rule is scoped under .kr-guide. The HTML must stay wrapped in
   <div class="kr-guide"> — remove that wrapper and the page loses its styling.
   ========================================================================== */

.kr-guide{
  background:var(--gwo-cream);
  color:var(--gwo-ink);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

.kr-guide *{box-sizing:border-box}

@media (prefers-reduced-motion:reduce){
  .kr-guide *{transition:none!important; animation:none!important}
}

.kr-guide .wrap{max-width:var(--gwo-maxw-read); margin:0 auto; padding:0 22px}

.kr-guide h2,
.kr-guide h3{color:var(--gwo-heading); font-weight:500; line-height:1.22; margin:0}
.kr-guide h2{font-size:26px; margin:0 0 12px}
.kr-guide h3{font-size:19px; margin:26px 0 8px}
.kr-guide p{margin:0 0 16px}
.kr-guide a{color:var(--gwo-link); text-underline-offset:2px}
.kr-guide a:hover{color:var(--gwo-accent)}
.kr-guide :focus-visible{outline:2px solid var(--gwo-accent); outline-offset:3px; border-radius:2px}
.kr-guide .kicker{font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--gwo-faint); margin:0 0 10px}
.kr-guide .skip{position:absolute; left:-9999px}
.kr-guide .skip:focus{position:static; display:inline-block; margin:8px; padding:8px 14px;
  background:var(--gwo-accent); color:#fff}

/* ---------------------------------------------------------- freshness bar */
.kr-guide .freshness{background:var(--gwo-heading); color:#F3ECDC; font-size:13px}
.kr-guide .freshness .wrap{display:flex; flex-wrap:wrap; gap:6px 20px;
  justify-content:space-between; padding-top:10px; padding-bottom:10px}
.kr-guide .freshness b{color:#E8C68A; font-weight:500}

/* ------------------------------------------------------------- masthead */
.kr-guide .masthead{padding:30px 0 0}
.kr-guide .promise{font-size:18px; color:var(--gwo-muted); margin:0 0 14px; max-width:58ch}
.kr-guide .basis{display:inline-block; font-size:13px; color:#6B4A1C; background:#F0E2C8;
  border-radius:14px; padding:4px 13px; text-decoration:none}
.kr-guide .basis:hover{background:#EAD7B4; color:#6B4A1C}

/* -------------------------------------------------- default answer block */
.kr-guide .default-block{background:var(--gwo-card); border:1px solid var(--gwo-rule);
  border-top:4px solid var(--gwo-gold); border-radius:0 0 10px 10px;
  padding:24px 26px; margin:22px 0 26px}
.kr-guide .default-block .lead{font-size:21px; font-weight:500; color:var(--gwo-heading);
  line-height:1.3; margin:8px 0 20px}
.kr-guide .step{display:flex; gap:16px; padding:14px 0; border-top:1px solid #EDE6D6}
.kr-guide .step:first-of-type{border-top:0; padding-top:0}
.kr-guide .num{flex:0 0 32px; height:32px; border-radius:50%; background:var(--gwo-accent);
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:15px; font-weight:500}
.kr-guide .step .step-title{margin:2px 0 4px; font-size:17px; color:var(--gwo-ink);
  font-weight:500; line-height:1.35}
.kr-guide .step p{margin:0; font-size:15px; color:var(--gwo-muted); line-height:1.55}
.kr-guide .nots{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;
  margin-top:18px; padding-top:16px; border-top:1px solid #EDE6D6;
  font-size:14px; color:var(--gwo-muted)}
.kr-guide .nots b{color:var(--gwo-ok); font-weight:500}

/* ------------------------------------------------------------ accordions */
.kr-guide details{background:var(--gwo-card); border:1px solid var(--gwo-rule);
  border-radius:var(--gwo-radius); margin:0 0 10px}
.kr-guide details[open]{border-color:var(--gwo-gold)}
.kr-guide summary{cursor:pointer; padding:14px 16px; font-size:16px; list-style:none;
  display:flex; justify-content:space-between; align-items:center; gap:12px}
.kr-guide summary::-webkit-details-marker{display:none}
.kr-guide summary::after{content:"+"; color:var(--gwo-link); font-size:20px; line-height:1; flex:0 0 auto}
.kr-guide details[open] summary::after{content:"−"}
.kr-guide details .body{padding:0 16px 16px; font-size:15.5px; color:var(--gwo-muted);
  border-top:1px solid #EDE6D6; padding-top:14px}
.kr-guide details .body p:last-child{margin-bottom:0}

/* -------------------------------------------------------- sticky jump nav */
.kr-guide .jump{position:sticky; top:0; z-index:20; background:rgba(250,242,227,.96);
  border-bottom:1px solid var(--gwo-rule-warm); backdrop-filter:blur(6px)}
.kr-guide .jump .wrap{display:flex; gap:16px; overflow-x:auto;
  padding-top:11px; padding-bottom:11px; font-size:13.5px; -webkit-overflow-scrolling:touch}
.kr-guide .jump a{white-space:nowrap; color:var(--gwo-muted); text-decoration:none}
.kr-guide .jump a:hover{color:var(--gwo-accent); text-decoration:underline}

/* --------------------------------------------------------------- sections */
.kr-guide section{padding:34px 0; border-top:1px solid var(--gwo-rule-warm)}
.kr-guide section.tinted{background:var(--gwo-tint);
  border-top:1px solid var(--gwo-rule-warm); border-bottom:1px solid var(--gwo-rule-warm)}
.kr-guide .lede{font-size:17.5px; color:var(--gwo-muted); max-width:62ch}

/* ----------------------------------------------------------------- tables */
.kr-guide table{width:100%; border-collapse:collapse; margin:16px 0; font-size:15.5px}
.kr-guide th,
.kr-guide td{text-align:left; padding:11px 12px; border-bottom:1px solid var(--gwo-rule);
  vertical-align:top}
.kr-guide th{color:var(--gwo-heading); font-weight:500; background:rgba(255,255,255,.55)}

/* ---------------------------------------------------------- failure/insight cards */
.kr-guide .card{padding:20px 22px; border-radius:10px; margin:0 0 14px;
  border:1px solid var(--gwo-rule)}
.kr-guide .card.minor{background:var(--gwo-card)}
.kr-guide .card.serious{background:var(--gwo-warn-bg); border-color:#E8C4B4}
.kr-guide .card .label{display:flex; align-items:center; gap:8px; font-size:12px;
  letter-spacing:.06em; text-transform:uppercase; font-weight:500; margin-bottom:7px}
.kr-guide .card.minor .label{color:var(--gwo-faint)}
.kr-guide .card.serious .label{color:var(--gwo-warn)}
.kr-guide .card h3{margin:0 0 7px; font-size:18px}
.kr-guide .card p{margin:0 0 12px; font-size:15.5px; color:var(--gwo-muted)}
.kr-guide .card p:last-child{margin-bottom:0}
/* tables sit comfortably inside a card */
.kr-guide .card table{margin:6px 0 14px}
.kr-guide .card caption{color:var(--gwo-faint)}

/* ---------------------------------------------------------------- callout */
.kr-guide .note{background:var(--gwo-tint); border-left:3px solid var(--gwo-gold);
  padding:16px 18px; border-radius:0 var(--gwo-radius) var(--gwo-radius) 0;
  margin:18px 0; font-size:15.5px}
.kr-guide .note p:last-child{margin-bottom:0}
.kr-guide .note strong{color:var(--gwo-heading)}

/* ----------------------------------------------------------- verify panel */
.kr-guide .verify{background:var(--gwo-heading); color:#EDE7DA; border-radius:10px;
  padding:24px 26px; margin:8px 0 0}
.kr-guide .verify h2{color:#fff; font-size:20px; margin-bottom:6px}
.kr-guide .verify a{color:#E8C68A}
.kr-guide .verify a:hover{color:#fff}
.kr-guide .verify ul{padding-left:18px; margin:14px 0 0}
.kr-guide .verify li{margin-bottom:8px; font-size:15.5px}
.kr-guide .verify .when{font-size:14px; color:#B9C7CE}
.kr-guide .verify strong{color:#fff; font-weight:500}

/* ------------------------------------------------------------- next steps */
.kr-guide .next{display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px; margin-top:16px}
.kr-guide .next a{display:block; background:var(--gwo-card); border:1px solid var(--gwo-rule);
  border-radius:10px; padding:16px 18px; text-decoration:none; color:inherit}
.kr-guide .next a:hover{border-color:var(--gwo-gold)}
.kr-guide .next .t{font-weight:500; color:var(--gwo-heading); display:block;
  margin-bottom:3px; font-size:16px}
.kr-guide .next .d{font-size:14px; color:var(--gwo-muted)}

.kr-guide .page-foot{padding:30px 0 50px; font-size:14px; color:var(--gwo-faint);
  border-top:1px solid var(--gwo-rule-warm); margin-top:34px}

/* ------------------------------------------------- scenario list (Type 5)
   Deliberately NOT a <table>. Astra styles table/thead/th/caption with its own
   borders and colours, which bleed through into the HTML widget. Divs inherit
   nothing.                                                                    */
.kr-guide .scenario{border:1px solid var(--gwo-rule); border-radius:10px;
  background:var(--gwo-card); overflow:hidden; margin:16px 0 0}
.kr-guide .sc-row{display:flex; gap:18px; align-items:flex-start;
  padding:14px 16px; border-top:1px solid #EDE6D6}
.kr-guide .sc-row:first-child{border-top:0}
.kr-guide .sc-row.rec{background:#FBF3E4}
.kr-guide .sc-when{flex:1 1 48%; font-size:15.5px; line-height:1.5; color:var(--gwo-muted)}
.kr-guide .sc-buy{flex:1 1 52%; font-size:15.5px; line-height:1.5; color:var(--gwo-ink)}
.kr-guide .sc-buy strong{color:var(--gwo-heading); font-weight:500}
.kr-guide .sc-tag{display:inline-block; font-size:11.5px; letter-spacing:.04em;
  text-transform:uppercase; background:var(--gwo-gold); color:#3A2708;
  border-radius:10px; padding:2px 9px; margin-left:4px; white-space:nowrap}
.kr-guide .sc-note{font-size:14px; color:var(--gwo-faint); margin:10px 0 0}

/* ---------------------------------------------- defensive theme resets
   Astra applies its own borders and backgrounds to tables and captions.
   These keep the season matrix and event calendar looking native.          */
.kr-guide table{border:0 !important; background:none !important}
.kr-guide caption{background:none !important; border:0 !important;
  text-align:left; font-size:13px; color:var(--gwo-faint); padding:0 0 8px;
  caption-side:top; font-weight:400}
.kr-guide th,
.kr-guide td{border-left:0 !important; border-right:0 !important; border-top:0 !important}

/* ------------------------------------------------------- keep current panel */
.kr-guide .keepcurrent{background:var(--gwo-card); border:1px solid var(--gwo-rule);
  border-left:4px solid var(--gwo-gold); border-radius:0 10px 10px 0;
  padding:24px 26px; margin:22px 0 0}
.kr-guide .keepcurrent h2{font-size:20px; margin:0 0 8px}
.kr-guide .keepcurrent .kc-lead{font-size:16px; color:var(--gwo-muted);
  line-height:1.6; margin:0 0 4px; max-width:62ch}
.kr-guide .kc-asks{list-style:none; padding:0; margin:18px 0 0}
.kr-guide .kc-asks li{position:relative; padding:9px 0 9px 26px;
  border-top:1px solid var(--gwo-rule-warm); font-size:15.5px;
  line-height:1.55; color:var(--gwo-ink)}
.kr-guide .kc-asks li:first-child{border-top:0}
.kr-guide .kc-asks li::before{content:""; position:absolute; left:2px; top:17px;
  width:7px; height:7px; border-radius:50%; background:var(--gwo-gold)}
.kr-guide .kc-asks .kc-gap{display:inline-block; font-size:11.5px; letter-spacing:.04em;
  text-transform:uppercase; background:#F0E2C8; color:#6B4A1C; border-radius:10px;
  padding:2px 9px; margin-left:7px; white-space:nowrap; vertical-align:1px}
.kr-guide .kc-foot{margin:20px 0 0; padding-top:16px;
  border-top:1px solid var(--gwo-rule-warm); font-size:15.5px; color:var(--gwo-muted)}
.kr-guide .kc-foot a{font-weight:500}
.kr-guide .kc-promise{display:block; margin-top:8px; font-size:14px; color:var(--gwo-faint)}

/* ------------------------------------------------------------ responsive */
@media (max-width:600px){
  .kr-guide .next{grid-template-columns:1fr}
  .kr-guide .nots{grid-template-columns:1fr; gap:7px}
  .kr-guide .keepcurrent{padding:20px 18px}
  .kr-guide .sc-row{flex-direction:column; gap:5px}
  .kr-guide .sc-when{font-weight:500; color:var(--gwo-ink)}

  .kr-guide table.stack,
  .kr-guide table.stack thead,
  .kr-guide table.stack tbody,
  .kr-guide table.stack tr,
  .kr-guide table.stack th,
  .kr-guide table.stack td{display:block}
  .kr-guide table.stack thead{display:none}
  .kr-guide table.stack tr{border:1px solid var(--gwo-rule); border-radius:var(--gwo-radius);
    margin-bottom:12px; background:var(--gwo-card); padding:4px 0}
  .kr-guide table.stack td{border:0; padding:8px 14px}
  .kr-guide table.stack td::before{content:attr(data-label); display:block; font-size:12px;
    letter-spacing:.05em; text-transform:uppercase; color:var(--gwo-faint); margin-bottom:3px}
}

/* ---------------------------------------------------------- print summary */
@media print{
  .kr-guide .jump,
  .kr-guide .freshness,
  .kr-guide .next,
  .kr-guide .page-foot,
  .kr-guide .keepcurrent,
  .kr-guide .basis{display:none!important}
  .kr-guide{background:#fff; font-size:12pt}
  .kr-guide section{border:0; padding:12px 0; background:#fff!important}
  .kr-guide a[href^="http"]::after{content:" (" attr(href) ")"; font-size:9pt; word-break:break-all}
  .kr-guide .default-block{border:2px solid #000}
  /* accordions must print open — a printed page cannot be expanded */
  .kr-guide details{border:1px solid #000}
  .kr-guide details .body{display:block!important}
  .kr-guide summary::after{content:""}
}/* End custom CSS */