/* Entry points only. The accepted article design has its own versioned CSS. */
.af-production-guides { margin-top: 5rem; margin-bottom: 5rem; }
.af-production-guides > h2 { font-size: 1.9rem; font-weight: 500; line-height: 1.25; margin-bottom: 2rem; }
.af-production-guides__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.af-production-guides__card { border-top: 1px solid #d8d8d8; padding-top: 1.25rem; min-width: 0; }
.af-production-guides__card h3 { font-size: 1.25rem; font-weight: 500; line-height: 1.4; margin: 0 0 .75rem; }
.af-production-guides__card a { color: #373737; text-decoration: none; }
.af-production-guides__card a:hover, .af-production-guides__card a:focus-visible { text-decoration: underline; text-underline-offset: .2em; }
.af-production-guides__card a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.af-production-guides__card p { color: #6c6c6c; font-size: 1rem; line-height: 1.6; margin: 0; }
@media (max-width: 850px) { .af-production-guides__grid { grid-template-columns: 1fr; gap: 1.75rem; } }
@media (max-width: 650px) { .af-production-guides { margin-top: 3rem; margin-bottom: 3rem; } }