/* Pinglo Korea section (/korea, /korea/<destination>) — loaded after gcc.css on those pages only
 * (<body data-section="kr">). Same system as the GCC / North Africa pages; the one new colour is the deep teal of
 * hanok roof tiles and celadon in place of the Gulf's sand-gold, and the destination pages' art is one illustration
 * (images/kr-art.svg: the ping rings around a hanok gate over the taegeuk sun, Namsan tower and plum blossom —
 * scripts/kr/gen-art.mjs); the hub's hero art is the shared inline .hero-win SVG. */
:root {
  --kr-teal: #157068; /* AA on paper and white */
}

/* The teal replaces the GCC's gold: eyebrows, the headline's second line, the product cards' sun, icon suns. */
body[data-section="kr"] { --i-sun: var(--kr-teal); --sun-gold: var(--kr-teal); --gold-text: var(--kr-teal); }
body[data-section="kr"] .eyebrow { color: var(--kr-teal); }
body[data-section="kr"] .prod-card-art::before { background: var(--kr-teal); }
body[data-section="kr"] .hero2 h1 .gold { color: var(--kr-teal); }

/* destination pages: the illustration, the eSIM card smaller in the lower corner so the gate's sun and the tower
   stay in view (as North Africa's) */
body[data-section="kr"] .gcc-pd-art .kr-art-img { position: absolute; left: 50%; top: 2%; height: 96%; width: auto; aspect-ratio: 1; transform: translateX(-50%); }
body[data-section="kr"] .gcc-pd-art .esim-card2 { z-index: 2; left: 5%; top: 54%; width: 44%; padding: 4cqw; gap: 2.6cqw; }
body[data-section="kr"] .gcc-pd-art .esim-card2 .nm b { font-size: 3.6cqw; }
body[data-section="kr"] .gcc-pd-art .esim-card2 .chipx { width: 10cqw; height: 7.6cqw; }

/* networks: Korea + the pass fill the row (the GCC's six use the auto-fill grid) */
body[data-section="kr"] .gcc-nets { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); max-width: 720px; }