/* Larger Korean copy and bold type, requested for the Mission Week page. */
body, body * { font-weight: 700 !important; }
h1, h2, h3, h1 span, h2 span, h3 span, strong, b { font-weight: 900 !important; }
html { scroll-padding-top: 185px; }
body { font-size: 24px; }
.site-header .brand strong, .site-header .nav-cta { font-size: 31.5px; }
.site-header .brand small { font-size: 12px; }
.site-header .brand svg { width: 36px; height: 48px; }
.site-header nav a:not(.nav-cta) { font-size: 28px; line-height: 1.5; }
.site-header .nav-cta { white-space: nowrap; line-height: 1.5; }
.nav-wrap { position: relative; }

.hero { height: auto; min-height: 880px; max-height: none; }
.hero-inner { padding-top: 80px; padding-bottom: 190px; }
.hero-copy { font-size: 22.5px; }
.hero-subtitle { font-size: 37.5px; }
.eyebrow { font-size: 16.5px; }
.hero .eyebrow { font-size: 24.75px; letter-spacing: 1.3px; }
.hero-shade { background: linear-gradient(90deg,rgba(16,44,61,.84) 0%,rgba(16,44,61,.70) 33%,rgba(16,44,61,.28) 68%,rgba(16,44,61,.12) 100%),linear-gradient(0deg,rgba(16,44,61,.60),transparent 35%); }
.section-no { font-size: 16.5px; }
.hero-link, .button { font-size: 19.5px; }
.hero-bottom strong { font-size: 37.5px; }
.hero-location { font-size: 18px; }
.tiny-label { font-size: 13.5px; }
.scroll-cue { font-size: 16.5px; }
.vision-intro { font-size: 22.5px; }
.vision-steps article > p { font-size: 21px; }
.step-en { font-size: 13.5px !important; }
.section-heading p, .fields-heading > div > p { font-size: 21px; }
.pillar > p, .pillar ul, .country-grid details > p,
.event-row p, .timeline article > p:not(.timeline-date),
.participation-grid p, .year-round p, .faq-list details > p { font-size: 21px; }
.pillar > p { min-height: 0; }
.pillar h3, .participation-grid h3 { font-size: 30px; }
.pillar-number { font-size: 13.5px; }
.pillar-note { font-size: 18px; }
.pillar-video-link { font-size: 18px; }
.strategy-base h3 { font-size: 21px; }
.strategy-base p, .field-toolbar > p { font-size: 19.5px; }
.base-tag { font-size: 15px; white-space: normal; }
.field-number > span { font-size: 24px; }
.field-number small { font-size: 15px; }
.field-filters button { font-size: 16.5px; }
.country-grid summary { font-size: 22.5px; flex-wrap: wrap; }
.country-type { font-size: 16.5px; }
.small-note { font-size: 18px; }
.january-title > p:not(.eyebrow) { font-size: 21px; }
.date-note { font-size: 16.5px; }
.event-title > span { font-size: 16.5px; }
.event-title > p { font-size: 34.5px; }
.event-row h3, .timeline h3 { font-size: 25.5px; }
.event-tag, .event-footnote, .plan-label { font-size: 15px; }
.timeline article > span:last-child { font-size: 15px; }
.year-round > span { font-size: 16.5px; }
.participate-intro { font-size: 21px; }
.participation-note { font-size: 15px; }
.faq-list summary { font-size: 22.5px; }
.print-button { font-size: 16.5px; max-width: none; }
.media-intro h3 { font-size: 40.5px; }
.media-intro > p:not(.eyebrow):not(.media-caption) { font-size: 21px; }
.media-meta { font-size: 16.5px; }
.media-caption { font-size: 15px; }
.video-start { font-size: 19.5px; }
.video-help { font-size: 16.5px; }
.video-help > span { font-size: 15px; }
.video-error { font-size: 18px; }
.footer-main .brand strong { font-size: 25.5px; }
.footer-main .brand small { font-size: 10.5px; }
.footer-bottom p { font-size: 16.5px; }
.footer-bottom p > span { font-size: 15px; }
.footer-bottom small, .back-top { font-size: 13.5px; }
.footer-main, .footer-bottom { flex-wrap: wrap; gap: 22px; }
.toast { font-size: 19.5px; }
dialog p, dialog label { font-size: 19.5px; }
dialog input { font-size: 18px; }

