/* Общий CSS для контентных страниц Toksy.
   Большая часть стилей встроена в PageLayout, тут — только доработки. */

/* Таблицы */
.page table { width:100%; border-collapse:collapse; margin:24px 0; font-size:15px; }
.page th, .page td { padding:12px 16px; text-align:left; border-bottom:1px solid var(--border); }
.page th { font-weight:600; background:#fafafa; }

/* Изображения */
.page img { max-width:100%; height:auto; border-radius:12px; }

/* Callout-блоки */
.callout { border-left:4px solid var(--brand); background:#f5f9ff;
           padding:16px 20px; border-radius:8px; margin:24px 0; }
.callout p:first-child { margin-top:0; }
.callout p:last-child  { margin-bottom:0; }

/* Сетка из двух колонок */
.cols-2 { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
@media (max-width:720px){ .cols-2 { grid-template-columns:1fr; } }

/* Блог: список статей */
.post-list { display:grid; gap:24px; margin:32px 0; }
.post-item {
    border:1px solid var(--border); border-radius:14px; padding:24px;
    transition:box-shadow .2s;
}
.post-item:hover { box-shadow:0 8px 24px rgba(0,0,0,.06); }
.post-item h3 { margin:0 0 8px; font-size:20px; }
.post-item h3 a { color:var(--text); }
.post-item h3 a:hover { color:var(--brand); text-decoration:none; }
.post-item .meta { font-size:13px; color:var(--muted); margin-bottom:8px; }
.post-item .excerpt { color:#444; font-size:15px; margin:0; }