.page-title{color:#212529;margin:0 0 .5rem;font-size:2rem;font-weight:800}.page-intro{color:#6c757d;margin-bottom:2rem;font-size:1.1rem}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.article-card{color:inherit;background:#fff;border:1px solid #eef0f3;border-radius:12px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.article-card:hover{border-color:#4c97ff;transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.article-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.article-tag{background:color-mix(in srgb, var(--tag-color) 12.5%, transparent);color:var(--tag-color);border-radius:20px;padding:.25rem .7rem;font-size:.8rem;font-weight:600}.article-time{color:#6c757d;font-size:.85rem}.article-title{color:#212529;margin:0 0 .3rem;font-size:1.25rem;font-weight:700}.article-subtitle{color:#4c97ff;margin:0 0 1rem;font-size:.95rem;font-weight:500}.article-excerpt{color:#495057;flex-grow:1;margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.read-more{color:#4c97ff;font-size:.95rem;font-weight:600}@media (width<=768px){.articles-grid{grid-template-columns:1fr}}