.page-articles .article-catalog,.page-article-read .article-reading{padding:56px 0 80px;background:#f3f6f7;color:#102b3d}
.article-filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.article-filters{display:flex;flex-wrap:wrap;gap:10px}.article-filters button{font:inherit;border:1px solid #bfcbd1;border-radius:24px;background:transparent;color:#193747;padding:8px 18px;min-height:44px;cursor:pointer}.article-filters button[aria-pressed=true]{background:#102b3d;color:#f6e5bf;border-color:#102b3d}
.article-filters button:focus-visible,.article-catalog a:focus-visible{outline:3px solid #a58345;outline-offset:4px}
.article-count,.article-status{font-size:14px;color:#526b7b}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.article-card{padding:30px;background:white;border:1px solid #d6e0e5;border-radius:10px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.article-card-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#806331;font-size:13px}.article-card h2{font-size:25px;line-height:1.6;margin:18px 0}.article-card h2 a{color:#102b3d;text-decoration:none}.article-card p{color:#526b7b;font-size:16px;line-height:1.9;margin:0 0 24px}.article-read{color:#285e6e;text-underline-offset:5px;margin-top:auto;min-height:44px;display:inline-flex;align-items:center}
.article-reading .wrap{max-width:820px}.page-article-read .article-reading h1{font-size:clamp(28px,4vw,42px);line-height:1.5;margin:22px 0 28px}.article-reading .article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#806331;font-size:14px}.article-reading .article-summary{font-size:19px;line-height:1.9;border-left:3px solid #b69b61;padding:14px 22px;margin:28px 0 40px;background:#e9eff2}.article-body p{font-size:17px;line-height:2;white-space:pre-line;margin:0 0 26px}.article-back{display:inline-flex;min-height:44px;align-items:center;color:#285e6e;text-underline-offset:5px}.article-reading [hidden]{display:none}
@media(max-width:800px){.article-grid{grid-template-columns:minmax(0,1fr)}.article-card{padding:24px}.article-card h2{font-size:23px}}

.article-filters[hidden]{display:none}.article-grid.single-article{grid-template-columns:minmax(0,820px)}.article-card.recommended-article{border-top:3px solid #c4a35f}.article-card .article-recommendation{color:#806331;font-size:14px;margin:0 0 18px;letter-spacing:.08em}.article-card .article-reading-guide{padding:16px 18px;background:#eaf0f2;border-left:3px solid #a6bfc9;font-size:15px}.single-article .article-card h2{max-width:26em}