.sites-web-guides .sites-web-wrap { width: min(100% - 3rem, 85rem); }
.sites-web-guides .sites-web-heading { margin-bottom: 2rem; }
.readings-carousel { --reading-columns: 1; --reading-gap: 1.25rem; min-width: 0; padding: 0; background: transparent; }
.readings-carousel__viewport { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-inline: .4rem; padding: .75rem .4rem 1.5rem; margin-inline: -.4rem; scrollbar-width: thin; scrollbar-color: #087b90 transparent; }
.readings-carousel.is-ready .readings-carousel__viewport { scrollbar-width: none; }
.readings-carousel.is-ready .readings-carousel__viewport::-webkit-scrollbar { display: none; }
.readings-carousel__viewport:focus-visible { outline: 3px solid #087b90; outline-offset: 4px; border-radius: .75rem; }
.readings-carousel__track { display: flex; gap: var(--reading-gap); margin: 0; padding: 0; list-style: none; }
.readings-carousel__slide { display: flex; flex: 0 0 calc((100% - (var(--reading-columns) - 1) * var(--reading-gap)) / var(--reading-columns)); min-width: 0; scroll-snap-align: start; }
.readings-carousel .blog-card { width: 100%; min-height: 30rem; height: 100%; border-radius: 1.25rem; }
.readings-carousel .blog-card .blog-card__body { justify-content: flex-end; min-height: 30rem; margin: 0; padding: 7rem 1.25rem 1.25rem; }
.readings-carousel .blog-card .blog-card__format { display: flex; max-height: none; opacity: 1; font-size: .65rem; }
.readings-carousel .blog-card .blog-card__meta { gap: .6rem; font-size: .68rem; }
.readings-carousel .blog-card .blog-card__category { max-width: 100%; }
.readings-carousel .blog-card :is(h2, h3),
.readings-carousel .blog-card:is(:hover, :focus-within) :is(h2, h3) { margin-top: .8rem; font-size: clamp(1.3rem, 1.5vw, 1.55rem); line-height: 1.18; text-wrap: initial; }
.readings-carousel .blog-card .blog-card__body > p,
.readings-carousel .blog-card:is(:hover, :focus-within) .blog-card__body > p { max-height: none; margin: .9rem 0 1.1rem; opacity: 1; font-size: .9rem; line-height: 1.55; -webkit-line-clamp: 3; }
.readings-carousel .blog-card .blog-card__link { padding-top: 1rem; font-size: .78rem; }
.readings-carousel .blog-card__backdrop::after { background: radial-gradient(ellipse at 85% 95%, rgb(62 159 177 / 18%), transparent 65%), linear-gradient(180deg, rgb(9 38 51 / 12%) 0%, rgb(12 54 70 / 65%) 22%, rgb(13 63 79 / 91%) 48%, rgb(24 91 109 / 95%) 100%); }
.readings-carousel__controls { display: flex; align-items: center; justify-content: center; gap: 1rem; }
.readings-carousel__controls[hidden] { display: none; }
.readings-carousel__arrow { display: grid; place-items: center; flex-shrink: 0; width: 2.75rem; height: 2.75rem; border: 1px solid #087b90; border-radius: 50%; color: #087b90; background: #fff; font: inherit; font-size: 1.25rem; cursor: pointer; transition: background 180ms ease, color 180ms ease; }
.readings-carousel__arrow:is(:hover, :focus-visible):not(:disabled) { color: #fff; background: #087b90; }
.readings-carousel__arrow:focus-visible { outline: 3px solid #087b90; outline-offset: 4px; }
.readings-carousel__arrow:disabled { opacity: .35; cursor: default; }
.readings-carousel__status { min-width: 7.5rem; color: #31465a; font-size: .85rem; text-align: center; font-variant-numeric: tabular-nums; }
@media (min-width: 40rem) { .readings-carousel { --reading-columns: 2; } }
@media (min-width: 60rem) { .readings-carousel { --reading-columns: 3; } }
@media (min-width: 75rem) { .readings-carousel { --reading-columns: 4; } }
@media (min-width: 100rem) { .readings-carousel { --reading-columns: 5; } }
@media (max-width: 39.99rem) { .sites-web-guides .sites-web-wrap { width: calc(100% - 2rem); } .readings-carousel__controls { justify-content: center; } }
@media (hover: hover) and (pointer: fine) { .readings-carousel .blog-card:is(:hover, :focus-within) { transform: translateY(-.25rem); } }
@media (prefers-reduced-motion: reduce) { .readings-carousel .blog-card, .readings-carousel__arrow { transition: none; } .readings-carousel .blog-card:is(:hover, :focus-within) { transform: none; } }