:root{--paper:#f6f2e9;--paper-raised:#fffcf5;--ink:#17140f;--ink-raised:#211d17;--text:#211d17;--text-muted:#6b6255;--text-on-ink:#f2ece0;--text-on-ink-muted:#a49a89;--rule:#ded6c5;--rule-strong:#c6bca7;--rule-on-ink:#f2ece02e;--sky-band:#235a78;--sky-band-raised:#2c6b8c;--sky-band-text:#f4fafd;--sky-band-muted:#cfe3ef;--sky-band-rule:#f4fafd4d;--sky-band-accent:#8ecae4;--accent:#a8352a;--accent-hover:#8d2b21;--accent-on-ink:var(--text-on-ink);--font-display:"Gowun Batang", "Apple SD Gothic Neo", "Noto Serif KR", serif;--font-body:"IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--font-jp:"Noto Serif JP", "Gowun Batang", serif;--font-logo:"Allura", "Apple Chancery", cursive;--step-eyebrow:.75rem;--step-body:1rem;--step-lead:clamp(1rem, .94rem + .25vw, 1.125rem);--step-h3:clamp(1.1875rem, 1.1rem + .36vw, 1.4375rem);--step-h2:clamp(1.75rem, 1.35rem + 1.6vw, 2.75rem);--step-h1:clamp(2.125rem, 1.55rem + 2.45vw, 3.5rem);--container:1200px;--gutter:clamp(1.25rem, 4.5vw, 3rem);--section-y:clamp(4rem, 6.5vw, 7rem);--radius:3px;--header-h:72px}[data-theme=sky]{--paper:#f0f7fa;--paper-raised:#fff;--ink:#131a1e;--ink-raised:#1c252a;--text:#182026;--text-muted:#4e5c64;--text-on-ink:#e6eef1;--text-on-ink-muted:#8fa1a9;--rule:#d9e6ec;--rule-strong:#b5cad4;--rule-on-ink:#e6eef138;--accent:#33749a;--accent-hover:#2b6382;--accent-on-ink:#8ecae4}[data-theme=green]{--paper:#eff1e6;--paper-raised:#fafcf1;--ink:#15190f;--ink-raised:#1f2418;--text:#1d2216;--text-muted:#545c46;--text-on-ink:#ecefe1;--text-on-ink-muted:#9aa389;--rule:#d2d7c3;--rule-strong:#aeb69c;--rule-on-ink:#ecefe138;--accent:#46633b;--accent-hover:#38512f;--accent-on-ink:#9dbb8c}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1.5rem)}body{background-color:var(--paper);color:var(--text);font-family:var(--font-body);font-size:var(--step-body);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.75;overflow-x:hidden}img,picture,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul{padding:0;list-style:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:pretty;word-break:keep-all;font-weight:700;line-height:1.34}h1{font-size:var(--step-h1);line-height:1.26}h2{font-size:var(--step-h2)}h3{font-size:var(--step-h3);line-height:1.42}p{text-wrap:pretty;word-break:keep-all}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y)}.eyebrow{font-family:var(--font-mono);font-size:var(--step-eyebrow);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.75rem;font-weight:500;display:flex}.eyebrow:after{content:"";background-color:var(--rule-strong);flex:none;width:1.75rem;height:1px}.eyebrow .jp{font-family:var(--font-jp);letter-spacing:.16em;text-transform:none;order:3;font-size:.8125rem}.arrow-link{border-bottom:1px solid var(--rule-strong);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.7em;padding-block:.5rem;font-size:.8125rem;font-weight:500;transition:border-color .25s,color .25s;display:inline-flex}.arrow-link .arrow{color:var(--accent);transition:transform .25s}.arrow-link:hover{border-bottom-color:var(--accent)}.arrow-link:hover .arrow{transform:translate(.3em)}.arrow-link--ko{font-family:var(--font-body);letter-spacing:.01em;text-transform:none;font-size:1rem;font-weight:500}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background-color:var(--ink);color:var(--text-on-ink);font-family:var(--font-mono);letter-spacing:.12em;padding:.6rem 1rem;font-size:.75rem;transition:top .2s;position:absolute;top:-4rem;left:.75rem}.skip-link:focus-visible{top:.75rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}.on-ink :focus-visible{outline-color:var(--text-on-ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}