.btn-primary,
a.btn-primary,
a[href].btn-primary {
  color: var(--color-text-graphite);
}
.devlog section:nth-child(even){background:var(--color-surface-alabaster)}
.devlog-hero-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}
.devlog-hero-text{max-width:680px}
.devlog-hero-image{max-width:720px}

.devlog-origin-text{max-width:720px}

.devlog-grid-3{display:grid;grid-template-columns:1fr;gap:var(--space-3)}
@media(min-width:768px){.devlog-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

.devlog-behind-inner{display:grid;grid-template-columns:1fr;gap:var(--space-3)}
@media(min-width:768px){.devlog-behind-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}

.devlog-visual-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}
.devlog-visual-text{max-width:680px}

.devlog-quote-inner{display:flex;justify-content:center}
.devlog-quote blockquote{max-width:600px;text-align:center;font-size:var(--text-md)}

.devlog-community-inner{display:grid;grid-template-columns:1fr;gap:var(--space-3)}
@media(min-width:768px){.devlog-community-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}

.devlog-cta-inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

.btn-primary:hover{animation:pulse 0.6s ease}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}