.blog-brand{color:inherit;white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.blog-empty{border-block-start:1px solid var(--line);max-width:70ch;padding-block:36px 64px}.blog-empty h2{font-size:26px}.blog-empty p{color:var(--muted);line-height:1.7}.blog-empty a,.blog-back,.blog-body a{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.blog-list{max-width:850px;padding:0;list-style:none}.blog-list>li{border-block-start:1px solid var(--line);padding-block:28px}.blog-list h2{margin-block:12px;font-size:clamp(25px,3vw,34px);line-height:1.25}.blog-list h2 a{color:inherit;text-decoration:none}.blog-list h2 a:hover{text-underline-offset:5px;text-decoration:underline}.blog-list article>p{max-width:70ch;line-height:1.7}.blog-meta{color:var(--muted);flex-wrap:wrap;gap:8px 20px;font-size:14px;line-height:1.6;display:flex}.blog-back{margin-block-end:32px;display:inline-block}.blog-reading{grid-template-columns:minmax(160px,230px) minmax(0,70ch);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.blog-toc{max-height:calc(100dvh - 120px);position:sticky;top:100px;overflow-y:auto}.blog-toc h2{margin-block-start:0;font-size:16px}.blog-toc ol{margin:0;padding:0;list-style:none}.blog-toc a{color:var(--muted);overflow-wrap:anywhere;padding-block:8px;line-height:1.4;text-decoration:none;display:block}.blog-toc a:hover{color:var(--ink)}.blog-toc-sub{padding-inline-start:16px}.blog-body{overflow-wrap:anywhere;grid-column:2;min-width:0;font-size:18px;line-height:1.85}.blog-prose h2,.blog-section>h2{margin-block:40px 18px;scroll-margin-top:100px;font-size:clamp(27px,3vw,34px);line-height:1.3}.blog-prose h3{margin-block:28px 14px;scroll-margin-top:100px;font-size:23px;line-height:1.4}.blog-prose>:first-child{margin-block-start:0}.blog-prose p{margin-block:0 22px}.blog-prose blockquote{border-inline-start:1px solid var(--line);color:var(--muted);margin-inline:0;padding-inline-start:24px}.blog-prose pre{background:var(--solid);border:1px solid var(--line);text-align:start;direction:ltr;border-radius:12px;padding:20px;font-size:14px;line-height:1.6;overflow-x:auto}.blog-section{margin-block-start:40px}.blog-section details{border-block-end:1px solid var(--line);padding-block:16px}.blog-section summary{cursor:pointer;font-weight:600}.blog-section details p{margin-block-end:0}@media (max-width:767px){.blog-reading{flex-direction:column;gap:32px;display:flex}.blog-toc{border-block:1px solid var(--line);width:100%;max-height:none;padding-block:20px;position:static}.blog-body{width:100%;font-size:17px}.blog-brand strong{font-size:15px}}.blog-cover{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%;height:auto;max-height:600px;margin-block:24px 48px;display:block}.blog-cover--list{max-height:360px;margin-block:0 24px}.blog-tags{color:var(--muted);flex-wrap:wrap;gap:8px 16px;padding:0;font-size:14px;list-style:none;display:flex}