@property --tint{syntax:"<number>";inherits:true;initial-value:0}:root{--paper:color-mix(in oklab, #fff, var(--primary) calc(var(--tint) * 3.5%));--ink:color-mix(in oklab, #111, var(--primary) calc(var(--tint) * 8%));--ink-soft:color-mix(in oklab, #52525b, var(--primary) calc(var(--tint) * 14%));--ink-faint:color-mix(in oklab, #6f6f76, var(--primary) calc(var(--tint) * 14%));--primary:#1f5795;--rule-strong:color-mix(in oklab, #111, var(--primary) calc(var(--tint) * 8%));--rule:color-mix(in oklab, #d9d9dc, var(--primary) calc(var(--tint) * 18%));--rule-soft:color-mix(in oklab, #ebebee, var(--primary) calc(var(--tint) * 18%));--text-label:.8125rem;--text-body:1rem;--radius:6px;--radius-sm:4px;--rail:10.5rem;--gutter:clamp(1.25rem, 3vw, 2.5rem);--space-section:10.5rem;--space-block:clamp(2.5rem, 5vw, 4rem);--font-dotum:"Arita Dotum KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@keyframes scroll-tint{0%{--tint:0}to{--tint:1}}:root{animation-name:scroll-tint;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:10% 90%}}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-dotum);font-size:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:500;line-height:1.75}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sheet{max-width:80rem;padding-inline:var(--gutter);margin-inline:auto}.row{grid-template-columns:var(--rail) minmax(0, 1fr);column-gap:var(--gutter);display:grid}@media (width<=760px){.row{grid-template-columns:minmax(0,1fr)}.row>.rail{margin-bottom:1.25rem}}.rail{font-size:var(--text-label);color:var(--ink-faint);line-height:1.6}.rail p{margin:0}.rail strong{font-size:var(--text-body);color:var(--ink);font-weight:700;display:block}.masthead{padding-top:var(--space-section)}.masthead .brand{color:var(--primary);font-weight:700;text-decoration:none;display:inline-block}.masthead .hero-desc{margin-top:.75rem}.masthead nav{font-size:var(--text-label);flex-wrap:wrap;gap:clamp(1rem,3vw,2rem);margin-top:.75rem;display:flex}.masthead nav a{color:var(--ink-soft);text-decoration:none}.masthead nav a:hover{color:var(--primary);text-underline-offset:.3em;text-decoration:underline}.hero{margin-top:var(--space-section)}.hero .rail{margin-bottom:1.25rem}.hero-desc{max-width:42em;color:var(--ink-soft);text-wrap:pretty;word-break:keep-all;margin:0}.hero-desc a{color:var(--ink);text-underline-offset:.3em}.hero-desc a:hover{color:var(--primary)}.matrix-scroll{scroll-margin-top:1.5rem;overflow-x:auto}.matrix{border-collapse:collapse;border-top:1px solid var(--rule);width:100%;min-width:54rem}.matrix th,.matrix td{padding:1.5rem var(--gutter) 1.5rem 0;border-bottom:1px solid var(--rule);text-align:left;vertical-align:baseline;white-space:nowrap}.matrix tbody th{width:var(--rail);font-size:var(--text-label);color:var(--ink-faint);vertical-align:top;font-weight:500}.matrix .glyph{font-size:clamp(1.375rem,2.6vw,2.25rem);line-height:1.2}.matrix-meta th,.matrix-meta td{font-size:var(--text-label);vertical-align:top;border-bottom:none;padding-block:.3125rem;line-height:1.6}.matrix-meta tr:first-child th,.matrix-meta tr:first-child td{padding-top:2.5rem}.matrix-meta .meta-gap th,.matrix-meta .meta-gap td{padding-top:1.75rem}.matrix-meta td small{font-size:inherit;color:var(--ink-faint);display:block}.matrix-meta .char-line{display:block}.sheet-section{margin-top:var(--space-section);scroll-margin-top:1.5rem}.sheet-section h2{font-size:var(--text-body);color:var(--ink);margin:0;font-weight:700;line-height:1.6}.sheet-section h2 small{font-size:var(--text-label);color:var(--ink-faint);font-weight:500;display:block}.step{padding-block:2.25rem}.step:first-child{padding-top:0}.step:last-child{padding-bottom:0}.step-title{font-size:var(--text-body);margin:0 0 .5rem;font-weight:700}.step-desc{max-width:42em;color:var(--ink-soft);word-break:keep-all;margin:0 0 1.5rem}.snippet{margin-bottom:1.5rem}.snippet:last-child{margin-bottom:0}.snippet-label{font-size:var(--text-label);color:var(--ink-faint);margin:0 0 .5rem}code{font-family:var(--font-mono);font-size:.85em}.ref-table-wrap{margin-bottom:1.5rem;overflow-x:auto}.ref-table-wrap:last-child{margin-bottom:0}.ref-table{border-collapse:collapse;width:100%;font-size:var(--text-label);line-height:1.6}.ref-table th,.ref-table td{text-align:left;vertical-align:top;white-space:nowrap;padding:.75rem 1.5rem .75rem 0}.ref-table th{border-bottom:1px solid var(--rule-strong);font-weight:700}.ref-table td{border-bottom:1px solid var(--rule-soft)}.ref-table td small{color:var(--ink-faint)}.font-table-fieldset{border:0;min-width:0;margin:0 0 3rem;padding:0}.font-table-fieldset .ref-table-wrap{margin-bottom:0}.font-table td:first-child{width:4.5rem}.font-table input[type=radio]{accent-color:var(--primary);cursor:pointer}.font-table label{cursor:pointer}.font-panel{display:none}.usage-body:has(#font-dotum:checked) .font-panel[data-font=dotum],.usage-body:has(#font-buri:checked) .font-panel[data-font=buri],.usage-body:has(#font-sans-ltn:checked) .font-panel[data-font=sans-ltn],.usage-body:has(#font-sans-sc:checked) .font-panel[data-font=sans-sc]{display:block}.code-block{border:1px solid var(--rule);border-radius:var(--radius);position:relative;overflow:clip}.code-block pre{font-size:var(--text-label);tab-size:2;margin:0;padding:1.125rem 1.5rem;line-height:1.7;overflow-x:auto;background:var(--paper)!important}.code-block pre,.code-block code{font-family:var(--font-mono)}.copy-btn{width:2rem;height:2rem;color:var(--ink-faint);background:var(--paper);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.copy-btn:hover{color:var(--ink)}.copy-btn svg{width:16px;height:16px;display:block}.copy-btn .icon-check{display:none}.copy-btn.copied{color:var(--primary)}.copy-btn.copied .icon-copy{display:none}.copy-btn.copied .icon-check{display:block}footer{margin-top:var(--space-section);padding-block:var(--space-block) calc(var(--space-block) / 2);font-size:var(--text-label);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;line-height:1.7;display:flex}footer p{margin:0}footer .footer-social{flex-wrap:wrap;gap:.25rem 1.5rem;padding:0;list-style:none;display:flex}footer a{color:var(--ink-soft);text-decoration:none}footer a:hover{color:var(--primary);text-underline-offset:.3em;text-decoration:underline}.brandline[data-astro-cid-5zjnpk7q]{flex-wrap:wrap;align-items:baseline;gap:.5rem;line-height:1.6;display:flex}.sep[data-astro-cid-5zjnpk7q]{color:var(--ink-faint)}.page-title[data-astro-cid-5zjnpk7q]{font-size:var(--text-body);font-weight:700;line-height:inherit;word-break:keep-all;margin:0}.doc-links[data-astro-cid-c27cd7wr]{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.doc-links[data-astro-cid-c27cd7wr] li[data-astro-cid-c27cd7wr]{border-bottom:1px solid var(--rule-soft)}.doc-links[data-astro-cid-c27cd7wr] a[data-astro-cid-c27cd7wr]{padding-top:1rem;font-weight:700;text-decoration:none;display:block}.doc-links[data-astro-cid-c27cd7wr] a[data-astro-cid-c27cd7wr]:hover{color:var(--primary);text-underline-offset:.3em;text-decoration:underline}.doc-links[data-astro-cid-c27cd7wr] small[data-astro-cid-c27cd7wr]{font-size:var(--text-label);color:var(--ink-faint);word-break:keep-all;padding-bottom:1rem;display:block}