/* Give the larger primary navigation a dedicated row. */
@media (min-width: 801px) {
  .site-header { height: auto; }
  .nav-wrap { height: auto; flex-wrap: wrap; padding: 16px 0 12px; gap: 12px; }
  .site-header nav {
    width: 100%; flex-basis: 100%; justify-content: space-between;
    gap: 18px; border-top: 1px solid #dce1dc; padding-top: 12px;
  }
  .site-header .nav-cta { position: absolute; top: 16px; right: 0; margin: 0; padding: 8px 16px; }
  .pillar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pillar { padding: 30px !important; }
  .pillar:nth-child(odd) { padding-left: 0 !important; }
  .pillar:nth-child(even) { padding-right: 0 !important; border-right: 0; }
  .pillar:nth-child(-n+2) { border-bottom: 1px solid #dce1dc; }
  .vision-heading { gap: 55px; }
}

@media (max-width: 1100px) {
  .vision-heading { grid-template-columns: 1fr; gap: 28px; }
  .section-heading { flex-wrap: wrap; }
  .outline-word { display: none; }
  .january-layout { gap: 45px; }
}

@media (max-width: 800px) {
  html { scroll-padding-top: 108px; }
  .site-header { height: 94px; }
  .site-header .brand strong, .site-header .nav-cta { font-size: 27px; }
  .site-header .brand small { font-size: 10.5px; }
  .site-header .brand svg { width: 32px; height: 43px; }
  .site-header nav { position: fixed; top: 94px; left: 0; right: 0; width: 100%; max-height: calc(100svh - 94px); overflow-y: auto; }
  .site-header nav a:not(.nav-cta) { font-size: 28px; }
  .hero { height: auto; min-height: 850px; }
  .hero-inner { padding-top: 65px; padding-bottom: 185px; }
  .hero-subtitle { font-size: 33px; }
  .hero-shade { background: linear-gradient(90deg,rgba(19,48,64,.83),rgba(19,48,64,.56) 60%,rgba(19,48,64,.28)),linear-gradient(0deg,rgba(19,48,64,.64),transparent 45%); }
  .hero-location { font-size: 15px; }
  .hero-bottom strong { font-size: 33px; }
  .vision-intro, .vision-steps article > p { font-size: 21px; }
  .pillar > p, .pillar ul { font-size: 19.5px; }
  .pillar-note { font-size: 16.5px; }
  .strategy-base p { font-size: 18px; }
  .country-grid { grid-template-columns: 1fr; }
  .country-type { font-size: 15px; }
  .field-number > span { font-size: 19.5px; }
  .field-number small { font-size: 12px; }
  .timeline article > p:not(.timeline-date), .year-round p { font-size: 19.5px; }
  .participation-grid p { font-size: 21px; }
  .media-intro h3 { font-size: 40.5px; }
}

@media (max-width: 480px) {
  .hero { min-height: 850px; }
  .hero .eyebrow { font-size: 18px; letter-spacing: 1px; }
  .eyebrow { font-size: 13.5px; }
  .section-top { align-items: flex-start; gap: 18px; }
  .section-no { font-size: 12px; text-align: right; }
  .hero-copy { font-size: 21px; }
  .hero-subtitle { font-size: 28.5px; letter-spacing: 0; }
  .hero-actions { align-items: flex-start; gap: 18px; }
  .hero-actions .button, .hero-link { font-size: 16.5px; }
  .hero-bottom { position: relative; left: auto; bottom: auto; transform: none; padding-bottom: 26px; }
  .hero-inner { padding-bottom: 50px; }
  .hero-bottom strong { font-size: 31.5px; }
  .hero-location { width: 100%; border-left: 0; padding-left: 0; font-size: 13.5px; }
  .tiny-label { font-size: 12px; }
  .step-en { font-size: 12px !important; }
  .pillar-grid { grid-template-columns: 1fr; }
  .pillar { border-right: 0; border-bottom: 1px solid #dce1dc; padding: 28px 0 !important; }
  .pillar:last-child { border-bottom: 0; }
  .pillar h3, .participation-grid h3 { font-size: 28.5px; }
  .pillar > p, .pillar ul { font-size: 18px; }
  .pillar-number { font-size: 10.5px; }
  .pillar-note { font-size: 15px; }
  .pillar-video-link { font-size: 16.5px; }
  .strategy-base h3 { font-size: 18px; }
  .fields-heading > div > p { font-size: 18px; }
  .field-number > span { font-size: 15px; }
  .field-number small { font-size: 10.5px; }
  .field-toolbar > p { font-size: 16.5px; }
  .field-filters button { font-size: 15px; }
  .country-grid summary { font-size: 19.5px; }
  .country-grid details > p, .event-row p, .faq-list details > p { font-size: 19.5px; }
  .small-note { font-size: 15px; }
  .date-note { font-size: 15px; }
  .event-title > p { font-size: 33px; }
  .event-row h3 { font-size: 24px; }
  .event-tag, .event-footnote { font-size: 13.5px; }
  .plan-label { font-size: 12px; }
  .section-heading p { font-size: 18px; }
  .timeline h3 { font-size: 21px; }
  .timeline article > p:not(.timeline-date), .year-round p { font-size: 18px; }
  .timeline article > span:last-child { font-size: 13.5px; }
  .year-round > span { font-size: 15px; }
  .participate-intro, .participation-grid p { font-size: 19.5px; }
  .participate-actions .button { font-size: 16.5px; }
  .participation-note { font-size: 13.5px; }
  .faq-list summary { font-size: 21px; }
  .media-intro h3 { font-size: 34.5px; }
  .media-intro > p:not(.eyebrow):not(.media-caption) { font-size: 19.5px; }
  .media-meta { font-size: 16.5px; }
  .video-start { font-size: 18px; }
  .video-help { font-size: 15px; flex-wrap: wrap; }
  .video-help > span { font-size: 13.5px; }
  .footer-main .brand strong { font-size: 21px; }
  .footer-main .brand small { font-size: 7.5px; }
  .footer-bottom p { font-size: 15px; }
  .footer-bottom p > span { font-size: 13.5px; }
  .footer-bottom small { font-size: 12px; }
  .back-top { font-size: 13.5px; }
}

@media print {
  html { scroll-padding-top: 0; }
  .hero { min-height: 0; height: auto; }
  .hero-inner { padding: 35px 25px; }
  .hero-copy, .vision-intro, .vision-steps article > p,
  .pillar > p, .pillar ul, .country-grid details > p,
  .event-row p, .timeline article > p:not(.timeline-date),
  .participation-grid p, .faq-list details > p { font-size: 13.5pt; }
  .pillar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Slightly deeper backgrounds for the four requested sections. */
#vision { background: #eeebe1; }
#strategy { background: #f0f3ef; }
#media { background: #e5ece6; padding: 36px; border-top-color: #ced8ce; }
#fields { background: #eeebe1; }
@media(max-width:800px) { #media { padding: 28px; } }
@media(max-width:480px) { #media { padding: 24px 18px; } }