/* "Start here" pinned guides on the Stains, Homemade Cleaners and Cleaning Routines pages (fsos_start_here() in functions.php).
   Same cards as the Start here row of Homemade Mixes and Freezer Meals (mix-library.css). */
.fsos-start { margin: 0 0 1.6rem; }
.fsos-start__h { margin: .4rem 0 .8rem; padding-bottom: .35rem; border-bottom: 2px solid var(--wp--preset--color--jade-deep); font: 500 clamp(1.4rem, 3vw, 1.8rem) var(--wp--preset--font-family--display); color: var(--wp--preset--color--jade-deep); }
.fsos-start__cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; }
.fsos-start__cards.is-one { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
@media (max-width: 699px) { .fsos-start__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fsos-start__cards.is-one { grid-template-columns: minmax(0, 1fr); } }
.fsos-start__cards li { display: flex; }
.fsos-start__card { display: flex; flex-direction: column; width: 100%; overflow: hidden; background: #fff; border: 1px solid var(--wp--preset--color--rule); border-radius: 16px; text-decoration: none; color: var(--wp--preset--color--ink); transition: transform .2s, box-shadow .2s; }
a.fsos-start__card:hover { transform: translateY(-2px); box-shadow: 0 14px 26px -16px rgba(29, 58, 37, .55); }
.fsos-start__card > img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.fsos-start__body { display: grid; gap: .35rem; padding: .9rem 1rem 1rem; }
.fsos-start__cat { font: .72rem var(--wp--preset--font-family--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--graphite); }
.fsos-start__name { font: 500 1.35rem/1.2 var(--wp--preset--font-family--display); color: var(--wp--preset--color--forest); }
.fsos-start__card.is-soon { border: 2px dashed var(--wp--preset--color--jadeite); background: var(--wp--preset--color--linen, #f5f8f6); }
.fsos-start__card.is-soon .fsos-start__name { font-size: 1.15rem; }
.fsos-rr__start-here { width: min(1280px, 100% - 2rem); margin: 1.5rem auto 0; }