@import "https://fonts.googleapis.com/css2?family=Gothic+A1:wght@500;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+KR:wght@400;500;600&display=swap";
:root{--paper:#e6ebed;--surface:#f8fafb;--surface-2:#eef2f4;--ink:#122127;--ink-2:#3f545c;--ink-3:#6c8188;--line:#c3d0d4;--line-2:#dae3e6;--accent:#0d5763;--accent-soft:#d4e7ea;--blue:#3a548f;--blue-soft:#dbe2f2;--clay:#8a5a2b;--clay-soft:#efe0ce;--plum:#7b3f6b;--plum-soft:#efddea;--olive:#5c6b22;--olive-soft:#e4eacb;--rose:#a03a5b;--rose-soft:#f3d9e1;--sans:"IBM Plex Sans KR", "Apple SD Gothic Neo", system-ui, sans-serif;--head:"Gothic A1", "Apple SD Gothic Neo", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--shadow:0 1px 2px #1221270f, 0 8px 24px -16px #1221274d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--sans);letter-spacing:-.005em;font-size:16px;line-height:1.72}a{color:inherit;text-decoration:none}button,input{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:min(1222px,100% - 2.5rem);margin:0 auto}.wrap.wide{width:min(1456px,100% - 2.5rem)}.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}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e6ebedf0;border-bottom:1px solid #c3d0d4e6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:64px;display:flex}.wordmark{font-family:var(--mono);letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:.86rem;font-weight:600;display:inline-flex}.mark{background:var(--accent);width:28px;height:28px;color:var(--surface);font-family:var(--head);place-items:center;font-weight:800;display:grid}nav{font-family:var(--mono);color:var(--ink-2);letter-spacing:.08em;gap:1.5rem;font-size:.72rem;display:flex}nav a,footer a:not(.wordmark){border-bottom:1px solid #0000;transition:color .15s,border-color .15s}nav a:hover,footer a:not(.wordmark):hover{color:var(--accent);border-color:var(--accent)}.lede{max-width:832px;color:var(--ink-2);font-size:1.02rem}.label-row{align-items:center;gap:.7rem;display:flex}.tag{border:1px solid color-mix(in srgb, currentColor 45%, transparent);background:var(--accent-soft);color:var(--accent);font-family:var(--mono);letter-spacing:.08em;padding:.16rem .5rem;font-size:.61rem;font-weight:600;display:inline-flex}.tag.blue{color:var(--blue);background:var(--blue-soft)}.tag.clay{color:var(--clay);background:var(--clay-soft)}.tag.plum{color:var(--plum);background:var(--plum-soft)}.tag.olive{color:var(--olive);background:var(--olive-soft)}.tag.rose{color:var(--rose);background:var(--rose-soft)}.meta{color:var(--ink-3);font-family:var(--mono);font-size:.66rem}.articles{border-bottom:1px solid var(--line);padding:4.6rem 0}.articles-layout{grid-template-columns:176px minmax(0,1fr);align-items:start;gap:2.6rem;display:grid}.articles-layout.no-rail{grid-template-columns:minmax(0,1fr)}.category-rail{position:sticky;top:88px}.rail-title{color:var(--ink-3);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.7rem;font-size:.62rem;font-weight:500}.rail-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.rail-list button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .7rem;transition:color .15s,background .15s,border-color .15s;display:flex}.rail-name{font-family:var(--head);letter-spacing:-.02em;font-size:.82rem;font-weight:700}.rail-count{color:var(--ink-3);font-family:var(--mono);font-size:.62rem}.rail-list button:hover{color:var(--accent);background:#f8fafb8c}.rail-list button.is-active{border-left-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.rail-list button.is-active .rail-count{color:var(--accent)}.post-list{border-top:1px solid var(--line);max-width:911px}.post-row{--row-color:var(--accent);border-bottom:1px solid var(--line);padding:1.65rem 0;transition:background .15s}.post-row.blue{--row-color:var(--blue)}.post-row.clay{--row-color:var(--clay)}.post-row.plum{--row-color:var(--plum)}.post-row.olive{--row-color:var(--olive)}.post-row.rose{--row-color:var(--rose)}.post-row:hover{background:#f8fafb8c}.post-when{font-family:var(--mono);align-items:baseline;gap:.45rem;display:inline-flex}.when-day{color:var(--ink);letter-spacing:-.02em;font-size:.72rem;font-weight:600}.when-clock{color:var(--row-color);font-size:.68rem;font-weight:500}.post-body h3{font-family:var(--head);letter-spacing:-.025em;margin:.65rem 0 .45rem;font-size:1.18rem;line-height:1.45}.post-row:hover .post-body h3 a{color:var(--row-color)}.post-body p{max-width:100ch;color:var(--ink-2);font-size:.84rem}footer{border-top:1px solid var(--line);color:var(--ink-3);font-family:var(--mono);gap:2.2rem;padding:2.6rem 0 3rem;font-size:.64rem;display:grid}.footer-top{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:2.4rem;display:grid}.footer-title{color:var(--ink-3);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.7rem;font-size:.62rem;font-weight:500}.footer-about p{max-width:48ch;color:var(--ink-2);font-family:var(--sans);font-size:.82rem;line-height:1.75}.footer-contact a{color:var(--ink);font-size:.74rem}.footer-bottom{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.footer-mark{color:var(--ink);font-size:.74rem}.footer-mark .mark{width:22px;height:22px}@media (max-width:860px){.articles-layout{grid-template-columns:minmax(0,1fr);gap:1.6rem}.category-rail{position:static}.rail-title{display:none}.rail-list{border-top:0;flex-flow:wrap;gap:.4rem}.rail-list button{border:1px solid var(--line);background:#f8fafb6b;width:auto;padding:.38rem .7rem}.rail-list button.is-active{border-color:var(--accent)}.rail-name{font-family:var(--mono);font-size:.7rem;font-weight:400}}@media (max-width:700px){.wrap{width:min(100% - 2rem,1222px)}.site-header nav{gap:.85rem}.footer-top{grid-template-columns:minmax(0,1fr);gap:1.6rem}.footer-bottom{flex-wrap:wrap;row-gap:.8rem}.footer-bottom p{order:3;width:100%}}@media (max-width:420px){.wordmark>span:last-child{display:none}}.article{border-bottom:1px solid var(--line);padding:3.8rem 0 3rem}.article-head{border-bottom:1px solid var(--line);padding-bottom:2.2rem}.back-link{color:var(--ink-3);font-family:var(--mono);letter-spacing:.04em;border-bottom:1px solid #0000;margin-bottom:1.7rem;font-size:.68rem;transition:color .15s,border-color .15s;display:inline-block}.back-link:hover{color:var(--accent);border-color:var(--accent)}.article-head h1{font-family:var(--head);letter-spacing:-.045em;text-wrap:balance;margin:1.35rem 0 1rem;font-size:clamp(1.85rem,5vw,2.9rem);font-weight:800;line-height:1.24}.related{border-bottom:1px solid var(--line);padding:2.8rem 0 3rem}.related-title{color:var(--ink-3);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.4rem;font-size:.62rem;font-weight:500}.related-list{background:var(--line-2);border:1px solid var(--line-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;list-style:none;display:grid}.related-list li{background:var(--paper);transition:background .15s}.related-list li:hover{background:var(--surface)}.related-list a{gap:.6rem;height:100%;padding:1.15rem 1.25rem;display:grid}.related-name{font-family:var(--head);letter-spacing:-.025em;text-wrap:balance;font-size:.95rem;font-weight:700;line-height:1.45;transition:color .15s}.related-list a:hover .related-name{color:var(--accent)}.article-tags{color:var(--ink-3);font-family:var(--mono);flex-wrap:wrap;gap:.55rem;margin-top:3rem;font-size:.66rem;display:flex}.prose{color:var(--ink-2);margin-top:2.6rem}.prose>*{max-width:96ch}.prose>hr,.prose>h2{max-width:none}.prose h2{border-top:1px solid var(--line-2);font-family:var(--head);letter-spacing:-.035em;color:var(--ink);margin:3.2rem 0 .6rem;padding-top:1.4rem;font-size:1.5rem;font-weight:800;line-height:1.4}.prose h3{font-family:var(--head);letter-spacing:-.025em;color:var(--ink);margin:2.1rem 0 .45rem;font-size:1.1rem;font-weight:700}.prose h4{color:var(--ink);margin:1.6rem 0 .3rem;font-size:.95rem;font-weight:600}.prose p,.prose li{font-size:.95rem}.prose p{margin:.75rem 0}.prose ul,.prose ol{margin:.75rem 0;padding-left:1.3rem}.prose li{margin:.28rem 0}.prose li::marker{color:var(--ink-3)}.prose a{border-bottom:1px solid var(--accent);color:var(--accent)}.prose strong{color:var(--ink);font-weight:600}.prose hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.prose blockquote{border-left:3px solid var(--accent);color:var(--ink);margin:1.15rem 0;padding:.3rem 0 .3rem 1.1rem;font-size:.93rem}.prose blockquote p{margin:.35rem 0}.prose code{background:var(--surface-2);border:1px solid var(--line-2);font-family:var(--mono);color:var(--ink);padding:.1rem .32rem;font-size:.84em}.prose pre{background:var(--ink);color:#cfdbde;font-family:var(--mono);margin:1.15rem 0;padding:1.2rem 1.3rem;font-size:.78rem;line-height:1.85;overflow-x:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.prose table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.84rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.6rem .8rem}.prose th{background:var(--surface-2);color:var(--ink);font-family:var(--head);white-space:nowrap;font-weight:700}.prose img{max-width:100%;height:auto}.prose figure.diagram{background:var(--surface);border:1px solid var(--line-2);width:100%;margin:1.4rem 0;font-size:.95rem;overflow:hidden}.prose pre.mermaid{color:var(--ink-3);white-space:pre;background:0 0;margin:0;padding:1.4rem 1.2rem;font-size:.72rem;line-height:1.6;overflow-x:auto}.prose pre.mermaid[data-rendered=true]{color:var(--ink);font-family:var(--sans);white-space:normal;display:block;overflow:visible}.prose pre.mermaid[data-rendered=true] svg{width:100%;max-width:100%;height:auto;margin:0 auto;display:block}.prose pre.mermaid-error{color:var(--ink-2)}.prose :is(h2,h3,h4)+*{margin-top:0}.empty-note{color:var(--ink-3);font-family:var(--mono);padding:3rem 0;font-size:.78rem}@media (max-width:700px){.article{padding-top:2.4rem}.related-list{grid-template-columns:minmax(0,1fr)}.prose pre{padding:1rem;font-size:.72rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}