*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #1a365d;--color-primary-light: #2c5282;--color-accent: #c9a227;--color-accent-light: #d4af37;--color-text: #2d3748;--color-text-light: #4a5568;--color-bg: #f7fafc;--color-bg-alt: #edf2f7;--color-border: #e2e8f0;--color-white: #ffffff;--color-error: #c53030;--color-error-bg: #fff5f5;--max-width: 1200px;--header-height: 70px;--font-sans: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: clamp(2rem, 4.5vw, 2.75rem);--line-tight: 1.2;--line-snug: 1.35;--line-normal: 1.55;--line-relaxed: 1.75;--measure: 30em}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:var(--line-normal);min-height:100vh;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-kerning:normal;font-feature-settings:"kern" 1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{line-height:var(--line-tight);letter-spacing:-.01em}h4,h5,h6{line-height:var(--line-snug)}.tnum,time,[data-tnum]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"kern" 1}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p,li,dd,dt,figcaption,blockquote{overflow-wrap:anywhere;word-break:keep-all}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:3px}.skip-link{position:absolute;top:.5rem;left:.5rem;padding:.625rem 1rem;background-color:var(--color-primary);color:var(--color-white);border-radius:6px;font-weight:600;font-size:.875rem;z-index:1000;transform:translateY(-200%);transition:transform .18s cubic-bezier(.22,1,.36,1)}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){html{font-size:14px}:root{--header-height: 60px}}@media (orientation: landscape) and (max-height: 480px){:root{--header-height: 48px}}