.blog-index{padding-block:70px 90px}.blog-intro{max-width:780px;margin-bottom:56px}.blog-intro h1{font-size:clamp(36px,4.3vw,58px);line-height:1.08}.blog-intro p{max-width:640px;color:var(--muted);margin-top:24px;font-size:19px}.blog-feature{background:var(--blue-pale);border-radius:var(--radius);grid-template-columns:1fr 1.6fr;gap:64px;padding:40px;display:grid}.blog-feature h2,.blog-topics>h2{font-size:28px}.blog-feature p{color:var(--muted);margin-top:16px}.blog-feature a{gap:18px;text-decoration:none;display:grid}.blog-feature a p{margin:0}.blog-feature h3{font-size:30px;line-height:1.25}.blog-read{color:var(--blue);font-weight:600}.blog-meta{color:var(--muted);font-size:14px;line-height:1.7}.blog-topics{margin-top:64px}.blog-list{margin-top:24px}.blog-list>a{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:40px;padding:30px 0;text-decoration:none;display:flex}.blog-list h3{font-size:23px;line-height:1.3}.blog-list p{max-width:730px;color:var(--muted);margin-top:10px;font-size:16px}.blog-list .blog-meta{flex-shrink:0}.blog-list .blog-meta span{color:var(--blue);margin-inline-start:16px}.blog-feature a:hover h3,.blog-list a:hover h3{color:var(--blue);text-decoration:underline}.blog-source-note{border-top:1px solid var(--line);max-width:740px;margin-top:48px;padding-top:32px}.blog-source-note h2{font-size:24px}.blog-source-note p{color:var(--muted);margin:16px 0}.blog-source-note a{color:var(--blue);padding-block:10px;display:inline-block}.blog-article{padding-block:48px 80px}.blog-article-header{max-width:880px;margin:0 0 48px}.blog-article-header .back-link{color:var(--blue);padding-block:10px;font-size:14px;display:inline-block}.blog-article-header h1{margin:20px 0;font-size:clamp(32px,3.8vw,50px);line-height:1.12}.blog-deck{color:var(--muted);max-width:760px;margin-bottom:22px;font-size:19px}.blog-reading-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:56px;display:grid}.blog-toc{scrollbar-color:var(--line) transparent;max-height:calc(100vh - 56px);font-size:14px;position:sticky;top:28px;overflow:auto}.blog-toc summary{cursor:pointer;padding:12px 0;font-weight:600}.blog-toc nav{padding-top:6px;display:grid}.blog-toc a{color:var(--muted);padding-block:9px;line-height:1.45;text-decoration:none}.blog-toc a:hover{color:var(--blue);text-decoration:underline}.blog-prose{overflow-wrap:anywhere;min-width:0;max-width:72ch;font-size:17px;line-height:1.8}.blog-prose>:first-child{margin-top:0}.blog-prose p{margin-block:18px}.blog-prose h2{margin:48px 0 20px;scroll-margin-top:28px;font-size:28px;line-height:1.25}.blog-prose h3{margin:30px 0 12px;font-size:21px;line-height:1.35}.blog-prose a{color:var(--blue)}.blog-prose ul,.blog-prose ol{margin-block:20px;padding-inline-start:24px}.blog-prose li{margin-block:10px}.blog-prose blockquote{background:var(--blue-pale);border-radius:8px;margin:24px 0;padding:8px 24px}.blog-table{border:1px solid var(--line);scrollbar-color:var(--muted) var(--bg);border-radius:8px;margin:26px 0;overflow-x:auto}.blog-table table{border-collapse:collapse;text-align:start;width:100%;min-width:520px;font-size:15px;line-height:1.6}.blog-table th{background:var(--blue-pale);font-weight:600}.blog-table th,.blog-table td{vertical-align:top;padding:14px 16px}.blog-table tr+tr td,.blog-table tbody tr:first-child td{border-top:1px solid var(--line)}.blog-related{border-top:1px solid var(--line);margin-top:64px;padding-top:36px}.blog-related h2{margin-bottom:24px;font-size:28px}.blog-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.blog-related>div>a{justify-content:space-between;gap:16px;padding-block:10px;font-size:19px;line-height:1.5;text-decoration:none;display:flex}.blog-related a:hover{color:var(--blue);text-decoration:underline}.blog-related span,.blog-all{color:var(--blue)}.blog-all{margin-top:28px;padding-block:10px;display:inline-block}@media (width<=900px){.blog-reading-layout{grid-template-columns:minmax(0,1fr);gap:32px}.blog-toc{border-block:1px solid var(--line);max-height:none;padding-block:8px;position:static}.blog-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.blog-prose{max-width:none}.blog-feature{gap:32px}}@media (width<=600px){.blog-index{padding-block:40px 64px}.blog-intro{margin-bottom:32px}.blog-intro p,.blog-deck{font-size:17px}.blog-feature{grid-template-columns:1fr;gap:28px;padding:24px}.blog-feature h3{font-size:25px}.blog-feature h2,.blog-topics>h2{font-size:24px}.blog-topics{margin-top:40px}.blog-list>a{flex-direction:column;gap:14px;padding-block:25px}.blog-list h3{font-size:22px}.blog-article{padding-block:28px 60px}.blog-article-header{margin-bottom:28px}.blog-toc nav{grid-template-columns:1fr}.blog-toc a{padding-block:12px}.blog-prose{font-size:16px}.blog-prose h2{margin-top:38px;font-size:25px}.blog-related>div{grid-template-columns:1fr;gap:12px}}
