@charset "UTF-8";
:root{color-scheme:light;--bg:#f8f8f6;--surface:#fff;--text-primary:#202421;--text-secondary:#5e655f;--text-muted:#7b827c;--border:#dfe3df;--border-strong:#bdc5be;--accent:#496f9c;--accent-hover:#315b8d;--code-bg:#eff2ee;--code-text:#263127;--max-width:1200px;--article-width:720px;--space-1:8px;--space-2:12px;--space-3:18px;--space-4:28px;--space-5:44px;--space-6:72px;--radius:8px;--duration:180ms;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-theme=dark]{color-scheme:dark;--bg:#171a18;--surface:#1d211e;--text-primary:#e9ede8;--text-secondary:#b6bdb7;--text-muted:#89928b;--border:#343a36;--border-strong:#59635c;--accent:#8eb9eb;--accent-hover:#b3d0f2;--code-bg:#242a26;--code-text:#e7eee8}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--text-primary);font-size:16px;line-height:1.7;word-break:keep-all;text-rendering:optimizeLegibility}.page{width:min(100% - 48px,var(--max-width));margin:auto}.skip-link{position:fixed;z-index:20;left:16px;top:-60px;padding:10px 14px;background:var(--text-primary);color:var(--bg);text-decoration:none}.skip-link:focus{top:16px}.site-header{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border)}.site-name{color:var(--text-primary);font-size:14px;font-weight:750;letter-spacing:.05em;text-decoration:none}.site-name span{font-weight:450;color:var(--text-secondary)}.site-nav{display:flex;gap:4px}.site-nav a{position:relative;padding:10px 12px;color:var(--text-secondary);font-size:14px;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text-primary)}.site-nav a[aria-current=page]::after{content:"";position:absolute;height:1px;left:12px;right:12px;bottom:5px;background:var(--accent)}.header-actions{justify-self:end;display:flex;align-items:center;gap:4px}.theme-toggle,.menu-toggle{border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;min-width:44px;min-height:44px;cursor:pointer}.theme-toggle{font-size:19px}.menu-toggle{display:none}.mobile-menu{padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.mobile-menu a{display:block;padding:12px 0;color:var(--text-primary);text-decoration:none}.eyebrow{margin:0;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;letter-spacing:.05em}.home-lead{display:grid;grid-template-columns:170px 1fr;padding:clamp(76px,11vw,150px) 0 var(--space-6);border-bottom:1px solid var(--border)}.home-lead h1{grid-column:2;margin:0;font-size:clamp(44px,6.1vw,76px);letter-spacing:-.075em;line-height:1.08}.home-intro{grid-column:2;display:grid;grid-template-columns:1fr minmax(250px,340px);gap:var(--space-4);margin-top:72px;color:var(--text-secondary)}.home-intro span{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-muted)}.home-intro p{margin:0;font-size:16px;line-height:1.8}.featured{padding:var(--space-5) 0 var(--space-6);border-bottom:1px solid var(--border)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4)}.section-heading>span{color:var(--text-muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.section-heading h2{margin:5px 0 0;font-size:28px;letter-spacing:-.055em}.section-heading>a{color:var(--text-secondary);font-size:14px;text-decoration:none}.section-heading>a:hover{color:var(--accent)}.featured-link{display:grid;grid-template-columns:145px 1fr 30px;gap:var(--space-4);color:var(--text-primary);text-decoration:none}.featured-link time,.post-row time{padding-top:7px;color:var(--text-muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.post-row-kind{margin:0;color:var(--accent);font-size:13px}.featured-link h2{max-width:750px;margin:4px 0 13px;font-size:clamp(34px,4.6vw,58px);letter-spacing:-.07em;line-height:1.12}.featured-link div>p:last-child{max-width:550px;margin:0;color:var(--text-secondary);font-size:16px}.feature-arrow{padding-top:10px;color:var(--accent);font-size:22px;transition:transform var(--duration) ease}.featured-link:hover h2{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px;text-decoration-thickness:1px}.featured-link:hover .feature-arrow,.post-row a:hover b{transform:translate(3px,-3px)}.all-posts{padding:var(--space-6) 0}.post-row{border-top:1px solid var(--border)}.post-row:last-child{border-bottom:1px solid var(--border)}.post-row>a{display:grid;grid-template-columns:145px 1fr 160px;gap:var(--space-4);align-items:center;min-height:112px;padding:var(--space-3) 0;color:var(--text-primary);text-decoration:none}.post-row h3{margin:1px 0 3px;font-size:19px;letter-spacing:-.04em}.post-row-description{margin:0;color:var(--text-secondary);font-size:14px}.post-row-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--text-muted);font-size:12px}.post-row-meta b{color:var(--accent);font-size:19px;font-weight:400;transition:transform var(--duration) ease}.post-row a:hover h3{color:var(--accent)}.browse{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(260px,340px);gap:var(--space-4);padding:var(--space-6) 0;border-top:1px solid var(--border)}.browse h2{margin:0 0 16px;font-size:clamp(28px,3vw,40px);letter-spacing:-.065em;line-height:1.2}.browse>div p{max-width:410px;margin:0;color:var(--text-secondary)}.browse nav{border-top:1px solid var(--text-primary)}.browse nav a{display:flex;justify-content:space-between;align-items:center;min-height:55px;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:14px;text-decoration:none}.browse nav a:hover{color:var(--accent);padding-left:5px}.page-heading{max-width:780px;padding:clamp(76px,10vw,130px) 0 var(--space-6)}.page-heading h1,.about h1{margin:11px 0 20px;font-size:clamp(43px,5.6vw,72px);letter-spacing:-.08em;line-height:1.1}.page-heading i,.about i{color:var(--accent);font-style:normal;font-weight:450}.page-heading>span{color:var(--text-secondary)}.archive-list{border-top:1px solid var(--text-primary);padding-bottom:var(--space-6)}.archive-year{display:grid;grid-template-columns:170px 1fr;gap:var(--space-4);padding:28px 0;border-bottom:1px solid var(--border)}.archive-year h2{margin:0;font-size:29px;letter-spacing:-.05em}.archive-year article+article{border-top:1px solid var(--border)}.archive-year a{display:grid;grid-template-columns:52px 1fr 20px;gap:var(--space-3);padding:15px 0;color:var(--text-primary);text-decoration:none}.archive-year time{display:flex;flex-direction:column;color:var(--text-muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.archive-year time b{font-size:19px;color:var(--text-primary);font-weight:500}.archive-year p,.archive-year small{margin:0;color:var(--text-muted);font-size:12px}.archive-year h3{margin:1px 0 3px;font-size:18px;letter-spacing:-.035em}.archive-year a>span{color:var(--accent)}.archive-year a:hover h3{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.tag-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--text-primary);padding-bottom:var(--space-6)}.tag-index a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--border);color:var(--text-primary);text-decoration:none}.tag-index a:nth-child(3n+2){margin:0 28px}.tag-index b{color:var(--text-muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.tag-index a:hover span{color:var(--accent)}.tag-list{padding-bottom:var(--space-6)}.tag-list>section{display:grid;grid-template-columns:170px 1fr;gap:var(--space-4);padding:30px 0;border-top:1px solid var(--text-primary)}.tag-list h2{margin:4px 0;font-size:28px;letter-spacing:-.05em}.tag-list header>span{color:var(--text-muted);font-size:13px}.tag-list .post-row>a{grid-template-columns:115px 1fr 24px}.tag-list .post-row-meta span{display:none}.about{display:grid;grid-template-columns:170px minmax(0,540px) 1fr;gap:var(--space-4);padding:clamp(76px,10vw,130px) 0}.about h1{grid-column:2/-1}.about>div{grid-column:2;font-size:18px;line-height:1.85}.about>div p{margin:0 0 24px}.about aside{align-self:end;color:var(--text-secondary);font-size:14px}.about ul{margin:9px 0;padding:0;list-style:none}.about li{padding:7px 0;border-bottom:1px solid var(--border)}.post{width:min(100%,var(--article-width));margin:0 auto;padding:clamp(70px,9vw,115px) 0}.post-header{width:min(100vw - 48px,950px);margin-left:50%;transform:translateX(-50%);padding-bottom:var(--space-5);border-bottom:1px solid var(--text-primary)}.post h1{max-width:900px;margin:8px 0 18px;font-size:clamp(42px,5.4vw,68px);letter-spacing:-.08em;line-height:1.1}.post-summary{max-width:590px;margin:0;color:var(--text-secondary);font-size:18px;line-height:1.75}.post-info{display:flex;gap:8px;margin-top:22px;color:var(--text-muted);font-size:13px}.post-tags{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 0;padding:0;list-style:none}.post-tags a{color:var(--text-secondary);font-size:13px;text-decoration:none}.post-tags a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.post-body{font-size:18px;line-height:1.82}.post-body>*{max-width:var(--article-width)}.post-body p{margin:27px 0}.post-body h2{margin:78px 0 17px;font-size:32px;letter-spacing:-.065em;line-height:1.3}.post-body h3{margin:50px 0 14px;font-size:24px;letter-spacing:-.05em}.post-body h4{margin:36px 0 10px;font-size:19px}.post-body ul,.post-body ol{padding-left:1.4em}.post-body li+li{margin-top:7px}.post-body a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}.post-body a:hover{color:var(--accent-hover)}.post-body blockquote{margin:38px 0;padding:4px 0 4px 22px;border-left:2px solid var(--accent);color:var(--text-secondary);font-size:19px}.post-body blockquote p{margin:7px 0}.post-body hr{margin:55px 0;border:0;border-top:1px solid var(--border)}.post-body code{padding:2px 5px;border-radius:4px;background:var(--code-bg);color:var(--code-text);font:0.84em ui-monospace,SFMono-Regular,Menlo,monospace}.post-body pre{position:relative;margin:32px 0;padding:20px 50px 20px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);overflow:auto;line-height:1.65}.post-body pre code{padding:0;background:transparent}.copy-code{position:absolute;right:9px;top:9px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);color:var(--text-secondary);padding:5px 7px;font:11px inherit;cursor:pointer}.copy-code:hover{color:var(--accent);border-color:var(--accent)}.post-body table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}.post-body th,.post-body td{padding:10px 12px;border:1px solid var(--border);text-align:left}.post-body th{background:var(--code-bg)}.post-body img{max-width:100%;height:auto}.post-body figcaption{color:var(--text-muted);font-size:13px;text-align:center}.post-body kbd{padding:2px 5px;border:1px solid var(--border-strong);border-radius:3px;background:var(--code-bg);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.continue{margin:86px -100px 0;padding:22px 0;border-top:1px solid var(--text-primary);border-bottom:1px solid var(--text-primary)}.continue a{display:grid;grid-template-columns:120px 1fr 20px;gap:var(--space-3);padding:10px 0;color:var(--text-primary);text-decoration:none}.continue a+a{border-top:1px solid var(--border)}.continue a span{color:var(--text-muted);font-size:12px}.continue a:hover strong{color:var(--accent)}.continue i{color:var(--accent);font-style:normal}.post-nav{display:flex;justify-content:space-between;gap:30px;margin-top:28px}.post-nav a{max-width:45%;color:var(--text-primary);font-size:14px;text-decoration:none}.post-nav a:last-child{text-align:right}.post-nav small{display:block;margin-bottom:3px;color:var(--text-muted)}.reading-progress{position:fixed;z-index:10;top:0;left:0;width:100%;height:2px}.reading-progress span{display:block;width:0;height:100%;background:var(--accent)}.site-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-3);padding:22px 0 38px;border-top:1px solid var(--border);color:var(--text-muted);font-size:12px}.site-footer p{margin:0}.site-footer div{display:flex;gap:15px}.site-footer a{color:var(--text-secondary);text-decoration:none}.site-footer a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:760px){.page{width:min(100% - 32px,var(--max-width))}.site-header{height:62px;grid-template-columns:1fr auto}.site-nav{display:none}.menu-toggle{display:block}.home-lead{display:block;padding:68px 0 58px}.home-lead .eyebrow{margin-bottom:15px}.home-lead h1{font-size:clamp(42px,11.6vw,58px)}.home-intro{display:block;margin-top:40px}.home-intro p{margin-top:12px}.featured-link{grid-template-columns:1fr 25px;gap:10px}.featured-link time{grid-column:1/-1;padding:0}.featured-link h2{font-size:clamp(31px,9.5vw,44px)}.feature-arrow{grid-column:2;grid-row:2;padding-top:0}.featured-link div>p:last-child{font-size:15px}.all-posts{padding:54px 0}.post-row>a{grid-template-columns:1fr 20px;gap:5px;min-height:100px}.post-row time{padding:0}.post-row> a>div:nth-child(2){grid-column:1}.post-row-meta{grid-column:2;grid-row:1/3}.post-row-meta span{display:none}.post-row-description{font-size:13px}.browse{display:block;padding:56px 0}.browse>div{margin:13px 0 30px}.page-heading{padding:68px 0 54px}.page-heading h1,.about h1{font-size:clamp(41px,11vw,55px)}.archive-year,.tag-list>section{display:block;padding:24px 0}.archive-year h2,.tag-list header{margin-bottom:20px}.archive-year a{grid-template-columns:44px 1fr 16px}.tag-index{grid-template-columns:1fr 1fr}.tag-index a:nth-child(3n+2){margin:0}.tag-index a:nth-child(odd){margin-right:20px}.tag-list .post-row>a{grid-template-columns:1fr 20px}.about{display:block;padding:68px 0}.about>div{margin-top:35px;font-size:17px}.about aside{margin-top:40px}.post{padding:68px 0}.post-header{width:100%;margin:0;transform:none;padding-bottom:34px}.post h1{font-size:clamp(39px,10.7vw,52px)}.post-summary{font-size:16px}.post-body{font-size:17px;line-height:1.8}.post-body h2{margin-top:60px;font-size:28px}.post-body h3{font-size:22px}.post-body blockquote{font-size:17px}.post-body pre{margin-left:0;margin-right:0;padding:18px 45px 18px 17px}.continue{margin:62px 0 0}.continue a{grid-template-columns:1fr 16px}.continue a span{grid-column:1/-1}.site-footer{grid-template-columns:1fr;gap:4px}.site-footer div{margin-top:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Hierarchy pass: two quiet surface zones, not a card system. */
:root{--surface-feature:#edf2f7;--surface-explore:#f1f3ef;--surface-code:#e5e9e5}html[data-theme=dark]{--surface-feature:#1d2933;--surface-explore:#202521;--surface-code:#2a322c}.featured,.browse{position:relative;isolation:isolate}.featured::before,.browse::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%)}.featured::before{background:var(--surface-feature);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.featured{border-bottom:0;padding:var(--space-5) 0 calc(var(--space-6) + 8px)}.featured-link{grid-template-columns:145px 1fr 44px}.featured-link h2{max-width:790px}.featured-link div>p:last-child{max-width:590px}.featured-link .feature-arrow{align-self:start;border-left:1px solid var(--border-strong);padding:7px 0 0 15px}.all-posts{padding-top:calc(var(--space-6) + 10px)}.all-posts .post-row:first-of-type>a{min-height:132px;padding-top:25px;padding-bottom:25px}.all-posts .post-row:first-of-type h3{font-size:22px}.all-posts .post-row:first-of-type .post-row-kind{font-weight:650}.post-row>a{transition:background var(--duration) ease,padding var(--duration) ease}.post-row a:hover{background:var(--surface-explore);padding-left:12px;padding-right:12px}.browse{margin-top:18px;padding-top:calc(var(--space-6) + 4px);padding-bottom:calc(var(--space-6) + 4px);border-top:0}.browse::before{background:var(--surface-explore);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.browse nav{border-top-color:var(--border-strong)}.browse nav a{border-bottom-color:var(--border-strong)}.post-header{position:relative;padding-top:10px}.post-header::before{content:"";display:block;width:34px;height:2px;margin-bottom:22px;background:var(--accent)}.post-body pre{background:var(--surface-code);border-color:var(--border-strong)}@media(max-width:760px){.featured{padding:38px 0 52px}.featured-link{grid-template-columns:1fr 25px}.featured-link .feature-arrow{border-left:0;padding:0}.all-posts .post-row:first-of-type>a{min-height:112px;padding-top:20px;padding-bottom:20px}.all-posts .post-row:first-of-type h3{font-size:20px}.post-row a:hover{padding-left:6px;padding-right:6px}.browse{margin-top:0;padding-top:60px;padding-bottom:60px}.post-header::before{margin-bottom:18px}}

/* Writing-first home and lightweight static search. */
.header-search{border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:14px;min-width:44px;min-height:44px;cursor:pointer}.header-search:hover{color:var(--accent)}.header-search span{display:inline-block;margin-left:3px;color:var(--text-muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.writing-index{padding:clamp(68px,9vw,116px) 0 var(--space-6)}.writing-index-header{display:flex;justify-content:space-between;align-items:end;padding-bottom:var(--space-4);border-bottom:1px solid var(--text-primary)}.writing-index-header h1{margin:7px 0 0;font-size:clamp(38px,4.3vw,58px);letter-spacing:-.07em;line-height:1.1}.writing-index-header>p{margin:0;color:var(--text-muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.writing-index-tools{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--border)}.writing-index-tools>a,.search-entry{border:0;background:transparent;padding:8px 0;color:var(--text-secondary);font:14px inherit;text-decoration:none;cursor:pointer}.writing-index-tools>a:hover,.search-entry:hover{color:var(--accent)}.writing-index-tools>a span{margin-left:4px}.search-entry{margin-left:auto;color:var(--text-primary)}kbd{padding:2px 5px;border:1px solid var(--border-strong);border-radius:3px;background:var(--code-bg);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.writing-index-list .post-row>a{grid-template-columns:145px 1fr 180px;min-height:116px}.writing-index-list .post-row:first-child>a{min-height:132px}.writing-index-list .post-row:first-child h3{font-size:22px}.search-dialog{position:fixed;z-index:30;inset:0}.search-backdrop{position:absolute;inset:0;background:rgba(18,23,20,.46);backdrop-filter:blur(2px)}.search-panel{position:relative;width:min(100% - 32px,720px);max-height:min(78vh,700px);margin:clamp(52px,12vh,140px) auto 0;padding:22px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 18px 55px rgba(0,0,0,.18);overflow:auto}.search-panel header{display:flex;justify-content:space-between;align-items:center}.search-panel header button{border:0;background:transparent;color:var(--text-secondary);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.search-panel header button span{font-size:20px;vertical-align:-2px}.search-field{display:flex;align-items:center;gap:12px;margin-top:22px;padding:0 11px;border-bottom:2px solid var(--text-primary)}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary);font:20px inherit;letter-spacing:-.03em;padding:12px 0}.search-field input::placeholder{color:var(--text-muted)}.search-hint{margin:11px 0 18px;color:var(--text-muted);font-size:12px}.search-results{border-top:1px solid var(--border)}.search-result{display:block;padding:15px 0;border-bottom:1px solid var(--border);color:var(--text-primary);text-decoration:none}.search-result:hover,.search-result:focus-visible{color:var(--accent)}.search-result-meta{display:flex;gap:8px;margin:0 0 3px;color:var(--text-muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.search-result h2{margin:0;font-size:18px;letter-spacing:-.04em}.search-result p{display:-webkit-box;margin:4px 0 0;overflow:hidden;color:var(--text-secondary);font-size:13px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-empty{margin:27px 0;color:var(--text-secondary);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.header-search{display:none}.writing-index{padding:62px 0}.writing-index-header{display:block}.writing-index-header>p{margin-top:13px}.writing-index-tools{flex-wrap:wrap;gap:4px 17px;padding:10px 0}.search-entry{margin-left:0}.writing-index-list .post-row>a,.writing-index-list .post-row:first-child>a{min-height:104px}.writing-index-list .post-row:first-child h3{font-size:20px}.search-panel{width:calc(100% - 24px);max-height:calc(100vh - 48px);margin:24px auto 0;padding:18px}.search-field input{font-size:18px}}

/* Keep static search reachable from every mobile page. */
.mobile-search{display:block;width:100%;border:0;border-top:1px solid var(--border);background:transparent;padding:12px 0;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.mobile-search span{margin-left:4px;color:var(--text-muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.mobile-search:hover{color:var(--accent)}