/* Bootstrap-like utilities for article content
 * Подключается на страницах /articles/<slug>/ для статей с 2026-07-09.
 * Использует префикс .article-content чтобы не ломать остальные страницы.
 */
.article-content .row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}
.article-content .row>*{box-sizing:border-box;padding-right:.75rem;padding-left:.75rem;margin-bottom:1.5rem}
.article-content .col{flex:1 0 0;max-width:100%}
.article-content .col-6{flex:0 0 50%;max-width:50%}
.article-content .col-md-4{flex:0 0 100%;max-width:100%}
@media (min-width:768px){.article-content .col-md-4{flex:0 0 33.3333%;max-width:33.3333%}}
.article-content .g-3{margin-right:-.5rem;margin-left:-.5rem}
.article-content .g-3>*{padding-right:.5rem;padding-left:.5rem}
.article-content .my-3{margin-top:1rem;margin-bottom:1rem}
.article-content .my-4{margin-top:1.5rem;margin-bottom:1.5rem}
.article-content .mt-4{margin-top:1.5rem}
.article-content .img-fluid{max-width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover;border-radius:.5rem}
.article-content .rounded{border-radius:.25rem}
.article-content .rounded-3{border-radius:.5rem}
.article-content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-content .table-responsive>.table{margin-bottom:0}
.article-content .table{width:100%;border-collapse:collapse;margin:1rem 0}
.article-content .table th,.article-content .table td{border:1px solid #e0e0e0;padding:.5rem .75rem;vertical-align:top;text-align:left}
.article-content .table th{background:#f5f5f5;font-weight:600}
@media (max-width:767px){.article-content .col-md-4{flex:0 0 50%;max-width:50%}}
@media (max-width:480px){.article-content .col-6{flex:0 0 100%;max-width:100%}}