:root{--radius: 16px;--max: 720px;--text-meta: .95rem;--ease-out: cubic-bezier(.23, 1, .32, 1);--duration-fast: .16s}.blog-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px;padding-bottom:clamp(48px,8vw,88px)}.hero{padding:2.25rem 0 1.75rem;max-width:38rem;margin-inline:auto;text-align:center}.hero h1{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.5rem);font-weight:500;line-height:1.08;letter-spacing:-.03em}.hero h1 em{font-style:italic;color:var(--accent-seal)}.hero p{margin:0 auto;color:var(--muted);font-size:1.05rem;line-height:1.55;max-width:34rem}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:.5rem}.article-card{display:flex;flex-direction:column;gap:.85rem;padding:.85rem;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);text-decoration:none;color:inherit;transition:border-color var(--duration-fast) var(--ease-out)}.article-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:calc(var(--radius-card) - 6px);background:var(--surface-2)}.article-card .meta{display:flex;flex-direction:column;gap:.45rem;padding:.15rem .25rem .35rem}.article-card .category{margin:0;color:var(--accent-ink);font-size:var(--text-meta);font-weight:700;letter-spacing:.02em}.article-card h2{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,1.6vw,1.35rem);font-weight:500;line-height:1.25;letter-spacing:-.02em}.article-card .summary{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card .date{margin:.15rem 0 0;color:var(--faint);font-family:var(--font-mono);font-size:.75rem;font-weight:400}@media(hover:hover)and (pointer:fine){.article-card:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));color:inherit;text-decoration:none}}.article-shell{display:grid;grid-template-columns:minmax(0,180px) minmax(0,760px) minmax(0,220px);gap:clamp(1.5rem,3vw,2.5rem);align-items:start;width:100%;margin-top:1.5rem}.article-rail{position:sticky;top:calc(var(--nav-h) + 1.75rem)}.article-rail-left,.article-rail-right{display:grid;gap:1.35rem}.article-main{min-width:0}.article-header{margin:0 0 1.5rem}.article-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:.95rem 0 0;color:var(--faint);font-size:var(--text-meta);font-weight:500;letter-spacing:.02em}.article-meta-row .read-time{margin:0}.meta-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.55;flex:none}.article-header .category{margin:0;color:var(--faint);font-size:var(--text-meta);font-weight:600;letter-spacing:.02em}.article-header h1{margin:0;font-family:var(--font-display);font-size:clamp(2.35rem,4.8vw,3.7rem);font-weight:500;line-height:1.03;letter-spacing:-.05em}.article-header .summary,.article-summary{margin:1.35rem 0 0;color:var(--muted);font-size:1.08rem;line-height:1.65}.author-card,.share-card,.toc-card,.article-context{border:1px solid var(--line);background:var(--surface)}.author-card{display:flex;align-items:center;gap:.8rem;padding:.9rem 0;border:0;border-bottom:1px solid var(--line);background:transparent}.author-avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;background:var(--surface-2);border:1px solid var(--line)}.author-name,.author-role{margin:0}.author-name{font-size:.9rem;font-weight:600;color:var(--ink)}.author-role{margin-top:.15rem;font-size:.8rem;color:var(--muted)}.rail-label{margin:0;color:var(--faint);font-size:var(--text-meta);font-weight:600;letter-spacing:.02em}.share-card,.toc-card{padding:.95rem 0;border:0;background:transparent;max-height:calc(100vh - var(--nav-h) - 3rem);overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.toc-mobile{display:none;margin-bottom:1.9rem;max-height:none;overflow:visible;padding:0;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 78%,var(--bg))}.toc-mobile-toggle{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;cursor:pointer;color:var(--faint);font-size:var(--text-meta);font-weight:600;list-style:none}.toc-mobile-toggle::-webkit-details-marker{display:none}.toc-mobile-toggle:after{content:"+";color:var(--muted);font-size:1rem;line-height:1}.toc-mobile[open] .toc-mobile-toggle:after{content:"−"}.toc-mobile .toc{margin-top:0;padding:.9rem 1.1rem 1rem}.toc-mobile[open] .toc-mobile-toggle{border-bottom:1px solid var(--line)}.toc-card::-webkit-scrollbar{display:none}.share-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.download-links{display:grid;gap:.6rem;margin-top:1rem}.download-link{--shadow-button-inset: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 -1px 0 rgba(24, 24, 27, .08);display:inline-flex;align-items:center;gap:.55rem;padding:.7rem .85rem;border:1px solid var(--line-strong);border-radius:12px;color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:600;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface) 70%,var(--surface-2)));box-shadow:var(--shadow-button-inset);transition:transform .14s cubic-bezier(.22,1,.36,1)}.download-link:active{transform:scale(.97)}.download-link.is-tap{animation:btn-tap .26s ease-out}@media(prefers-reduced-motion:reduce){.download-link{transition:none}.download-link:active{transform:none}.download-link.is-tap{animation:none}}.download-icon{width:1rem;height:1rem;flex:none}.share-links a{display:inline-flex;align-items:center;justify-content:center;width:1.95rem;height:1.95rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none}.share-links a:hover{color:var(--ink);border-color:var(--line-strong)}.share-links svg{width:.85rem;height:.85rem;display:block}.toc{display:grid;gap:.55rem;margin-top:.8rem;padding-left:.9rem;border-left:1px solid var(--line-strong)}.toc-link{color:var(--muted);font-size:.82rem;line-height:1.4;text-decoration:none}.toc-link.depth-3,.toc-link.depth-4{padding-left:.65rem;font-size:.78rem}.cover{display:block;width:100%;margin:0 0 1.5rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.article-summary-box{padding:1rem 1.1rem;margin-bottom:1.9rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 78%,var(--bg))}.summary-box-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.markdown-copy{display:inline-flex;align-items:center;gap:.35rem;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:var(--text-meta);font-weight:600;letter-spacing:.04em;cursor:pointer}.markdown-copy-icon{width:.88rem;height:.88rem;flex:none}.markdown-copy:hover{color:var(--ink)}.article-summary{margin:.7rem 0 0;max-width:none}.article-bio{display:flex;gap:1rem;align-items:flex-start;margin-top:3rem;padding:1.15rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 78%,var(--bg))}.article-bio-avatar{width:56px;height:56px;border-radius:999px;object-fit:cover;border:1px solid var(--line);background:var(--surface-2);flex:none}.article-bio-name{margin:0;font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.015em}.article-bio-text a{color:var(--accent-ink);font-weight:600;text-decoration:underline;text-underline-offset:.18em;text-decoration-color:color-mix(in srgb,var(--accent-ink) 45%,transparent)}.article-bio-text a:hover{text-decoration-color:currentColor}.article-bio-role{margin:.15rem 0 0;font-size:.82rem;font-weight:600;color:var(--faint)}.article-bio-text{margin:.55rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.55}.article-context{padding:1rem 1.1rem;margin-bottom:1.9rem;border-radius:10px;background:color-mix(in srgb,var(--surface) 78%,var(--bg))}.article-context p:last-child{margin:.7rem 0 0;color:var(--muted);font-size:.98rem;line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.tag{padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.78rem;font-weight:600}.prose{max-width:var(--max);margin:0 auto;font-size:1.05rem}.prose a{color:var(--accent-ink);text-decoration:none}.prose a:hover{color:var(--accent-deep)}.prose :where(h2,h3,h4){font-family:var(--font-display);font-weight:500;line-height:1.22;letter-spacing:-.02em;color:var(--ink)}.prose h2{font-size:clamp(1.55rem,3vw,1.9rem);margin-top:3.85rem;margin-bottom:1.25rem}.prose h3{font-size:1.3rem;font-family:var(--font-body);font-weight:700;letter-spacing:-.015em;margin-top:3rem;margin-bottom:1rem}.prose h4{font-size:1.12rem;font-family:var(--font-body);font-weight:700;letter-spacing:-.01em;margin-top:2.35rem;margin-bottom:.85rem}.prose p,.prose ul,.prose ol,.prose table,.prose blockquote{margin:1.7rem 0}.prose li+li{margin-top:.35rem}.prose blockquote{margin-inline:0;padding:.95rem 1.1rem;border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--ink)}.prose blockquote p{margin:0}.prose img{display:block;margin:1.75rem auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.prose em:has(+br),.prose p>em:only-child{display:block;color:var(--muted);font-size:.92rem;text-align:center;font-style:normal}.prose table{width:100%;border-collapse:collapse;font-size:.95rem;overflow-x:auto;display:block}.prose th,.prose td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;vertical-align:top}.prose th{background:var(--surface-2);font-weight:600}.prose hr{border:0;border-top:1px solid var(--line);margin:2.25rem 0}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-2);padding:.12em .35em;border-radius:4px}@media(max-width:1100px){.article-shell{grid-template-columns:minmax(0,1fr)}.article-rail{position:static}.article-rail-left{order:2;justify-items:center;text-align:center}.article-rail-left .author-card.has-bio-duplicate,.article-rail-left .download-links,.article-rail-right{display:none}.article-main{order:1}.toc-mobile{display:block}.toc-mobile .toc{border-left:0;padding:.9rem 1.1rem 1rem}.article-header,.article-meta-row{text-align:center}.article-meta-row{justify-content:center}.share-card{width:100%;justify-content:center;text-align:center}.article-bio{flex-direction:column;align-items:center;text-align:center}.share-links{justify-content:center}}@media(max-width:900px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.site-header{min-height:64px}.badge{display:none}.article-header h1{max-width:none}}@media(max-width:560px){.article-grid{grid-template-columns:1fr}.share-links{gap:.35rem}}@media(prefers-reduced-motion:reduce){.article-card{transition:none}}