/* Compensates for the app-wide Meyer reset (src/styles/reset.css, imported globally in _app) inside
 * the landing page only. That reset is not part of the design export, and where it collides with
 * Tailwind's preflight the later stylesheet wins — which is a load-order race we should not depend on.
 *
 * Scoped to #franchise-landing so the specificity (id) beats the reset's element selectors no matter
 * what order the stylesheets land in. Only the base values are restated here; every Tailwind utility
 * that sets these properties still applies, because none of them are declared !important.
 */

/* reset.css sets `border: 0` — that means border-style: none, which makes every Tailwind
   `border-*` utility invisible (they only set width and color). */
#franchise-landing,
#franchise-landing *,
#franchise-landing *::before,
#franchise-landing *::after {
  border-style: solid;
}

/* reset.css sets `font: inherit` on most elements and `line-height: 1` on body, so the design's
   typography has to be re-seeded at the root of the landing and inherited down. */
#franchise-landing {
  font-family: 'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.5;
}

/* reset.css puts media on the baseline; preflight aligns it to middle (no phantom descender gap). */
#franchise-landing img,
#franchise-landing svg,
#franchise-landing video,
#franchise-landing canvas,
#franchise-landing iframe {
  vertical-align: middle;
}

/* Korean line breaking. The app-wide `word-break: keep-all` in src/styles/globalStyle.ts never
   reaches this page — _app deliberately skips <GlobalStyles /> for the standalone landing — so
   Korean sentences were breaking mid-word ("전환합니 / 다"). keep-all breaks at spaces instead;
   overflow-wrap keeps a long unbroken URL or Latin token from overflowing its container. */
#franchise-landing,
#franchise-landing *,
#franchise-landing *::before,
#franchise-landing *::after {
  word-break: keep-all;
  overflow-wrap: break-word;
}