/* v2 typography: an original interpretation, not a verified copy of the reference CSS.
   Fonts are loaded from the official Pretendard CDN; no font binary is distributed. */
:root {
  --font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
    "Apple SD Gothic Neo", "Noto Sans CJK KR", "Malgun Gothic", sans-serif;
  --paper: #f7f8f5;
  --surface: #ffffff;
  --ink: #20322d;
  --muted: #63706a;
  --line: #e2e7e0;
  --green: #456654;
  --green-dark: #243e32;
  --sage: #edf3ec;
  --olive: #91a47e;
  --radius: 18px;
  --shadow: 0 5px 24px rgba(20, 39, 28, 0.025);
}
body { font-size: 15px; font-weight: 420; letter-spacing: -0.016em;
  line-height: 1.65; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
input, textarea, select { font-size: 15px; letter-spacing: -0.012em; }
h1 { font-size: clamp(30px, 3vw, 42px); font-weight: 710; letter-spacing: -0.043em; line-height: 1.24; }
h2 { font-size: 22px; font-weight: 660; letter-spacing: -0.028em; }
h3 { letter-spacing: -0.02em; font-weight: 640; }
.brand { font-weight: 710; font-size: 23px; letter-spacing: -0.035em; }
.brand-sub { font-size: 11px; font-weight: 540; letter-spacing: .08em; margin-top: 2px; }
.pagehead p { margin-top: 9px; font-size: 14px; }
.card { border-radius: var(--radius); box-shadow: var(--shadow); }
.num { font-variant-numeric: tabular-nums lining-nums; letter-spacing: -0.035em; }
.nav { gap: 24px; }
.nav-index { font-size: 10px; font-weight: 500; letter-spacing: 0; }
.nav button { font-size: 14px; }
.btn { font-weight: 560; transition: background .15s, border-color .15s; }
.btn.primary { box-shadow: 0 3px 9px rgba(36,62,50,.06); }
.fine { font-size: 12px; line-height: 1.7; }
.note { font-size: 12px; }
.modalhead h2 { font-size: 22px; }
.field label { font-size: 13px; font-weight: 540; }
.charter-row p { font-size: 15px; line-height: 1.95; }
.tv-clock { font-weight: 350; }
.tv-panel .tv-rule { font-weight: 550; }
.top-actions #actor-select { display: inline-block; min-width: 67px; }
@media (max-width: 760px) {
  .top-actions #actor-select { font-size: 12px; min-width: 0; width: 68px; padding: 8px 5px; }
  .brand { font-size: 19px; }
  .top-actions .btn { gap: 4px; padding: 8px 7px; }
  .top-actions .btn svg { width: 13px; height: 13px; }
  .topbar { gap: 8px; }
  .identity { gap: 9px; }
  .pagehead p { font-size: 13px; }
  .nav { gap: 22px; }
  .fine { font-size: 11px; }
}