/* Blog y artículos sobre el sistema visual público Lynora. */
.landing-page.editorial-page main,
.landing-page.policy-page main { padding-top: 78px; }

.landing-page .editorial-hero,
.landing-page .article-header,
.landing-page .policy-hero {
  background: var(--page-bg);
}

.landing-page .editorial-hero-grid {
  gap: clamp(48px, 8vw, 110px);
  align-items: center;
}

.landing-page .editorial-hero h1,
.landing-page .article-header h1,
.landing-page .policy-hero h1 {
  max-width: 12ch;
  font-size: clamp(3.2rem, 6vw, 6.2rem);
  line-height: .92;
  letter-spacing: -.045em;
}

.landing-page .editorial-hero-media {
  overflow: hidden;
  border-radius: 46px 3px 46px 3px;
  box-shadow: var(--shadow-soft);
}

.landing-page .editorial-hero-media img { width: 100%; height: 100%; object-fit: cover; }

.landing-page .blog-index { background: var(--section-bg); }
.landing-page .blog-grid { border-top: 2px solid var(--ink); }
.landing-page .blog-card,
.landing-page .blog-card:nth-child(odd),
.landing-page .blog-card:nth-child(even) {
  margin: 0;
  padding: 30px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.landing-page .blog-card h2 { max-width: 24ch; font-size: clamp(1.7rem, 3vw, 2.7rem); }
.landing-page .blog-card-meta,
.landing-page .article-kicker,
.landing-page .article-meta { color: var(--teal); font-family: 'JetBrains Mono', monospace; }
.landing-page .text-link { color: var(--accent-strong); font-weight: 700; }

.landing-page .article-layout { gap: clamp(45px, 8vw, 110px); }
.landing-page .article-aside {
  position: sticky;
  top: 104px;
  align-self: start;
  padding: 22px;
  border: 1px solid color-mix(in srgb, white 38%, transparent);
  background: color-mix(in srgb, var(--section-bg) 72%, transparent);
  backdrop-filter: blur(20px) saturate(145%);
  -webkit-backdrop-filter: blur(20px) saturate(145%);
}

.landing-page .article-content { color: var(--ink); }
.landing-page .article-content :is(table, pre, blockquote, .markov-simulator, .article-cta) {
  border-radius: 3px 24px 3px 24px;
}

.landing-page .article-cta {
  border: 0;
  background: #0e1629;
  color: #fffdf9;
}
.landing-page .article-cta p { color: #d6deea; }

.landing-page .liquid-glass-panel,
.landing-page .mobile-nav-panel {
  border: 1px solid color-mix(in srgb, white 34%, transparent);
  background: color-mix(in srgb, var(--section-bg) 76%, transparent);
  box-shadow: -18px 0 50px rgba(14, 22, 41, .18);
  backdrop-filter: blur(24px) saturate(155%);
  -webkit-backdrop-filter: blur(24px) saturate(155%);
}

@media (max-width: 760px) {
  .landing-page.editorial-page main,
  .landing-page.policy-page main { padding-top: 68px; }
  .landing-page .article-aside { position: static; }
}