:root{--bg-base:#fefefe;--bg-muted:#f5f5f5;--text-default:#272d38;--text-link:#0066cc}@media(prefers-color-scheme:dark){:root{--bg-base:#101827;--bg-muted:#1a1f2e;--text-default:#f1f1f1;--text-link:#4db8ff}}*,::after,::before,::backdrop,::file-selector-button{margin:0;padding:0}*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;border:0 solid}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5,h6{font-size:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ibm plex sans kr,sans-serif;color:var(--text-default);background:var(--bg-base);height:100dvh;display:flex;flex-direction:column;max-width:48rem;margin:0 auto;padding:0 1rem}p{font-family:noto sans kr,sans-serif}a{color:var(--text-link);text-decoration:none;&:hover { text-decoration:underline; }}code{font-family:noto sans mono,monospace}header{padding-top:2.5rem;@media(width >= 48rem){padding-top: 5rem;}h1 { font-size: 1.25rem; margin-bottom: 1rem; } nav { ul { display: flex; column-gap: 0.5rem; list-style: none; padding: 0; margin: 0; } }}main{flex:1;h1 { margin: 2rem 0 1rem; } h2 { margin-top: 2rem; } p { margin-top: 1.25rem; margin-bottom: 0.875rem; } .meta { font-size: 0.875rem; opacity: 0.85; } ul { margin: 1rem 0; padding-left: 2.5rem; } .page { h1.title { margin: 2rem 0 1rem; } h1 { margin-top: 2rem; margin-bottom: 1.75rem; } h2 { margin-top: 1.75rem; margin-bottom: 1.5rem; } h3 { margin-top: 1.5rem; margin-bottom: 1rem; } h4 { margin-top: 1.5rem; margin-bottom: 1rem; } h1, h2, h3, h4 { & + p { margin-top: 0; } } p { margin-top: 1.25rem; margin-bottom: 0.875rem; } code { font-size: 0.875rem; } p code { padding: 0.125rem; background: var(--bg-muted); } pre { padding: 1.25rem 1.5rem; margin: 0.875rem 0; overflow-x: auto; border-radius: 4px; } ul, ol { margin: 0.875rem 0; padding-left: 2rem; ul, ol { margin: 0; padding-left: 1rem; } } blockquote { p { margin: 0; } } mark { font-weight: bold; } img { display: block; max-width: 100%; height: auto; margin: auto; } .terms { font-size: 0.875rem; ul { list-style: none; padding: 0; margin: 0; } li { display: inline-block; &:not(:last-child)::after { content: " \00b7"; } } } }}footer{font-size:.875rem;padding:1.5rem 0}