.article-list-hero{padding-block:64px}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.article-card{overflow:hidden;display:flex;flex-direction:column;min-width:0}
.article-card-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-card-content{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:var(--muted,#667085);font-size:13px;line-height:1.8}
.article-meta time{direction:ltr}
.article-card h2{font-size:21px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.article-card h2 a{color:var(--primary);text-decoration:none}
.article-card p{margin:0;line-height:1.9;color:var(--muted,#667085);overflow-wrap:anywhere}
.article-read-link{color:var(--primary);font-weight:700;margin-top:auto;padding-top:8px;text-decoration:none}
.article-reading{max-width:860px;margin-inline:auto;overflow-wrap:anywhere}
.article-reading h1{font-size:clamp(26px,4vw,42px);line-height:1.6;margin:20px 0 12px;color:var(--primary)}
.article-intro{font-size:19px;line-height:2;color:var(--muted,#667085);margin-block:24px}
.article-main-cover{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:16px;margin-block:28px}
.article-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;line-height:2.1;margin-top:28px}
.article-back{font-size:14px;color:var(--primary)}
.article-bottom-back{margin-top:36px}
.article-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:20px}
.article-filters .field{flex:1;min-width:180px}
.article-editor{max-width:1000px}
.article-body-input{min-height:420px;line-height:2;resize:vertical}
.article-cover-preview{display:block;max-width:320px;width:100%;max-height:200px;object-fit:contain;border-radius:12px;margin-bottom:12px}
.article-remove-cover{display:flex;gap:8px;align-items:center}
.article-remove-cover input{width:auto}
.article-public-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:700px;margin-bottom:32px}
.article-public-search input{flex:1;min-width:160px}
@media(max-width:1000px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.articles-grid{grid-template-columns:minmax(0,1fr);gap:18px}.article-list-hero{padding-block:40px}.article-card-content{padding:20px}.article-body{font-size:17px}.article-filters .field{min-width:100%}}

.article-public-search .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}