/* Базовый reset */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#202124;}
a{text-decoration:none;colorinherit;}

/* Шапка */
.blog-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0}
.blog-header .container{display:flex;align-items:center;padding:10px 20px}
.logo img{height:32px}
nav ul{list-style:none;margin-left:auto;}
nav li{display:inline-block;margin-left:15px}

/* Основной контейнер */
.blog-main{padding:20px}
.post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}

/* Карточка поста */
.post-card{background:#fff;padding:20px;border:1px solid #e0e0e0;border-radius:4px;}
.post-card h2{font-size:1.25rem;margin-bottom:10px}
.post-card p{margin-bottom:10px;line-height:1.6}
.post-date{font-size:.85rem;color:#5f6368;text-align:right}

.post-card{position:relative;}
.post-img{display:block;margin-bottom:10px;overflow:hidden;}
.post-img img{
    width:100%;
    height:auto;
    display:block;
}


/* Подвал */
.blog-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:10px 20px;font-size:.875rem;}