.post-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.post-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;flex-direction:column;transition:box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow);border-color:#d9dcff}.post-card-img img{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto}.post-card-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.post-card-body h2{letter-spacing:-.01em;margin:10px 0;font-size:20px;line-height:1.3}.post-card-body h2 a:hover{color:var(--primary)}.post-card-body>p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.65;display:-webkit-box;overflow:hidden}.post-card-body>.post-card-meta{color:var(--muted-2);gap:14px;margin-top:14px;font-size:13.5px;display:flex}.post-card-link{color:var(--primary);align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:14.5px;font-weight:600;display:inline-flex}.post-card-link .ic{transition:transform .2s}.post-card-link:hover .ic{transform:translate(3px)}.post-hero h1{font-size:clamp(30px,4.2vw,46px);line-height:1.18}.page-hero .post-meta{color:#ffffffa3;flex-wrap:wrap;justify-content:center;gap:6px 22px;font-size:14.5px;display:flex}.post-layout{grid-template-columns:260px minmax(0,720px);justify-content:center;gap:64px;padding-top:64px;padding-bottom:96px;display:grid}.post-toc{align-self:start;font-size:14.5px;position:sticky;top:96px}.post-toc b,.post-related b{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:12.5px;display:block}.post-toc ol{border-left:1px solid var(--line);gap:2px;margin:0;padding:0;list-style:none;display:grid}.post-toc a{color:var(--muted);border-left:1px solid #0000;margin-left:-1px;padding:6px 0 6px 14px;line-height:1.45;display:block}.post-toc a:hover{color:var(--primary);border-left-color:var(--primary)}.post-body{color:var(--text);font-size:17.5px;line-height:1.75}.post-body>*+*{margin-top:20px}.post-body h2{margin-top:52px;scroll-margin-top:96px;font-size:clamp(24px,2.6vw,30px);line-height:1.25}.post-body h3{margin-top:32px;font-size:20px;line-height:1.35}.post-body a{color:var(--primary);text-underline-offset:3px;-webkit-text-decoration:underline #4353ff59;text-decoration:underline #4353ff59}.post-body a:hover{text-decoration-color:currentColor}.post-body>ul,.post-body>ol{gap:8px;padding-left:24px;display:grid}.post-body>ul{list-style:outside}.post-body>ol{list-style:decimal}.post-body li::marker{color:var(--primary);font-weight:600}.post-body strong{color:var(--heading);font-weight:600}.post-body figure{margin:32px 0 0}.post-body figure img{border-radius:var(--radius);border:1px solid var(--line);width:100%;height:auto}.post-body figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:14px}.post-body .table-wrap{margin-top:24px;font-size:15px}.post-body .cmp-table{min-width:520px}.post-summary{border-radius:var(--radius);background:var(--primary-soft);border:1px solid #dfe3ff;padding:22px 24px}.post-summary b,.post-note b{font-family:var(--font-head);color:var(--heading);margin-bottom:10px;font-size:16px;display:block}.post-summary ul{gap:6px;padding-left:20px;font-size:16.5px;line-height:1.6;list-style:outside;display:grid}.post-note{border-left:3px solid var(--primary);background:var(--bg-soft);border-radius:0 12px 12px 0;padding:18px 20px}.post-faq+.post-faq{margin-top:0}.post-faq h3{margin-top:28px}.post-faq p{margin-top:8px}.post-author{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);align-items:flex-start;gap:16px;margin-top:56px;padding:22px 24px;font-size:15.5px;line-height:1.65;display:flex}.post-author b{font-family:var(--font-head);color:var(--heading);margin-bottom:4px;display:block}.post-author p{color:var(--muted)}.post-related{margin-top:40px}.post-related ul{border-top:1px solid var(--line);gap:0;padding:0;list-style:none;display:grid}.post-related li a{border-bottom:1px solid var(--line);color:var(--heading);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-size:16px;font-weight:600;text-decoration:none;display:flex}.post-related li a:hover,.post-related .ic{color:var(--primary)}@media (max-width:1100px){.post-grid{grid-template-columns:1fr 1fr}.post-layout{grid-template-columns:minmax(0,720px);gap:32px;padding-top:40px}.post-toc{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);padding:18px 20px;position:static}}@media (max-width:640px){.post-grid{grid-template-columns:1fr}.post-body{font-size:16.5px}.post-layout{padding-bottom:64px}}