/* Subsections float over the image without moving the neighbouring cards. */
.category-directory .category-tile{position:relative}
.category-subsections{position:relative}
.category-directory .category-subsections ul{position:absolute;z-index:3;inset:auto 0 100%;margin:0;padding:12px 24px;max-height:230px;overflow-y:auto;overscroll-behavior:contain;background:#f7f8f3;border-top:1px solid var(--line);box-shadow:0 -12px 30px #193d2f12;scrollbar-width:thin}
.category-subsections[open] ul{animation:subsections-appear .24s ease-out both}
.category-directory .category-subsections li a{min-height:40px;align-items:center}
.category-subsections summary{position:relative;z-index:4;background:#f7f8f3}
.category-directory .category-custom{background:#e7eee6!important;border-color:#c9d6ca}
.category-custom .category-more{color:var(--green);font-weight:600}
.category-custom .category-art img{mix-blend-mode:multiply}
.review-example-note{color:var(--muted);max-width:620px;margin:0 0 24px;line-height:1.7}
.review-example>.small-label{display:block;margin-bottom:24px}
@keyframes subsections-appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:580px){
 .category-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .category-directory .category-main-link{height:247px;padding:14px 12px 0}
 .category-directory .category-tile-heading{margin-bottom:12px}
 .category-directory .category-number{font-size:11px}
 .category-directory .category-link-arrow{width:25px;height:25px}
 .category-directory .category-tile h3{font-size:14px;line-height:1.4;min-height:79px;overflow-wrap:break-word}
 .category-directory .category-art{height:115px}
 .category-directory .category-art img{padding:5px 0}
 .category-directory .category-more,.category-subsections summary{min-height:48px;padding:12px;font-size:10px;gap:5px;line-height:1.4}
 .category-directory .category-more{height:48px;font-size:11px}
 .category-subsections summary{height:47px;min-height:47px}
 .category-directory .category-more svg{width:14px;flex-shrink:0}
 .category-directory .category-subsections ul{padding:8px 12px;max-height:175px}
 .category-directory .category-subsections li a{font-size:11px;line-height:1.45;gap:5px;min-height:44px;padding-block:9px}
 .category-directory .category-subsections li svg{width:12px;flex-shrink:0}
 .category-directory .category-custom{grid-column:1/-1}
 .category-custom .category-main-link{position:relative;height:190px;padding:22px}
 .category-directory .category-custom h3{font-size:22px;min-height:0;max-width:55%;z-index:1}
 .category-directory .category-custom .category-art{position:absolute;right:12px;bottom:0;width:48%;height:100px}
 .category-custom .category-more{padding-inline:22px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.category-subsections[open] ul{animation:none}}