.articles-page { padding:76px 7%;min-height:65vh; }
.articles-intro { max-width:850px;margin-bottom:48px; }
.articles-intro h1 { margin:20px 0; }
.articles-intro p { max-width:650px;color:var(--muted); }
.article-toolbar { display:grid;grid-template-columns:1fr 260px;gap:14px;margin-bottom:26px; }
.article-toolbar input,.article-toolbar select { width:100%;padding:13px 14px;border:1px solid var(--border);background:#fff;font:inherit; }
.article-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.article-card { border:1px solid var(--border);background:#fff;display:flex;flex-direction:column;min-height:320px; }
.article-card__image { aspect-ratio:16/9;background:#e7e3dd;overflow:hidden; }
.article-card__image img { width:100%;height:100%;object-fit:cover; }
.article-card__content { padding:22px;display:flex;flex-direction:column;flex:1; }
.article-card__meta { color:#9a632f;font-size:10px;letter-spacing:.12em; }
.article-card h2 { font-size:23px;margin:14px 0; }
.article-card p { color:var(--muted);font-size:14px; }
.article-card a { margin-top:auto;padding-top:22px;font-size:13px;font-weight:600; }
.article-empty { padding:34px;border:1px dashed var(--border);color:var(--muted); }
.article-page { max-width:1160px;margin:auto;padding:64px 7%; }
.article-breadcrumb { font-size:12px;color:var(--muted);margin-bottom:34px; }
.article-header { max-width:850px;margin-bottom:42px; }
.article-header h1 { margin:18px 0; }
.article-header>p { color:var(--muted);font-size:17px;line-height:1.8;margin:0 0 22px;max-width:720px; }
.article-header__meta { display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted); }
.article-cover { width:100%;aspect-ratio:16/8;object-fit:cover;background:#e7e3dd;margin-bottom:44px; }
.article-layout { display:grid;grid-template-columns:minmax(0,720px) 260px;gap:80px; }
.article-body { font-size:17px;line-height:1.85; }
.article-body h2 { font-size:32px;margin:46px 0 16px; }
.article-body h3 { font-size:23px;margin:32px 0 12px; }
.article-body p,.article-body ul,.article-body ol { margin:0 0 22px; }
.article-body blockquote { margin:38px 0;padding:24px 28px;border-left:3px solid #b87533;background:#eee9e1;font:24px/1.55 Lora,Georgia,serif;color:#4a4138; }
.article-body img { max-width:100%;height:auto; }
.article-aside { border-left:1px solid var(--border);padding-left:24px;align-self:start;position:sticky;top:30px; }
.article-aside p { color:var(--muted);font-size:13px;margin:12px 0 20px; }
.article-card__image:empty { display:grid;place-items:center;background:linear-gradient(135deg,#ddd6cb,#f2eee8); }
.article-card__image:empty:after { content:'DOOR WITH VALUE';font-size:10px;letter-spacing:.22em;color:#765b43; }
@media(max-width:800px){.article-toolbar,.article-layout{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.article-aside{position:relative;border-left:0;border-top:1px solid var(--border);padding:24px 0 0}.article-page,.articles-page{padding:52px 7%}}