.container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
        .section { padding: 64px 0; }
        .section--muted {
          background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
          border-top: 1px solid rgba(255,255,255,0.03);
          border-bottom: 1px solid rgba(255,255,255,0.03);
        }
        .stack > * + * { margin-top: 20px; }
        .cards-grid { display: grid; gap: 24px; }
        .cards-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cards-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .cards-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        .hero__grid, .page-intro__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr); gap: 32px; align-items: start; }
        .article-layout__grid { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 32px; align-items: start; }
        .article-content { display: grid; gap: 32px; min-width: 0; }
        .section-heading { display: grid; gap: 16px; margin-bottom: 32px; max-width: 760px; }
        .section-actions { margin-top: 24px; }
        .app-feature { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 0.9fr); gap: 32px; align-items: center; }