/* Базовые */
* { box-sizing: border-box; }
body{
    font-family: Arial, sans-serif;
    margin:0; padding:0;
    color:#1c2a3a;
    background: linear-gradient(135deg,#f9f9f9,#eaf3ff);
}

/* Контейнер */
.container{
    background:#ffffff;
    padding:20px;
    max-width:900px;
    margin:30px auto;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,0,60,0.1);
}

/* Страховка: любые изображения в контенте не больше контейнера */
.container img{ max-width:100%; height:auto; }

/* Заголовок */
header{ text-align:center; margin-bottom:30px; }
header h1{ font-size:2.5em; color:#0056a6; margin-bottom:10px; }

/* Категории — аккуратный навбар */
.categories{
    margin:15px 0 10px;
    display:flex; justify-content:center; gap:24px; flex-wrap:wrap;
    border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;
    padding:10px 0;
}
.categories a{
    text-decoration:none; color:#222; font-size:15px; font-weight:500; transition:color .2s;
}
.categories a:hover{ color:#0056a6; }

/* Кнопки авторизации */
.auth-buttons{ margin:14px 0 24px; text-align:center; }
.auth-buttons a{
    margin:0 8px; padding:8px 14px; text-decoration:none; border-radius:6px;
    border:1px solid #ccc; background:#fff; color:#333; font-weight:600; font-size:14px;
    transition:all .2s;
}
.auth-buttons a:hover{ background:#f6f6f6; border-color:#9a9a9a; }

/* Список статей (основные карточки переназначены в index.php инлайном) */
.article{
    background:#ffffff;
    border-left:5px solid #f39c12;
    padding:15px 20px;
    margin-bottom:20px;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,50,0.05);
}
.article h3{ margin-top:0; color:#003d73; }
.article p, .article-content{ line-height:1.6; color:#2f3b47; }

/* Аватар */
.article-header{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.article-header img{ width:40px; height:40px; border-radius:50%; object-fit:cover; border:2px solid #f9d71c; }
.article-header .author{ font-weight:bold; font-size:14px; color:#0056a6; }
.article-header .date{ font-size:12px; color:#666; }

/* Футер (перестраховка на случай отсутствия inline-стиля) */
footer{
    margin-top:40px; padding:15px; text-align:center;
    background: rgba(0,86,166,0.85); color:#fff; border-radius:8px; font-size:14px;
}
footer a{ color:#f9d71c; text-decoration:none; font-weight:bold; }
footer a:hover{ text-decoration:underline; }