.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-page-header{padding-bottom:30px}.blog-page-header h1{max-width:980px}.blog-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-size:.8125rem;line-height:1.6;margin-top:24px}.blog-article-layout{display:grid;grid-template-columns:240px minmax(0,800px);gap:64px;align-items:start;padding-block:36px 70px}.blog-toc{position:sticky;top:calc(var(--floating-header-height,0px) + 24px);max-height:calc(100dvh - var(--floating-header-height,0px) - 48px);overflow:auto}.blog-toc nav{display:grid;gap:4px;margin-block:12px 24px}.blog-toc nav a{display:block;padding-block:9px;min-height:44px;font-size:.875rem;line-height:1.5;text-decoration:none}.blog-toc nav a:hover{text-decoration:underline;text-underline-offset:4px}.blog-toc .button{white-space:normal;text-align:center}.blog-reading{min-width:0;font-size:1rem;line-height:1.8}.blog-reading h2{font:2rem/1.25 var(--serif);letter-spacing:-.02em;margin:38px 0 18px;scroll-margin-top:140px}.blog-reading h2:first-child{margin-top:0}.blog-reading p{margin-block:16px}.blog-reading ul,.blog-reading ol{padding-left:24px;margin-block:18px}.blog-reading li{margin-block:10px}.blog-reading a{text-underline-offset:4px;overflow-wrap:anywhere}.blog-reading figure{margin:30px 0}.blog-reading figure img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}.blog-reading figcaption{font-size:.75rem;color:var(--muted);margin-top:8px}.blog-source-list{border-top:1px solid var(--line);margin-top:36px;padding-top:12px}.blog-source-list li,.blog-review-note{font-size:.8125rem;line-height:1.7;color:var(--muted)}.blog-related-card{max-width:620px;grid-template-columns:minmax(0,1fr)}.blog-source-list h2{font-size:1.6rem}.blog-reading :focus-visible,.blog-toc :focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:1100px){.blog-article-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.blog-reading h2{scroll-margin-top:170px}}@media(max-width:800px){.blog-article-layout{display:block;padding-top:24px}.blog-toc{position:static;max-height:none;margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:20px}.blog-toc>.button{display:none}.blog-reading h2{font-size:1.65rem;scroll-margin-top:24px}.blog-index-grid{grid-template-columns:1fr}.blog-page-header{padding-bottom:22px}}