/* Раздел «Статьи» — расширение podium-landing.css, использует те же CSS-переменные (:root) */

.articles-hero{max-width:680px;margin:0 0 48px;}
.articles-hero h1{font-size:clamp(30px,4vw,44px);}
.articles-hero p{color:var(--ink-soft);font-size:18px;}

.tag-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px;}
.tag-pill{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;
  letter-spacing:.02em;color:var(--ink-soft);
  background:var(--bg-card);border:1px solid var(--border);
  padding:8px 16px;border-radius:999px;cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.tag-pill:hover{border-color:var(--violet);color:var(--violet-2);}
.tag-pill.is-active{background:var(--ink);color:#fff;border-color:var(--ink);}

.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;}

.article-card{
  display:flex;flex-direction:column;gap:14px;
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius-m);
  padding:28px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:transparent;}
.article-card-link{display:flex;flex-direction:column;gap:14px;flex:1;text-decoration:none;color:inherit;}
.article-card-tags{display:flex;flex-wrap:wrap;gap:6px;}
.article-card-tag{
  font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;
  color:var(--violet-2);background:rgba(109,40,255,.08);
  padding:4px 10px;border-radius:999px;
}
.article-card h3{font-size:19px;margin:0;}
.article-card p{color:var(--ink-soft);font-size:15px;margin:0;flex:1;}
.article-card-meta{
  font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--ink-faint);
  display:flex;justify-content:space-between;align-items:center;
}

.articles-empty{
  border:1px dashed var(--border);border-radius:var(--radius-m);
  padding:48px 32px;text-align:center;color:var(--ink-soft);font-size:16px;
}

/* Страница отдельной статьи */
.article-back{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;
  color:var(--ink-soft);text-decoration:none;margin-bottom:32px;
}
.article-back:hover{color:var(--violet-2);}
.article-hero{max-width:760px;margin:0 auto 48px;}
.article-hero h1{font-size:clamp(28px,4vw,42px);}
.article-hero-meta{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px;
}
.article-body{max-width:760px;margin:0 auto;font-size:17.5px;color:var(--ink);}
.article-body h2{font-size:26px;margin-top:1.6em;}
.article-body h3{font-size:21px;margin-top:1.4em;}
.article-body p{margin:0 0 1.2em;color:var(--ink);}
.article-body ul,.article-body ol{margin:0 0 1.2em;padding-left:1.3em;list-style:disc;}
.article-body ol{list-style:decimal;}
.article-body li{margin-bottom:.5em;}
.article-body a{color:var(--violet-2);text-decoration:underline;}
.article-body blockquote{
  margin:1.6em 0;padding:20px 26px;border-left:3px solid var(--violet);
  background:var(--bg-card);border-radius:0 var(--radius-s) var(--radius-s) 0;
  font-style:italic;color:var(--ink-soft);
}
.article-source{
  max-width:760px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--border);
  font-size:14px;color:var(--ink-faint);
}
.article-source a{color:var(--violet-2);}
.article-cta{
  max-width:760px;margin:56px auto 0;
}

@media (max-width:640px){
  .articles-grid{grid-template-columns:1fr;}
}