:root{--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
    system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;--measure:70ch;--leading:1.75;--fs-base:1.0625rem;--fs-sm:0.875rem;--fs-lead:1.2rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius:6px;--maxw-page:1280px;--transition:160ms ease;--bg:#faf8f3;--bg-soft:#f3efe7;--surface:#fffdf8;--text:#2c2a27;--text-soft:#5c574e;--text-faint:#6e6859;--border:#e6e0d4;--border-soft:#efeadf;--accent:#0f766e;--accent-soft:#0f766e1a;--code-bg:#f5f1e8;--info:#0f766e;--tip:#2f7d4f;--warning:#9a6700;--danger:#b4232a}html[data-theme=dark]{--bg:#16181d;--bg-soft:#1b1e25;--surface:#1c2027;--text:#d7d3ca;--text-soft:#a7a299;--text-faint:#989289;--border:#2b2f38;--border-soft:#242830;--accent:#5ec8bd;--accent-soft:#5ec8bd1f;--code-bg:#1b1e24;--info:#5ec8bd;--tip:#6fbf86;--warning:#d4a23a;--danger:#e0686e}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--leading);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--transition),color var(--transition)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}img{max-width:100%;height:auto}hr{border:0;border-top:1px solid var(--border);margin:var(--space-12)0}.wrap{max-width:var(--maxw-page);margin:0 auto;padding:0 var(--space-6)}.site-header{border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(150%)blur(8px)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;letter-spacing:-.02em;font-size:1.05rem;color:var(--text);white-space:nowrap}.brand:hover{text-decoration:none}.brand-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.nav{display:flex;align-items:center;gap:var(--space-6)}.nav a{color:var(--text-soft);font-size:var(--fs-sm)}.nav a:hover{color:var(--accent);text-decoration:none}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-link-btn{background:0 0;border:0;padding:0;font:inherit;font-size:var(--fs-sm);color:var(--text-soft);cursor:pointer}.nav-link-btn:hover{color:var(--accent)}.nav .nav-toggle{display:none}.nav-links a.active{color:var(--accent);font-weight:600}.icon-btn{background:0 0;border:1px solid var(--border);color:var(--text-soft);width:34px;height:34px;border-radius:var(--radius);cursor:pointer;display:inline-grid;place-items:center;transition:var(--transition)}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.site-footer{border-top:1px solid var(--border);margin-top:var(--space-16);padding:var(--space-8)0;color:var(--text-faint);font-size:var(--fs-sm)}.footer-inner{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.social{display:inline-flex;align-items:center;gap:var(--space-4)}.social a{color:var(--text-faint);display:inline-flex;transition:color var(--transition)}.social a:hover{color:var(--accent)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.brand-social{gap:var(--space-3)}.nav-social{display:none}.masthead{padding:var(--space-16)0 var(--space-8)}.masthead h1{font-size:2rem;letter-spacing:-.03em;margin:0 0 var(--space-2)}.masthead p{color:var(--text-soft);margin:0;max-width:60ch}.section-label{font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border);padding-bottom:var(--space-2);margin:var(--space-12)0 var(--space-6)}.lead-list{display:grid;gap:var(--space-6)}.lead-item h3{font-size:var(--fs-lead);margin:0 0 var(--space-1);letter-spacing:-.02em}.lead-item p{color:var(--text-soft);margin:0;font-size:.98rem}.post-index{list-style:none;padding:0;margin:0}.post-index li{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3)0;border-bottom:1px solid var(--border-soft)}.post-index .t{flex:1;min-width:0}.post-index .d{color:var(--text-faint);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.pin-ico{flex:none;display:inline-flex;align-items:center;color:var(--text-faint)}.post-index li.pinned .pin-ico{color:var(--accent)}.post-list{display:flex;flex-direction:column;gap:var(--space-4);margin:0 0 var(--space-8)}.post-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:var(--space-4)var(--space-6);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.post-card:hover{border-color:var(--accent);background:var(--bg-soft);box-shadow:0 4px 14px rgba(0,0,0,6%);transform:translateY(-2px)}html[data-theme=dark] .post-card:hover{background:var(--bg-soft);box-shadow:0 4px 16px rgba(0,0,0,.35)}@media(prefers-reduced-motion:reduce){.post-card{transition:border-color .2s ease,background-color .2s ease}.post-card:hover{transform:none}}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.card-title{font-size:1.12rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;color:var(--text)}.card-title:hover{color:var(--accent);text-decoration:none}.card-title::after{content:"";position:absolute;inset:0;z-index:1}.post-card .pin-ico{flex:none;color:var(--accent);margin-top:2px}.card-excerpt{color:var(--text-soft);font-size:.95rem;line-height:1.7;margin:var(--space-2)0 var(--space-3);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)var(--space-4);color:var(--text-faint);font-size:var(--fs-sm)}.card-meta .cm{display:inline-flex;align-items:center;gap:5px}.card-meta .cm svg{opacity:.8}.card-tags{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1)var(--space-3);margin-top:var(--space-2);position:relative;z-index:2}.tag-sm{font-size:.8rem;color:var(--text-faint)}.tag-sm:hover{color:var(--accent);text-decoration:none}.tag-more{font-size:.8rem;color:var(--text-faint)}.ad-unit{max-width:var(--measure);margin:var(--space-12)auto;text-align:center;overflow:hidden}.ad-unit__label{display:block;font-size:.7rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.ad-unit ins{display:block}.post-list .ad-unit{margin:var(--space-6)auto}@media(max-width:768px){.ad-unit{margin:var(--space-8)auto}}.related{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border)}.to-top{position:fixed;right:2rem;bottom:2rem;z-index:90;width:44px;height:44px;border:0;border-radius:50%;background:var(--surface);color:var(--text-soft);cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.16);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,color var(--transition)}.to-top.visible{opacity:1;visibility:visible;transform:none}.to-top.visible:hover{opacity:1;color:var(--accent)}.to-top__ring,.to-top__arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.to-top__track{stroke:var(--text-faint);opacity:.5}.to-top__bar{stroke:var(--accent);transition:stroke-dashoffset .1s linear}@media(prefers-reduced-motion:reduce){.to-top{transition:opacity .3s ease,visibility .3s ease}.to-top__bar{transition:none}}.pager{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-12)0 var(--space-6)}.pager a,.pager span{min-width:32px;height:32px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text-soft);font-variant-numeric:tabular-nums}.pager a:hover{background:var(--bg-soft);color:var(--accent);text-decoration:none}.pager .pg-cur{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);font-weight:600}.pager .pg-gap{color:var(--text-faint);min-width:auto}.pager .disabled{color:var(--text-faint);opacity:.4}.year-head{display:flex;align-items:baseline;gap:var(--space-3);margin:var(--space-12)0 var(--space-2)}.year-head .y{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.year-head .c{color:var(--text-faint);font-size:var(--fs-sm)}.crumbs{font-size:var(--fs-sm);color:var(--text-faint)}.crumbs a{color:var(--text-faint)}.crumbs a:hover{color:var(--accent)}.tl-year{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:var(--space-12)0 var(--space-6)}.tl-count{font-size:var(--fs-sm);font-weight:400;color:var(--text-faint);margin-left:var(--space-1)}.tl-list{list-style:none;margin:0 0 var(--space-8);padding:0}.tl-item{position:relative;padding:7px 0 7px 78px}.tl-date{position:absolute;left:0;top:7px;width:46px;text-align:right;color:var(--text-faint);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:var(--leading)}.tl-date b{color:var(--text);font-weight:700}.tl-item::before{content:"";position:absolute;left:62px;top:0;bottom:0;border-left:1px solid var(--border)}.tl-item::after{content:"";position:absolute;left:62px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--accent);transform:translateX(-50%);box-shadow:0 0 0 3px var(--bg)}.tl-title{color:var(--text)}.tl-title:hover{color:var(--accent)}@media(max-width:600px){.tl-item{padding-left:64px}.tl-date{width:40px}.tl-item::before,.tl-item::after{left:52px}}.post-shell{padding-top:var(--space-8)}.post{min-width:0;display:grid;grid-template-columns:minmax(0,1fr)240px;grid-template-areas:"head toc" "body toc";column-gap:var(--space-12);align-items:start}.post-head{grid-area:head}.post-body{grid-area:body}.post-head,.post-body{max-width:var(--measure);min-width:0}.post-title{font-size:2rem;line-height:1.25;letter-spacing:-.03em;margin:var(--space-3)0 var(--space-4)}.post-meta{color:var(--text-faint);font-size:var(--fs-sm);display:flex;gap:var(--space-3);margin-bottom:var(--space-8)}.post-cover{border-radius:var(--radius);border:1px solid var(--border);margin-bottom:var(--space-8)}.content h2{font-size:1.5rem;letter-spacing:-.02em;margin:var(--space-12)0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-soft)}.content h3{font-size:1.2rem;margin:var(--space-8)0 var(--space-3)}.content h4{font-size:1.05rem;margin:var(--space-6)0 var(--space-2)}.content p,.content ul,.content ol{margin:0 0 var(--space-4)}.content li{margin:var(--space-1)0}.content blockquote{margin:var(--space-6)0;padding:var(--space-2)var(--space-6);border-left:3px solid var(--border);color:var(--text-soft)}.content table{width:100%;border-collapse:collapse;margin:var(--space-6)0;font-size:.95rem;display:block;overflow-x:auto}.content th,.content td{border:1px solid var(--border);padding:var(--space-2)var(--space-3);text-align:left}.content th{background:var(--bg-soft)}.content :is(h2,h3,h4){position:relative;scroll-margin-top:80px}.heading-anchor{opacity:0;margin-left:var(--space-2);color:var(--text-faint);font-weight:400;transition:var(--transition)}.content :is(h2,h3,h4):hover .heading-anchor{opacity:1}.heading-anchor:hover{color:var(--accent);text-decoration:none}.content code{font-family:var(--font-mono);font-size:.9em;background:var(--code-bg);padding:.12em .36em;border-radius:4px}.content pre{margin:var(--space-6)0}.highlight{position:relative;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--code-bg)}html[data-theme] .highlight .chroma{line-height:1.7}.highlight pre{margin:0;padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:.88rem;line-height:1.7}.highlight pre code{background:0 0;padding:0}html[data-theme] .highlight .chroma .line{display:flex;align-items:flex-start}.highlight .ln{flex:none;width:2.2em;margin-right:var(--space-4);padding-right:0;text-align:right;color:var(--text-faint);user-select:none}.highlight .cl{flex:auto;min-width:0}.code-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--space-2)var(--space-3);background:var(--bg-soft);border-bottom:1px solid var(--border);font-size:.72rem;user-select:none}.code-dots{justify-self:start;display:flex;gap:6px}.code-dots i{width:12px;height:12px;border-radius:50%;display:block}.code-dots i:nth-child(1){background:#fe5f57}.code-dots i:nth-child(2){background:#febc2e}.code-dots i:nth-child(3){background:#28c840}.code-lang{justify-self:center;display:inline-flex;align-items:center;gap:5px;color:var(--text-faint);font-weight:600;letter-spacing:.06em;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-lang.is-file{letter-spacing:0;text-transform:none;font-family:var(--font-mono);font-size:.72rem;color:var(--text-soft)}.code-copy{justify-self:end;display:inline-flex;align-items:center;background:0 0;border:0;color:var(--text-faint);cursor:pointer;padding:3px;border-radius:4px;transition:color .2s ease,background-color .2s ease}.code-copy:hover{color:var(--accent);background:var(--bg)}.code-copy.copied{color:var(--accent)}.alert{margin:var(--space-6)0;padding:var(--space-3)var(--space-4);border:1px solid var(--border);border-left:3px solid var(--info);border-radius:var(--radius);background:var(--surface)}.alert>:first-child{margin-top:0}.alert>:last-child{margin-bottom:0}.alert-info{border-left-color:var(--info)}.alert-tip{border-left-color:var(--tip)}.alert-warning{border-left-color:var(--warning)}.alert-danger{border-left-color:var(--danger)}.alert .alert-label{font-size:var(--fs-sm);font-weight:700;letter-spacing:.03em;display:block;margin-bottom:var(--space-1)}.alert-info .alert-label{color:var(--info)}.alert-tip .alert-label{color:var(--tip)}.alert-warning .alert-label{color:var(--warning)}.alert-danger .alert-label{color:var(--danger)}.mermaid{margin:var(--space-6)0;text-align:center}.mermaid:not([data-processed]){visibility:hidden}.toc{grid-area:toc;position:sticky;top:80px;font-size:var(--fs-sm);max-height:calc(100vh - 100px);overflow-y:auto}.toc-summary{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:.72rem;margin-bottom:var(--space-2);list-style:none;cursor:default;pointer-events:none}.toc-summary::-webkit-details-marker{display:none}.toc-summary::marker{content:""}.toc nav ul{list-style:none;margin:0;padding:0}.toc nav ul ul{padding-left:var(--space-3)}.toc nav li{margin:2px 0}.toc nav a{color:var(--text-faint);display:block;padding:2px 0 2px var(--space-2);border-left:2px solid transparent;transition:var(--transition)}.toc nav a:hover{color:var(--accent);text-decoration:none}.toc nav a.active{color:var(--accent);border-left-color:var(--accent)}.toc,.toc nav{scrollbar-width:none}.toc::-webkit-scrollbar,.toc nav::-webkit-scrollbar{width:0;height:0}.toc nav>ul ul{display:none}.toc nav>ul>li.toc-active ul{display:block}.toc.scroll-fade-bottom,.toc .scroll-fade-bottom{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent)}.toc.scroll-fade-top,.toc .scroll-fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 2.5rem);mask-image:linear-gradient(to bottom,transparent,#000 2.5rem)}.toc.scroll-fade-top.scroll-fade-bottom,.toc .scroll-fade-top.scroll-fade-bottom{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to bottom,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent)}.post-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border);font-size:var(--fs-sm)}.cat-tree{list-style:none;padding:0;margin:var(--space-4)0}.cat-tree li{margin:0}.cat-link{display:flex;align-items:center;gap:var(--space-2);padding:3px var(--space-2);border-radius:var(--radius);color:var(--text-soft)}.cat-link:hover{background:var(--bg-soft);color:var(--accent);text-decoration:none}.cat-link:hover .folder-ico{color:var(--accent)}.folder-ico{color:var(--text-faint);flex:none}.cat-name{flex:initial}.cat-link .cat-name{font-weight:600;color:var(--text)}.cat-tree .count{margin-left:var(--space-2);padding:0 7px;background:var(--bg-soft);border-radius:999px;color:var(--text-faint);font-size:.72rem;font-variant-numeric:tabular-nums}.cat-tree .children{margin:0 0 0 .6rem;padding:0;border:0}.cat-tree .children>.cat-tree{margin:0}.cat-tree .children>.cat-tree>li{position:relative;padding-left:.85rem}.cat-tree .children>.cat-tree>li::before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid var(--border)}.cat-tree .children>.cat-tree>li:last-child::before{bottom:auto;height:13px}.cat-tree .children>.cat-tree>li::after{content:"";position:absolute;left:0;top:13px;width:.55rem;border-top:1px solid var(--border)}.cat-tree .children .cat-link{font-size:var(--fs-sm)}.cat-tree .children .cat-link .cat-name{font-weight:400;color:var(--text-soft)}.cat-tree .children .folder-ico{width:13px;height:13px}.cat-row{display:flex;align-items:center}.cat-row .cat-link{flex:1}.cat-toggle{flex:none;width:18px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:0 0;border:0;padding:0;color:var(--text-faint);cursor:pointer}.cat-toggle:hover{color:var(--accent)}.cat-toggle svg{transition:transform var(--transition)}.cat-tree li.open>.cat-row>.cat-toggle svg{transform:rotate(90deg)}.cat-toggle-spacer{flex:none;width:18px}.folder-open{display:none}.cat-tree li.open>.cat-row .folder-closed{display:none}.cat-tree li.open>.cat-row .folder-open{display:inline-block}@media(prefers-reduced-motion:reduce){.cat-toggle svg{transition:none}}.tag-cloud-page{margin-top:var(--space-6)}.search-wrap{max-width:var(--measure)}.search-trigger{display:flex;align-items:center;gap:var(--space-2);background:0 0;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-soft);font:inherit;font-size:var(--fs-sm);padding:5px 10px;cursor:pointer;transition:var(--transition)}.search-trigger:hover{border-color:var(--accent);color:var(--accent)}.kbd-hint,.search-modal__hint kbd{font-family:var(--font-mono);font-size:.7rem;color:var(--text-faint);border:1px solid var(--border);border-radius:4px;padding:1px 5px;background:var(--bg-soft)}@media(max-width:600px){.search-trigger span,.kbd-hint{display:none}.search-trigger{padding:7px}}.search-modal[hidden]{display:none}.search-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.search-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px)}.search-modal__dialog{position:relative;width:100%;max-width:600px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;animation:modal-in 140ms ease}@keyframes modal-in{from{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.search-modal__dialog{animation:none}}.search-modal__body{padding:var(--space-4);max-height:65vh;overflow-y:auto}.search-modal__hint{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-2)var(--space-4);border-top:1px solid var(--border-soft);color:var(--text-faint);font-size:var(--fs-sm)}.tag-modal[hidden]{display:none}.tag-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px}.tag-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px)}.tag-modal__dialog{position:relative;width:100%;max-width:680px;max-height:82vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;animation:modal-in 140ms ease}.tag-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--border-soft)}.tag-modal__title{font-weight:600}.tag-modal__sel{color:var(--accent);font-size:var(--fs-sm);font-weight:400}.tag-modal__clear{background:0 0;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-soft);font-size:var(--fs-sm);padding:3px 10px;cursor:pointer;transition:var(--transition)}.tag-modal__clear:hover{border-color:var(--accent);color:var(--accent)}.tag-modal__search{padding:var(--space-4)var(--space-6)0}.tag-modal__filter{width:100%;box-sizing:border-box;font-size:var(--fs-sm);color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:7px 12px;outline:none;transition:var(--transition)}.tag-modal__filter::placeholder{color:var(--text-faint)}.tag-modal__filter:focus{border-color:var(--accent)}.tag-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--border-soft);max-height:32vh;overflow-y:auto}.tag-chip.is-filtered{display:none}.tag-chip{font-size:var(--fs-sm);color:var(--text-soft);background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:3px 11px;cursor:pointer;transition:var(--transition)}.tag-chip:hover{border-color:var(--accent);color:var(--accent)}.tag-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.tag-chip:disabled,.tag-chip.is-disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.tag-chip-c{opacity:.6}.tag-results{padding:var(--space-2)var(--space-6)var(--space-4);overflow-y:auto}.tag-results .post-index li{padding:var(--space-2)0}.tag-empty{color:var(--text-faint);font-size:var(--fs-sm);padding:var(--space-4)0}.tag-modal__hint{padding:var(--space-2)var(--space-6);border-top:1px solid var(--border-soft);color:var(--text-faint);font-size:var(--fs-sm);text-align:right}@media(max-width:768px){.nav{gap:var(--space-2)}.nav .nav-toggle{display:inline-grid}.search-trigger span,.search-trigger .kbd-hint{display:none}.search-trigger{padding:7px}.nav-links{position:absolute;top:60px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 14px 28px rgba(0,0,0,.18)}.nav-links.open{display:flex}.nav-links a,.nav-links .nav-link-btn{width:100%;text-align:left;padding:var(--space-3)var(--space-6);border-bottom:1px solid var(--border-soft);font-size:1rem}.brand-social{display:inline-flex;gap:var(--space-2)}.brand-social svg{width:16px;height:16px}.nav-social{display:none}}@media(max-width:480px){.brand span{display:none}.header-left{gap:var(--space-3)}}#pf-search{--pagefind-ui-scale:0.9;--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--text);--pagefind-ui-background:var(--surface);--pagefind-ui-border:var(--border);--pagefind-ui-tag:var(--bg-soft);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:var(--radius);--pagefind-ui-font:var(--font-sans)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#pf-search .pagefind-ui__search-input:focus,#pf-search .pagefind-ui__search-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.page-narrow{max-width:760px;margin-inline:auto}.layout-grid{display:grid;grid-template-columns:220px minmax(0,1fr)240px;gap:var(--space-12);align-items:start;padding-top:var(--space-8)}.layout-grid .masthead{padding-top:0}.col-left,.col-right{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;font-size:var(--fs-sm)}.col-left .cat-tree{margin:0}.side-block{margin-bottom:var(--space-8)}.side-title{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--text-faint);margin-bottom:var(--space-3)}.side-title-link{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--accent)}.recent-list{list-style:none;padding:0;margin:0}.recent-list li{padding:var(--space-2)0;border-bottom:1px solid var(--border-soft);line-height:1.4}.recent-list a{color:var(--text-soft)}.recent-list a:hover{color:var(--accent);text-decoration:none}.pin-li{display:flex;align-items:baseline;gap:var(--space-2)}.pin-li-ico{flex:none;color:var(--accent);transform:translateY(1px)}.pin-box{margin:0}.pin-summary{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;list-style:none}.pin-summary::-webkit-details-marker{display:none}.pin-n{font-weight:400;color:var(--text-faint)}.pin-summary .chev{margin-left:auto;color:var(--text-faint);transition:transform var(--transition)}.pin-box[open] .pin-summary .chev{transform:rotate(90deg)}@media(min-width:1081px){.pin-summary{cursor:default;pointer-events:none}.pin-summary .chev{display:none}}.nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.nav-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}@media(min-width:769px){.nav-backdrop{display:none}}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{font-size:var(--fs-sm);color:var(--text-soft);border:1px solid var(--border);border-radius:999px;padding:2px 10px}.tag:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.tag-c{color:var(--text-faint)}@media(max-width:1080px){.layout-grid{display:flex;flex-direction:column;gap:var(--space-8)}.col-right{position:static;max-height:none;overflow:visible}.col-main{order:1}.col-right{order:2}.col-right.has-pin{order:-1}.col-left{display:none}}@media(max-width:768px){.post{display:block}.toc{grid-area:auto;position:static;max-height:none;overflow:visible;border:1px solid var(--border);border-radius:var(--radius);margin:0 0 var(--space-6)}.toc-summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3)var(--space-4);cursor:pointer;pointer-events:auto;color:var(--text-soft);font-weight:600;text-transform:none;letter-spacing:normal;font-size:var(--fs-sm);margin-bottom:0}.toc-summary::after{content:"▾";transition:transform var(--transition)}.toc-details[open] .toc-summary::after{transform:rotate(180deg)}.toc-details[open] nav{padding:0 var(--space-4)var(--space-3);max-height:60vh;overflow-y:auto}}@media(max-width:600px){.masthead{padding:var(--space-12)0 var(--space-6)}.masthead h1{font-size:1.6rem}.post-title{font-size:1.5rem}.nav{gap:var(--space-4)}}html[data-theme=light] .bg{background-color:#f7f7f7}html[data-theme=light] .chroma{background-color:#f7f7f7;-webkit-text-size-adjust:none}html[data-theme=light] .chroma .err{color:#f6f8fa;background-color:#82071e}html[data-theme=light] .chroma .lnlinks{outline:none;text-decoration:none;color:inherit}html[data-theme=light] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}html[data-theme=light] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}html[data-theme=light] .chroma .hl{background-color:#dedede}html[data-theme=light] .chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}html[data-theme=light] .chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}html[data-theme=light] .chroma .line{display:flex}html[data-theme=light] .chroma .k{color:#cf222e}html[data-theme=light] .chroma .kc{color:#cf222e}html[data-theme=light] .chroma .kd{color:#cf222e}html[data-theme=light] .chroma .kn{color:#cf222e}html[data-theme=light] .chroma .kp{color:#cf222e}html[data-theme=light] .chroma .kr{color:#cf222e}html[data-theme=light] .chroma .kt{color:#cf222e}html[data-theme=light] .chroma .na{color:#1f2328}html[data-theme=light] .chroma .nc{color:#1f2328}html[data-theme=light] .chroma .no{color:#0550ae}html[data-theme=light] .chroma .nd{color:#0550ae}html[data-theme=light] .chroma .ni{color:#6639ba}html[data-theme=light] .chroma .nl{color:#900;font-weight:700}html[data-theme=light] .chroma .nn{color:#24292e}html[data-theme=light] .chroma .nx{color:#1f2328}html[data-theme=light] .chroma .nt{color:#0550ae}html[data-theme=light] .chroma .nb{color:#6639ba}html[data-theme=light] .chroma .bp{color:#6a737d}html[data-theme=light] .chroma .nv{color:#953800}html[data-theme=light] .chroma .vc{color:#953800}html[data-theme=light] .chroma .vg{color:#953800}html[data-theme=light] .chroma .vi{color:#953800}html[data-theme=light] .chroma .vm{color:#953800}html[data-theme=light] .chroma .nf{color:#6639ba}html[data-theme=light] .chroma .fm{color:#6639ba}html[data-theme=light] .chroma .s{color:#0a3069}html[data-theme=light] .chroma .sa{color:#0a3069}html[data-theme=light] .chroma .sb{color:#0a3069}html[data-theme=light] .chroma .sc{color:#0a3069}html[data-theme=light] .chroma .dl{color:#0a3069}html[data-theme=light] .chroma .sd{color:#0a3069}html[data-theme=light] .chroma .s2{color:#0a3069}html[data-theme=light] .chroma .se{color:#0a3069}html[data-theme=light] .chroma .sh{color:#0a3069}html[data-theme=light] .chroma .si{color:#0a3069}html[data-theme=light] .chroma .sx{color:#0a3069}html[data-theme=light] .chroma .sr{color:#0a3069}html[data-theme=light] .chroma .s1{color:#0a3069}html[data-theme=light] .chroma .ss{color:#032f62}html[data-theme=light] .chroma .m{color:#0550ae}html[data-theme=light] .chroma .mb{color:#0550ae}html[data-theme=light] .chroma .mf{color:#0550ae}html[data-theme=light] .chroma .mh{color:#0550ae}html[data-theme=light] .chroma .mi{color:#0550ae}html[data-theme=light] .chroma .il{color:#0550ae}html[data-theme=light] .chroma .mo{color:#0550ae}html[data-theme=light] .chroma .o{color:#0550ae}html[data-theme=light] .chroma .ow{color:#0550ae}html[data-theme=light] .chroma .or{color:#0550ae}html[data-theme=light] .chroma .p{color:#1f2328}html[data-theme=light] .chroma .c{color:#57606a}html[data-theme=light] .chroma .ch{color:#57606a}html[data-theme=light] .chroma .cm{color:#57606a}html[data-theme=light] .chroma .c1{color:#57606a}html[data-theme=light] .chroma .cs{color:#57606a}html[data-theme=light] .chroma .cp{color:#57606a}html[data-theme=light] .chroma .cpf{color:#57606a}html[data-theme=light] .chroma .gd{color:#82071e;background-color:#ffebe9}html[data-theme=light] .chroma .ge{color:#1f2328}html[data-theme=light] .chroma .gi{color:#116329;background-color:#dafbe1}html[data-theme=light] .chroma .go{color:#1f2328}html[data-theme=light] .chroma .gl{text-decoration:underline}html[data-theme=light] .chroma .w{color:#fff}html[data-theme=dark] .bg{color:#e6edf3;background-color:#0d1117}html[data-theme=dark] .chroma{color:#e6edf3;background-color:#0d1117;-webkit-text-size-adjust:none}html[data-theme=dark] .chroma .err{color:#f85149}html[data-theme=dark] .chroma .lnlinks{outline:none;text-decoration:none;color:inherit}html[data-theme=dark] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}html[data-theme=dark] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}html[data-theme=dark] .chroma .hl{background-color:#6e7681}html[data-theme=dark] .chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#737679}html[data-theme=dark] .chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#6e7681}html[data-theme=dark] .chroma .line{display:flex}html[data-theme=dark] .chroma .k{color:#ff7b72}html[data-theme=dark] .chroma .kc{color:#79c0ff}html[data-theme=dark] .chroma .kd{color:#ff7b72}html[data-theme=dark] .chroma .kn{color:#ff7b72}html[data-theme=dark] .chroma .kp{color:#79c0ff}html[data-theme=dark] .chroma .kr{color:#ff7b72}html[data-theme=dark] .chroma .kt{color:#ff7b72}html[data-theme=dark] .chroma .nc{color:#f0883e;font-weight:700}html[data-theme=dark] .chroma .no{color:#79c0ff;font-weight:700}html[data-theme=dark] .chroma .nd{color:#d2a8ff;font-weight:700}html[data-theme=dark] .chroma .ni{color:#ffa657}html[data-theme=dark] .chroma .ne{color:#f0883e;font-weight:700}html[data-theme=dark] .chroma .nl{color:#79c0ff;font-weight:700}html[data-theme=dark] .chroma .nn{color:#ff7b72}html[data-theme=dark] .chroma .nx{color:#e6edf3}html[data-theme=dark] .chroma .py{color:#79c0ff}html[data-theme=dark] .chroma .nt{color:#7ee787}html[data-theme=dark] .chroma .nv{color:#79c0ff}html[data-theme=dark] .chroma .vc{color:#79c0ff}html[data-theme=dark] .chroma .vg{color:#79c0ff}html[data-theme=dark] .chroma .vi{color:#79c0ff}html[data-theme=dark] .chroma .vm{color:#79c0ff}html[data-theme=dark] .chroma .nf{color:#d2a8ff;font-weight:700}html[data-theme=dark] .chroma .fm{color:#d2a8ff;font-weight:700}html[data-theme=dark] .chroma .l{color:#a5d6ff}html[data-theme=dark] .chroma .ld{color:#79c0ff}html[data-theme=dark] .chroma .s{color:#a5d6ff}html[data-theme=dark] .chroma .sa{color:#79c0ff}html[data-theme=dark] .chroma .sb{color:#a5d6ff}html[data-theme=dark] .chroma .sc{color:#a5d6ff}html[data-theme=dark] .chroma .dl{color:#79c0ff}html[data-theme=dark] .chroma .sd{color:#a5d6ff}html[data-theme=dark] .chroma .s2{color:#a5d6ff}html[data-theme=dark] .chroma .se{color:#79c0ff}html[data-theme=dark] .chroma .sh{color:#79c0ff}html[data-theme=dark] .chroma .si{color:#a5d6ff}html[data-theme=dark] .chroma .sx{color:#a5d6ff}html[data-theme=dark] .chroma .sr{color:#79c0ff}html[data-theme=dark] .chroma .s1{color:#a5d6ff}html[data-theme=dark] .chroma .ss{color:#a5d6ff}html[data-theme=dark] .chroma .m{color:#a5d6ff}html[data-theme=dark] .chroma .mb{color:#a5d6ff}html[data-theme=dark] .chroma .mf{color:#a5d6ff}html[data-theme=dark] .chroma .mh{color:#a5d6ff}html[data-theme=dark] .chroma .mi{color:#a5d6ff}html[data-theme=dark] .chroma .il{color:#a5d6ff}html[data-theme=dark] .chroma .mo{color:#a5d6ff}html[data-theme=dark] .chroma .o{color:#ff7b72;font-weight:700}html[data-theme=dark] .chroma .ow{color:#ff7b72;font-weight:700}html[data-theme=dark] .chroma .or{color:#ff7b72;font-weight:700}html[data-theme=dark] .chroma .c{color:#8b949e;font-style:italic}html[data-theme=dark] .chroma .ch{color:#8b949e;font-style:italic}html[data-theme=dark] .chroma .cm{color:#8b949e;font-style:italic}html[data-theme=dark] .chroma .c1{color:#8b949e;font-style:italic}html[data-theme=dark] .chroma .cs{color:#8b949e;font-weight:700;font-style:italic}html[data-theme=dark] .chroma .cp{color:#8b949e;font-weight:700;font-style:italic}html[data-theme=dark] .chroma .cpf{color:#8b949e;font-weight:700;font-style:italic}html[data-theme=dark] .chroma .gd{color:#ffa198;background-color:#490202}html[data-theme=dark] .chroma .ge{font-style:italic}html[data-theme=dark] .chroma .gr{color:#ffa198}html[data-theme=dark] .chroma .gh{color:#79c0ff;font-weight:700}html[data-theme=dark] .chroma .gi{color:#56d364;background-color:#0f5323}html[data-theme=dark] .chroma .go{color:#8b949e}html[data-theme=dark] .chroma .gp{color:#8b949e}html[data-theme=dark] .chroma .gs{font-weight:700}html[data-theme=dark] .chroma .gu{color:#79c0ff}html[data-theme=dark] .chroma .gt{color:#ff7b72}html[data-theme=dark] .chroma .gl{text-decoration:underline}html[data-theme=dark] .chroma .w{color:#6e7681}