.chapters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2)}.chapter-card{display:flex;align-items:center;gap:14px;padding:var(--s3);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--white);text-decoration:none;transition:all 150ms ease}.chapter-card:hover{background:var(--blue-xlight);border-color:var(--blue-light);transform:translateX(3px)}.chapter-card__code{font:600 13px/1 var(--font);color:var(--blue);flex-shrink:0;min-width:52px;font-variant-numeric:tabular-nums}.chapter-card__info{flex:1;min-width:0}.chapter-card__name{font:600 13px/1.4 var(--font);color:var(--text-1);display:block;margin-bottom:2px}.chapter-card__desc{font:11px/1.4 var(--font);color:var(--text-3);display:block}.chapter-card__arrow{color:var(--text-3);flex-shrink:0;font-size:16px;transition:color 150ms ease,transform 150ms ease}.chapter-card:hover .chapter-card__arrow{color:var(--blue);transform:translateX(2px)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-card{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:var(--white);transition:box-shadow 200ms ease,transform 200ms ease;text-decoration:none;display:block}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card__thumb{height:100px;background:var(--blue-xlight);display:flex;align-items:center;justify-content:center;color:var(--blue-light)}.blog-card__body{padding:14px}.blog-card__cat{font:700 10px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:6px;display:block}.blog-card__title{font:600 13px/1.4 var(--font);color:var(--text-1);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__author{display:flex;align-items:center;gap:7px;font:500 11px/1 var(--font);color:var(--text-3)}.blog-card__avatar{width:22px;height:22px;border-radius:50%;background:var(--blue-xlight);display:flex;align-items:center;justify-content:center;font:700 9px/1 var(--font);color:var(--blue);flex-shrink:0}@media(max-width:768px){.chapters-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}}