/*
 * Pretendard v1.3.9, Copyright (c) 2021 Kil Hyung-jin.
 * Licensed under the SIL Open Font License 1.1.
 * Full license: ../fonts/OFL-Pretendard.txt
 */
@font-face {
  font-family: "Pretendard Variable";
  src: url("../fonts/PretendardVariable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
}

/* Source: haegyung-oxygen-6-design-system.md. Paste values into Oxygen Global Styles first. */
:root {
  --hg-color-surface: #f9f6f2;
  --hg-color-ink: #11110e;
  --hg-color-muted: #6a675f;
  --hg-color-line: #cbc5bc;
  --hg-color-soft: #f0ece7;
  --hg-color-soft-strong: #e4ded4;
  --hg-color-on-dark: #ffffff;
  --hg-color-problem: #052baa;
  --hg-color-evidence: #052baa;
  --hg-color-control: #d99a35;
  --hg-color-action: #11110e;
  --hg-color-transfer: #77736d;
  --hg-font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --hg-font-wordmark: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --hg-weight-body: 400;
  --hg-weight-medium: 500;
  --hg-weight-strong: 600;
  --hg-weight-bold: 700;
  --hg-text-caption: clamp(0.75rem, 0.72rem + 0.12vw, 0.8125rem);
  --hg-text-small: clamp(0.8125rem, 0.78rem + 0.14vw, 0.875rem);
  --hg-text-body: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --hg-text-card: clamp(0.9375rem, 0.91rem + 0.14vw, 1.0625rem);
  --hg-text-subhead: clamp(1.5rem, 1.25rem + 1vw, 2.25rem);
  --hg-text-h1: clamp(3rem, 2.35rem + 3vw, 5rem);
  --hg-text-h2: var(--hg-text-subhead);
  --hg-leading-body: 1.75;
  --hg-leading-tight: 1.16;
  --hg-space-1: 0.25rem;
  --hg-space-2: 0.5rem;
  --hg-space-3: 0.75rem;
  --hg-space-4: 1rem;
  --hg-space-5: 1.5rem;
  --hg-space-6: 2rem;
  --hg-space-7: 3rem;
  --hg-space-8: 4.5rem;
  --hg-space-9: 6rem;
  --hg-page-gutter: clamp(1rem, 4.45vw, 4rem);
  --hg-page-max: 82rem;
  --hg-section-space: clamp(2rem, 1.25rem + 2.4vw, 4rem);
  --hg-card-min-block: clamp(12.75rem, 11.75rem + 1.4vw, 14rem);
  --hg-control-min-block: 3rem;
  --hg-content-max: 56rem;
  --hg-rail-width: 13rem;
  --hg-radius-sm: 0.125rem;
  --hg-border-width: 1px;
  --hg-focus-ring: 0 0 0 3px color-mix(in srgb, var(--hg-color-problem) 35%, transparent);
  --hg-motion-fast: 160ms;
}

/* Oxygen class recipes: components may combine these classes, but must not introduce new literal colors. */
.hg-shell { background: var(--hg-color-surface); color: var(--hg-color-ink); font-family: var(--hg-font-body); }
.hg-section { border-top: var(--hg-border-width) solid var(--hg-color-line); padding-block: var(--hg-space-8); }
.hg-reading-grid { display: grid; gap: var(--hg-space-6); grid-template-columns: minmax(0, var(--hg-rail-width)) minmax(0, var(--hg-content-max)) minmax(0, var(--hg-rail-width)); justify-content: center; }
.hg-wordmark { font-family: var(--hg-font-wordmark); }
.hg-eyebrow { color: var(--hg-color-muted); font-size: var(--hg-text-small); font-weight: 700; }
.hg-title { font-size: var(--hg-text-h1); letter-spacing: 0; line-height: var(--hg-leading-tight); }
.hg-prose { font-size: var(--hg-text-body); line-height: var(--hg-leading-body); overflow-wrap: anywhere; word-break: keep-all; }
.hg-answer { border-left: 3px solid var(--hg-color-problem); padding-inline-start: var(--hg-space-4); }
.hg-proof-rail { border-inline-start: var(--hg-border-width) solid var(--hg-color-evidence); padding-inline-start: var(--hg-space-4); }
.hg-boundary-panel { background: var(--hg-color-soft); border: var(--hg-border-width) solid var(--hg-color-control); border-radius: var(--hg-radius-sm); padding: var(--hg-space-5); }
.hg-vector-map { border-inline-start: var(--hg-border-width) solid var(--hg-color-line); }
.hg-vector-item { border-bottom: var(--hg-border-width) solid var(--hg-color-line); padding: var(--hg-space-3) 0 var(--hg-space-3) var(--hg-space-3); }
.hg-vector--problem { border-inline-start: 3px solid var(--hg-color-problem); }
.hg-vector--evidence { border-inline-start: 3px solid var(--hg-color-evidence); }
.hg-vector--control { border-inline-start: 3px solid var(--hg-color-control); }
.hg-vector--action { border-inline-start: 3px solid var(--hg-color-action); }
.hg-vector--transfer { border-inline-start: 3px solid var(--hg-color-transfer); }
.hg-decision-card { border: var(--hg-border-width) solid var(--hg-color-line); border-radius: var(--hg-radius-sm); }
.hg-decision-row { border-top: var(--hg-border-width) solid var(--hg-color-line); padding: var(--hg-space-4); }
.hg-cta-primary { background: var(--hg-color-action); border: var(--hg-border-width) solid var(--hg-color-action); color: var(--hg-color-surface); }
.hg-link-secondary { color: var(--hg-color-problem); text-underline-offset: var(--hg-space-1); }
.hg-transfer-footer { border-top: var(--hg-border-width) solid var(--hg-color-transfer); }
.hg-cta-primary:focus-visible, .hg-link-secondary:focus-visible { box-shadow: var(--hg-focus-ring); outline: none; }
@media (max-width: 767px) { .hg-reading-grid { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto; transition-duration: 0.01ms; animation-duration: 0.01ms; animation-iteration-count: 1; } }