:root{--radius: 16px;--max: 720px;--text-meta: .95rem;--ease-out: cubic-bezier(.23, 1, .32, 1);--duration-fast: .16s}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;pointer-events:none;background:transparent}.reading-progress-bar{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:var(--accent);will-change:transform}@media(prefers-reduced-motion:reduce){.reading-progress{display:none}}.back-to-top{position:fixed;right:max(16px,env(safe-area-inset-right,0px) + 16px);bottom:max(20px,env(safe-area-inset-bottom,0px) + 20px);z-index:55;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line-strong));border-radius:14px;background:linear-gradient(180deg,#fffffff5,color-mix(in srgb,var(--accent) 8%,rgba(250,250,249,.92)));color:var(--accent-deep);box-shadow:inset 0 1px #fffffff2,0 10px 28px #18181b1a;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.96);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.back-to-top:hover{color:#fff;background:var(--accent);border-color:var(--accent-deep)}.back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.back-to-top svg{width:18px;height:18px}@media(max-width:720px){.back-to-top{right:max(12px,env(safe-area-inset-right,0px) + 12px);bottom:max(16px,env(safe-area-inset-bottom,0px) + 16px);width:36px;height:36px;border-radius:11px}.back-to-top svg{width:15px;height:15px}}@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}.blog-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px;padding-bottom:clamp(48px,8vw,88px)}.hero{padding:88px 0 1.75rem;max-width:38rem;margin-inline:auto;text-align:center}.hero h1{margin:0 0 .55rem;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:88px}.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:.65rem 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,.ai-summarize,.download-links,.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,.ai-summarize,.download-links,.toc-card{padding:.95rem 0;border:0;background:transparent}.article-rail-left{max-height:calc(100vh - var(--nav-h) - 3rem);overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.article-rail-left::-webkit-scrollbar{display:none}.toc-card{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}.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:.45rem;padding:10px 14px;border:1px solid var(--line-strong);border-radius:11px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;line-height:1.2;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}.ai-summarize-list{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.2rem}.ai-summarize-list a{display:flex;align-items:center;gap:.55rem;padding:.4rem .35rem;margin:0 -.35rem;border-radius:8px;color:var(--muted);text-decoration:none;font-size:.86rem;font-weight:600;transition:color .14s ease,background .14s ease}.ai-summarize-list a:hover{color:var(--ink);background:color-mix(in srgb,var(--surface) 55%,var(--bg))}.ai-summarize-list svg{width:1rem;height:1.05rem;flex:none}.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 .callout-alert{margin:1.7rem 0;padding:.95rem 1.15rem .95rem 1.05rem;border:1px solid color-mix(in srgb,#c9a227 28%,var(--line));border-left:3px solid #c9a227;border-radius:var(--radius);background:#fff8e8;color:var(--ink);box-shadow:none}.prose .callout-alert p{margin:0}.prose .callout-alert strong{font-weight:650;color:#7a5b10}.prose .template-cta{margin:1.85rem 0}.prose .template-cta-link{display:grid;gap:.35rem;padding:1.15rem 1.25rem 1.2rem;border:1px solid color-mix(in srgb,var(--accent-ink) 16%,var(--line));border-radius:calc(var(--radius) + 4px);background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 10%,var(--surface)) 0%,var(--surface) 55%);text-decoration:none;color:inherit;box-shadow:none;transition:border-color .16s ease,background .16s ease}.prose .template-cta-link:hover{border-color:color-mix(in srgb,var(--accent-ink) 34%,var(--line));text-decoration:none}.prose .template-cta-name{font-family:var(--font-body);font-size:clamp(1.15rem,2.4vw,1.35rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--ink)}.prose .template-cta-desc{margin-top:.15rem;font-size:.95rem;line-height:1.55;color:var(--muted)}.prose .template-cta-meta{margin-top:.35rem;font-size:.82rem;font-weight:600;color:var(--faint)}.prose .template-cta-action{display:inline-flex;align-items:center;gap:.4rem;margin-top:.7rem;font-size:.92rem;font-weight:700;color:var(--accent-ink)}.prose img{display:block;margin:1.75rem auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.prose p:has(>img)+p:has(>small),.prose p:has(>img)+p:has(>em){color:var(--muted);font-size:.92rem;text-align:center}.prose p:has(>img)+p>small,.prose p:has(>img)+p>em{font-style:normal;font-size:inherit}.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}.prose pre{margin:1.7rem 0;padding:1.15rem 1.35rem;overflow-x:auto;border:1px solid color-mix(in srgb,#1a1a1a 88%,var(--line));border-radius:var(--radius);background:#1c1c1e;box-shadow:none;-webkit-overflow-scrolling:touch}.prose pre code{display:block;padding:0;background:transparent;border-radius:0;font-family:var(--font-mono);font-size:clamp(.95rem,2.1vw,1.05rem);font-weight:500;line-height:1.55;letter-spacing:-.01em;color:#f5f5f5;white-space:pre;word-break:normal;overflow-wrap:normal}@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}.ai-summarize{width:100%;text-align:center}.ai-summarize-list{justify-items:center}.ai-summarize-list a{justify-content: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}}