.blog-page {
  --paper: #ffffff;
  --paper-light: #ffffff;
  --ink: #0b0d10;
  --graphite: #07090b;
  --line-dark: rgba(11,13,16,.18);
  background: #fff;
}

.blog-site-header {
  color: #fff;
  border-color: rgba(255,255,255,.14);
  background: rgba(7,9,11,.94);
  backdrop-filter: blur(18px);
}
.blog-site-header .main-nav { color: rgba(255,255,255,.7); }
.blog-site-header .main-nav a::after { background: var(--green); }
.blog-telegram-link { border-color: rgba(255,255,255,.48); color: #fff; }
.blog-telegram-link:hover { border-color: #fff; background: #fff; color: var(--ink); }

.blog-hero {
  min-height: 820px;
  padding: 120px max(48px, calc((100vw - min(1380px, calc(100vw - 96px))) / 2)) 82px;
  grid-template-columns: minmax(0,1.55fr) minmax(330px,.55fr);
  gap: 7vw;
  background: radial-gradient(circle at 42% 48%, #11151a 0, #0b0d10 40%, #07090b 78%);
}
.blog-hero::before { display: none; }
.blog-hero-grid { opacity: .25; mask-image: linear-gradient(90deg,#000,transparent 76%); }
.blog-hero h1 { font-family: var(--display); font-size: clamp(84px,9vw,138px); font-weight: 800; line-height: .78; }
.blog-hero-lead { border-left-width: 2px; }
.blog-channel-card {
  min-height: 440px;
  padding: 42px 34px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.65);
  border-bottom: 1px solid rgba(255,255,255,.24);
  background: transparent;
  backdrop-filter: none;
}
.blog-channel-card:hover { border-color: var(--blue); transform: translateY(-3px); }
.blog-channel-card::before { display: none; }
.blog-channel-orbit {
  top: 42px;
  left: 34px;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid var(--blue);
  color: var(--blue);
}
.blog-channel-card small { color: var(--red); }
.blog-channel-card > b i { color: var(--blue); }

.blog-index,
.blog-principles { background: #fff; }
.blog-index {
  padding-inline: max(48px, calc((100vw - min(1380px, calc(100vw - 96px))) / 2));
}
.blog-index-head h2,
.blog-principles-head h2 { font-family: var(--display); font-weight: 800; }
.blog-controls { border-left: 0; border-right: 0; background: transparent; }
.blog-filters button { min-height: 40px; border-radius: 0; font-size: 8px; }
.blog-card,
.blog-empty-state { background: transparent; }
.blog-card::before { display: none; }
.blog-card:hover { box-shadow: none; }
.blog-principles { padding-inline: max(48px, calc((100vw - min(1380px, calc(100vw - 96px))) / 2)); }

.article-page { background: #fff; }
.article-hero { background: #07090b; }
.article-hero::after { display: none; }
.article-content blockquote,
.article-aside-card { background: #fff; }

.blog-footer { border-color: rgba(255,255,255,.14); background: #07090b; color: #fff; }
.blog-footer p,
.blog-footer div { color: rgba(255,255,255,.58); }

@media (max-width: 900px) {
  .blog-site-header .menu-toggle { border-color: rgba(255,255,255,.45); color: #fff; }
  .blog-site-header .mobile-menu { color: var(--ink); }
  .blog-hero { padding: 130px 22px 76px; grid-template-columns: 1fr; }
  .blog-hero h1 { font-size: clamp(58px,16vw,72px); }
  .blog-index,
  .blog-principles { padding-inline: 22px; }
}