.blog-card{background:var(--background-primary);padding:10px;margin-bottom:1rem;border-radius:10px;box-shadow:0 10px 10px hsla(0,0%,0%,.05);transition:.25s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 10px hsla(0,0%,0%,.1)}.blog-card-banner{display:block;overflow:hidden;border-radius:5px;text-decoration:none}.blog-card-banner:hover{opacity:.9}.blog-banner-img{width:100%;height:100%;object-fit:cover}.blog-card-wrapper{padding:10px 5px}.blog-topic{background:var(--action-secondary);color:var(--foreground-secondary);font-weight:600;padding:.25rem 1rem;border-radius:5px;margin-bottom:1rem}.blog-topic:hover{background:var(--foreground-secondary);color:var(--action-secondary)}.blog-card .h3{line-height:1.4;margin-bottom:1rem}.blog-card .h3:hover{text-decoration:underline;text-decoration-thickness:2px}.blog-text,.profile-wrapper{display:none}.blog .wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.blog .h4{color:var(--foreground-secondary)}.blog .h4:hover{color:var(--accent)}.blog .text-sm{display:flex;align-items:center;gap:5px;color:var(--foreground-tertiary)}.blog .separator{background:var(--foreground-tertiary);margin-inline:3px;margin:0 3px;width:3px;height:3px;border-radius:3px}@media (min-width:550px){.blog-card{display:grid;grid-template-columns:3fr 4fr;gap:20px}}@media (min-width:650px){.blog-text,.profile-wrapper{display:block}.blog-text{color:var(--foreground-secondary);font-size:var(--fs-4);display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.blog .wrapper-flex{display:flex;justify-content:start;align-items:center;gap:10px}.profile-wrapper{width:56px;height:56px;background:var(--action-primary)}.profile-wrapper,.profile-wrapper img{border-radius:50%}.blog .wrapper{flex-direction:column;align-items:start;gap:0}}.dark-theme .blog-topic{background:var(--action-primary);color:var(--foreground-secondary)}.dark-theme .blog-topic:hover{background:var(--foreground-primary);color:var(--action-primary)}.blog .h2{line-height:1.3;text-align:center}.blog .h2,.blog-card-group{margin-bottom:3rem}.load-more{margin-inline:auto;margin:auto;background:var(--foreground-secondary);color:var(--background-secondary);padding:.6875rem 1.1875rem}.load-more:hover{background:var(--accent)}@media (min-width:650px){.blog .h2{position:relative;text-align:left;padding-left:2rem}.blog .h2:before{content:"";position:absolute;top:0;left:0;background:var(--action-primary);width:5px;height:100%;border-radius:5px}}.dark-theme .load-more:hover{color:var(--white)}