.blog-section{padding-block:clamp(56px,8vw,96px) clamp(88px,12vw,160px)}.blog-grid{grid-template-columns:1fr;gap:clamp(24px,3vw,40px);margin-top:clamp(40px,5vw,64px);display:grid;container-type:inline-size}.blog-card{--_card-radius:var(--radius-page);flex-direction:column;height:100%;display:flex}.blog-card-cover,.blog-card-cover img{aspect-ratio:3/2}@container (min-width:480px){.blog-card{flex-direction:row;align-items:stretch}.blog-card-cover{aspect-ratio:auto;flex:0 0 clamp(240px,40cqi,420px);align-self:stretch;min-height:220px}.blog-card-cover img{aspect-ratio:auto}.blog-card-body{padding:clamp(20px,2.4cqi,28px) clamp(18px,2.4cqi,24px) clamp(20px,2.4cqi,28px) clamp(24px,3cqi,40px)}}.blog-card-index{top:var(--spacing-3);left:var(--spacing-3);border-radius:var(--radius-full);background:var(--glass-chip-bg);color:var(--glass-chip-ink);padding:2px 8px;position:absolute}.blog-card-body{gap:var(--spacing-2);flex-direction:column;flex:1;padding:clamp(16px,2vw,20px) clamp(14px,2vw,18px) clamp(18px,2vw,22px);display:flex}.blog-card-tags{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.blog-card-title{letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;margin:0!important;font-size:1.1875rem!important}.blog-card-excerpt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.blog-card-date{align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px dashed var(--color-border);margin-top:auto;display:inline-flex}.blog-empty{padding:clamp(48px, 6vw, 80px) var(--spacing-5);background:var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--radius-page);margin-top:clamp(40px,5vw,64px)}.blog-pager{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--color-border);margin-top:clamp(48px,6vw,80px);display:flex}.blog-pager-btn{align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);min-height:44px;padding-inline:var(--spacing-2);font-size:.9375rem;font-weight:600;display:inline-flex}.blog-pager-btn.is-disabled{color:var(--color-text-secondary);opacity:.5;pointer-events:none}.blog-pager-status{color:var(--color-text-secondary)}.blog-article{padding-block:clamp(56px,8vw,96px) clamp(88px,12vw,160px)}.blog-article-inner{max-width:46rem}.blog-back{align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);transition:color var(--duration-fast);margin-bottom:clamp(24px,3vw,40px);font-size:.9375rem;font-weight:600;display:inline-flex}.blog-back:hover{color:var(--color-text-primary)}.blog-article-title{letter-spacing:-.02em;text-wrap:balance;margin:var(--spacing-4) 0 var(--spacing-3)!important;font-size:clamp(2rem,4.4vw,3.25rem)!important;line-height:1.1!important}.blog-article-meta{align-items:center;gap:var(--spacing-2);margin-bottom:clamp(28px,4vw,48px);display:inline-flex}.blog-article-cover{margin:0 0 clamp(32px,4vw,56px)}.blog-article-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;filter:var(--img-grade);display:block}.blog-article-body img{border-radius:var(--radius-page);box-shadow:var(--shadow-low)}.blog-related{margin-top:clamp(56px,7vw,96px)}.blog-related-rule{border-top:1px solid var(--color-border);margin-bottom:clamp(32px,4vw,56px)}.blog-related-grid{margin-top:clamp(20px,3vw,32px)}