.manuals-hero h1 { font-size: clamp(2.55rem, 4vw, 3.7rem); }
.manuals-hero .ordering-hero-copy { padding-left: 10px; }
/* Show the original photograph from the supplied reference. */
.manuals-photo { position: relative; overflow: hidden; width: 100%; aspect-ratio: 270 / 180; border-radius: 9px; background: #d8ddde; }
.manuals-photo img { position: absolute; width: calc(709 / 270 * 100%); max-width: none; height: auto; left: calc(-349 / 270 * 100%); top: calc(-326 / 180 * 100%); }
.manuals-process h2 em { display: inline-block; }
.manuals-intro { max-width: 570px; margin: 18px auto 0; color: var(--muted); line-height: 1.7; }
.manuals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 0; padding: 0; list-style: none; }
.manuals-grid > li { display: flex; min-width: 0; }
.manual-card { display: flex; flex-direction: column; width: 100%; overflow: hidden; border: 1px solid #edc1b5; border-radius: 10px; background: #faf9f8; }
.manual-card > img { width: 100%; height: auto; aspect-ratio: 1.65; object-fit: cover; }
.manual-card-content { display: flex; flex: 1; flex-direction: column; padding: 28px; }
.manual-card h3 { margin: 0 0 12px; font-family: var(--heading); font-size: 1.8rem; line-height: 1.1; letter-spacing: -.035em; }
.manual-card p { margin: 0 0 24px; color: var(--muted); line-height: 1.7; }
.manual-read { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 48px; margin-top: auto; padding-block: 11px; border-bottom: 1px solid var(--coral); font-size: .9375rem; font-weight: 800; }
.manual-read > span { color: var(--coral); font-size: 1.4rem; line-height: 1; }
.manual-read:hover, .manual-read:focus-visible { color: #a83e2d; }
.manual-product-link { align-self: start; margin-top: 12px; padding-block: 7px; color: var(--muted); font-size: .875rem; text-decoration: underline; text-underline-offset: 4px; }
.manual-product-link:hover, .manual-product-link:focus-visible { color: var(--green-dark); }
@media (max-width: 1000px) {
  .manuals-hero .ordering-hero-copy { padding-left: 0; }
  .manuals-grid { gap: 16px; }
  .manual-card-content { padding: 23px 20px; }
}
@media (max-width: 760px) {
  .manuals-hero h1 { font-size: clamp(2.55rem, 7.2vw, 3.7rem); }
  .manuals-grid { grid-template-columns: 1fr; max-width: 510px; margin-inline: auto; gap: 24px; }
  .manual-card-content { padding: 28px; }
}
@media (max-width: 520px) {
  .manuals-hero h1 { font-size: clamp(1.9rem, 7.6vw, 2.5rem); }
  .manuals-process h2 { font-size: clamp(2.25rem, 8.7vw, 3rem); }
  .manual-card-content { padding: 24px; }
}