/*!
 * JD Publishing CSS v2.1 (Base)
 * Prefix Convention:
 * - l- : layout primitives (structure)
 * - c- : components (cards, labels, buttons)
 * - u- : utilities (spacing, text, display)
 *
 * JD Rule #1: Global box-sizing: border-box
 * Load this file FIRST.
 */

/* =========================================
   0) CSS Variables
   ========================================= */
:root {
  --jd-font:
    'Noto Sans KR', system-ui, -apple-system, Segoe UI, Roboto, Helvetica,
    Arial, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;

  --jd-color-text: #303030;
  --jd-color-muted: #666;
  --jd-color-bg: #fff;
  --jd-color-footer-bg: #99d3ff;
  --jd-color-border: #e6e6e6;
  --jd-color-surface: #f7f7f7;
  --jd-color-focus: #1a73e8;

  --jd-radius-1: 6px;
  --jd-radius-2: 10px;

  --jd-space-1: 4px;
  --jd-space-2: 8px;
  --jd-space-3: 12px;
  --jd-space-4: 16px;
  --jd-space-6: 24px;
  --jd-space-8: 32px;
  --jd-space-9: 40px;
  --jd-space-10: 48px;

  /* Extended spacing (layout / hero / auth) */
  --jd-space-11: 56px;
  --jd-space-12: 64px;
  --jd-space-13: 80px;
  --jd-space-14: 96px;
  --jd-space-15: 450px;

  --jd-container-max: 1200px;
}

/* =========================================
   1) Reset / Base
   ========================================= */
html {
  font-family: var(--jd-font);
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family: inherit;
  color: var(--jd-color-text);
  background: var(--jd-color-bg);
}
img,
svg,
video,
canvas,
iframe {
  display: block;
  max-width: 100%;
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* =========================================
   2) GLOBAL LAYOUT STABILITY (JD Rule #1)
   ========================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}