.blog-index-page .post-card{box-shadow:none;transition:border-color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease)}.blog-index-page .post-card:hover{border-color:#05d6004d;transform:translateY(-3px)}.blog-index-page .post-card:focus-visible{border-color:var(--brand);outline-offset:3px;outline:3px solid #05d60033}.blog-index-page .post-card-image img{transition:transform var(--motion-base) var(--ease)}.blog-index-page .post-card:hover .post-card-image img{transform:scale(1.025)}.blog-index-page .post-card-pinned{color:#fff;text-transform:uppercase;letter-spacing:.02em;background:var(--brand);border-radius:999px;justify-content:center;align-items:center;padding:5px 10px 3px;font-size:11px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.blog-index-page .post-card-title,.blog-index-page .post-card-description{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-index-page .post-card-title{-webkit-line-clamp:2}.blog-index-page .post-card-description{-webkit-line-clamp:3}.blog-index-page .post-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:48px;display:flex}.blog-index-page .post-pagination a,.blog-index-page .post-pagination span{color:var(--ink);background:var(--surface);border:.5px solid var(--line);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600}.blog-index-page .post-pagination a{transition:color var(--motion-fast) var(--ease), background-color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease)}.blog-index-page .post-pagination span[aria-disabled=true]{color:var(--muted);cursor:not-allowed;opacity:.5}.blog-index-page .post-pagination a:hover{background:var(--brand-soft);color:var(--brand-hover);border-color:#05d6004d}.blog-index-page .post-pagination a:focus-visible{outline-offset:3px;outline:3px solid #05d60033}@media (width>=768px){.blog-index-page .post-pagination{gap:16px;margin-top:56px}.blog-index-page .post-pagination a,.blog-index-page .post-pagination span{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.blog-index-page .post-card,.blog-index-page .post-card-image img,.blog-index-page .post-pagination a{transition:none}.blog-index-page .post-card:hover,.blog-index-page .post-card:hover .post-card-image img{transform:none}}.blog-detail-page .post-detail-content{max-width:none;color:var(--ink-2);font-size:1rem;line-height:1.75}.blog-detail-page .post-detail-content h2{color:var(--ink);letter-spacing:-.02em;margin-top:3rem;margin-bottom:1.25rem;scroll-margin-top:7rem;font-size:1.875rem;font-weight:700;line-height:1.25}.blog-detail-page .post-detail-content h3{color:var(--ink);margin-top:2rem;margin-bottom:.75rem;scroll-margin-top:7rem;font-size:1.25rem;font-weight:700;line-height:1.35}.blog-detail-page .post-detail-content img{border-radius:12px;width:100%;height:auto;margin:24px 0}.blog-detail-page .post-detail-content p{margin-bottom:20px}.blog-detail-page .post-detail-content ul,.blog-detail-page .post-detail-content ol{color:var(--ink-2);margin-bottom:20px;padding-left:24px}.blog-detail-page .post-detail-content ul{list-style:outside}.blog-detail-page .post-detail-content ol{list-style:decimal}.blog-detail-page .post-detail-content li{margin-bottom:8px}.blog-detail-page .post-detail-content li::marker{color:var(--ink-2)}.blog-detail-page .post-detail-content a{color:var(--ink);text-underline-offset:3px;text-decoration:underline 1px;text-decoration-color:var(--ink-2)}.blog-detail-page .post-detail-content a:hover{color:var(--brand-hover);text-decoration-color:currentColor}.blog-detail-page .post-detail-content .table-wrapper{margin-bottom:20px;overflow-x:auto}.blog-detail-page .post-detail-content table{border-collapse:collapse;width:100%;font-size:.9375rem}.blog-detail-page .post-detail-content th,.blog-detail-page .post-detail-content td{border:1px solid var(--line);text-align:left;padding:10px 14px}.blog-detail-page .post-detail-content th{color:var(--ink);background:var(--surface-soft);white-space:nowrap;font-weight:700}@media (width>=768px){.blog-detail-page .post-detail-content{font-size:1.125rem}.blog-detail-page .post-detail-content h2{font-size:3rem}}@media (prefers-reduced-motion:reduce){.blog-detail-page a,.blog-detail-page img{transition:none!important}.blog-detail-page a:hover{transform:none}}
