:root{color-scheme:light;--background: #ffffff;--surface: #f7f8fa;--text: #1d2733;--muted: #56616d;--border: #d7dde4;--link: #1458a6;--draft-background: #fff7db;--draft-border: #b7791f;font-family:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;font-size:16px;line-height:1.75}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--background);overflow-wrap:anywhere}a{color:var(--link);text-underline-offset:0.18em}a:hover{text-decoration-thickness:0.14em}a:focus-visible{outline:3px solid #8a4f00;outline-offset:3px;border-radius:2px}.skip-link{position:absolute;top:0.5rem;left:0.5rem;z-index:10;padding:0.55rem 0.75rem;background:var(--text);color:#ffffff;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header nav,.content,footer{width:min(100% - 2rem, 48rem);margin-inline:auto}.site-header nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:0.9rem}.site-title{color:var(--text);font-weight:700;text-decoration:none}.site-links{display:flex;flex-wrap:wrap;gap:0.5rem 1rem}.content{padding-block:2.25rem 4rem}footer{padding-block:1.25rem 2.5rem;border-top:1px solid var(--border);color:var(--muted)}h1,h2,h3{line-height:1.35;letter-spacing:-0.02em}h1{margin-top:0;font-size:clamp(1.75rem, 6vw, 2.25rem)}h2{margin-top:2.6rem;padding-top:0.4rem;font-size:clamp(1.3rem, 4vw, 1.55rem)}p,li{word-break:keep-all}blockquote{margin:1.5rem 0 2rem;padding:1rem 1.1rem;border-left:0.35rem solid var(--draft-border);background:var(--draft-background)}blockquote p{margin:0}table{display:block;width:100%;max-width:100%;margin-block:1.25rem;overflow-x:auto;border-collapse:collapse;border:1px solid var(--border);-webkit-overflow-scrolling:touch}th,td{min-width:8rem;padding:0.65rem 0.75rem;border:1px solid var(--border);text-align:left;vertical-align:top}th{background:var(--surface)}code{padding:0.1em 0.3em;border-radius:0.2rem;background:var(--surface)}@media (max-width: 36rem){.site-header nav{align-items:flex-start;flex-direction:column}.content{padding-top:1.5rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}