/* Blog visual system — Частный Собеседник, blog-hybrid-v1 */
:root {
  --blog-bg: #070707;
  --blog-ink: #f2eadc;
  --blog-muted: rgba(242,234,220,.72);
  --blog-soft: rgba(242,234,220,.52);
  --blog-gold: #ffe7b8;
  --blog-gold-2: #ffd58a;
  --blog-line: rgba(255,222,156,.18);
  --blog-card: rgba(255,255,255,.035);
  --blog-card-2: rgba(255,222,156,.06);
}
body.blog-journal,
body.blog-index,
body.blog-category {
  margin: 0;
  color: var(--blog-ink);
  background:
    radial-gradient(900px 620px at 18% -12%, rgba(255,222,156,.085), transparent 58%),
    radial-gradient(760px 540px at 86% 10%, rgba(255,222,156,.045), transparent 60%),
    var(--blog-bg);
  font-family: 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.62;
  min-height: 100vh;
}
.blog-shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 28px 0 72px; }
.blog-nav { display:flex; align-items:center; justify-content:space-between; gap:18px; padding: 18px 0 24px; border-bottom:1px solid rgba(255,222,156,.10); margin-bottom:34px; }
.blog-nav__brand { color:var(--blog-ink); text-decoration:none; font-size:18px; letter-spacing:.02em; }
.blog-nav__brand span { color:var(--blog-gold); }
.blog-nav__links { display:flex; flex-wrap:wrap; gap:14px; font-size:14px; }
.blog-nav__links a { color:rgba(242,234,220,.68); text-decoration:none; }
.blog-nav__links a:hover, .blog-nav__links .is-active { color:var(--blog-gold); }
.blog-article-hero { display:grid; grid-template-columns: minmax(0,1.05fr) minmax(300px,.78fr); gap:34px; align-items:center; margin: 16px 0 34px; }
.blog-eyebrow { margin:0 0 10px; color:rgba(255,222,156,.68); text-transform:uppercase; letter-spacing:.15em; font-size:12px; font-weight:560; }
.blog-h1 { margin:0 0 18px; color:var(--blog-gold); font-size:clamp(34px,5vw,58px); line-height:1.05; letter-spacing:-.035em; }
.blog-lead { margin:0; color:rgba(242,234,220,.84); font-size:18px; max-width:740px; }
.blog-meta-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.blog-pill { border:1px solid var(--blog-line); border-radius:999px; padding:7px 12px; color:rgba(242,234,220,.74); background:rgba(255,255,255,.025); font-size:13px; }
.blog-hero-figure { margin:0; padding:10px; border:1px solid var(--blog-line); border-radius:26px; background:linear-gradient(145deg, rgba(255,222,156,.08), rgba(255,255,255,.015)); box-shadow:0 24px 80px rgba(0,0,0,.40); }
.blog-hero-figure img { display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; border-radius:19px; background:#000; }
.blog-layout { display:grid; grid-template-columns:minmax(0,1fr) 286px; gap:28px; align-items:start; }
.blog-main { display:flex; flex-direction:column; gap:18px; }
.blog-article-card, .blog-note, .blog-source, .blog-related, .blog-category-card, .blog-latest { border:1px solid var(--blog-line); border-radius:22px; background:linear-gradient(160deg, var(--blog-card), rgba(255,255,255,.018)); padding:24px; box-shadow:0 18px 48px rgba(0,0,0,.24); }
.blog-article-card h2, .blog-note h2, .blog-source h2, .blog-related h2, .blog-side-card h2 { margin:0 0 12px; color:var(--blog-gold); font-size:24px; line-height:1.2; letter-spacing:-.015em; }
.blog-article-card p, .blog-note p, .blog-source p { margin:0 0 13px; color:rgba(242,234,220,.86); font-size:16.5px; }
.blog-article-card p:last-child, .blog-note p:last-child, .blog-source p:last-child { margin-bottom:0; }
.blog-insight-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 18px; }
.blog-mini { border:1px solid rgba(255,222,156,.15); border-radius:17px; background:rgba(255,222,156,.04); padding:16px; }
.blog-mini strong { display:block; color:var(--blog-gold); margin-bottom:7px; }
.blog-mini span { color:rgba(242,234,220,.72); font-size:14px; }
.blog-note { background:linear-gradient(150deg, rgba(255,222,156,.07), rgba(255,255,255,.02)); }
.blog-source a, .blog-related a, .blog-cta a, .blog-category-card a { color:var(--blog-gold-2); }
.blog-side { position:sticky; top:20px; display:flex; flex-direction:column; gap:14px; }
.blog-side-card { border:1px solid rgba(255,222,156,.14); border-radius:18px; background:rgba(255,255,255,.025); padding:18px; }
.blog-side-card p, .blog-side-card li { color:rgba(242,234,220,.72); font-size:14px; }
.blog-side-card ul { margin:0; padding-left:18px; }
.blog-cta { display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }
.blog-cta a { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 15px; border-radius:999px; border:1px solid rgba(255,222,156,.26); text-decoration:none; background:rgba(255,222,156,.045); font-size:14px; }
.blog-cta a.primary { color:#111; background:var(--blog-gold); border-color:var(--blog-gold); }
.blog-footer { width:min(1120px, calc(100% - 40px)); margin:0 auto; padding:26px 0 42px; border-top:1px solid rgba(255,222,156,.10); color:rgba(242,234,220,.55); display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; font-size:13px; }
.blog-footer a { color:rgba(242,234,220,.68); text-decoration:none; }
.blog-index-hero { padding:32px 0 28px; border-bottom:1px solid rgba(255,222,156,.11); margin-bottom:28px; }
.blog-index-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(255px,1fr)); gap:16px; }
.blog-category-card { display:block; color:var(--blog-ink); text-decoration:none; min-height:150px; transition:transform .15s ease, border-color .15s ease, background .15s ease; }
.blog-category-card:hover { transform:translateY(-2px); border-color:rgba(255,222,156,.42); background:rgba(255,222,156,.06); }
.blog-category-card h2 { color:var(--blog-gold); margin:0 0 9px; font-size:20px; }
.blog-category-card p { color:rgba(242,234,220,.72); margin:0 0 12px; font-size:14px; }
.blog-category-card small { color:rgba(255,222,156,.58); letter-spacing:.08em; text-transform:uppercase; }
.blog-post-list { display:grid; gap:14px; }
.blog-post-list a { display:grid; grid-template-columns:86px minmax(0,1fr); gap:16px; align-items:center; color:var(--blog-ink); text-decoration:none; border:1px solid var(--blog-line); border-radius:18px; padding:14px; background:rgba(255,255,255,.025); }
.blog-post-list img { width:86px; height:86px; border-radius:13px; object-fit:cover; background:#000; }
.blog-post-list h2 { margin:0 0 6px; color:var(--blog-gold); font-size:18px; }
.blog-post-list p { margin:0; color:rgba(242,234,220,.70); font-size:14px; }
.blog-post-list time { display:block; color:rgba(255,222,156,.55); font-size:12px; margin-bottom:4px; }
@media (max-width: 860px) { .blog-article-hero, .blog-layout { grid-template-columns:1fr; } .blog-side { position:static; } .blog-insight-grid { grid-template-columns:1fr; } .blog-shell { width:min(100% - 28px,1120px); } }
@media (max-width: 560px) { .blog-nav { align-items:flex-start; flex-direction:column; } .blog-post-list a { grid-template-columns:1fr; } .blog-post-list img { width:100%; height:auto; aspect-ratio:1/1; } .blog-article-card, .blog-note, .blog-source, .blog-related { padding:19px; border-radius:18px; } }