.recommendation-rail{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent;grid-auto-columns:calc(33.3333% - 16px);grid-auto-flow:column;gap:24px;padding:4px 2px 20px;scroll-padding-inline:2px;display:grid;overflow-x:auto}.recommendation-rail>li{min-width:0;display:flex}a.recommendation-card{scroll-snap-align:start;border:1px solid var(--color-border);background:var(--color-bg);width:100%;min-width:0;height:100%;color:var(--color-text);border-radius:8px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.recommendation-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.recommendation-card-photo{aspect-ratio:16/10;background:var(--color-bg-inset);position:relative;overflow:hidden}.recommendation-card-photo img{object-fit:cover;transition:transform .35s}.recommendation-card-body{flex-direction:column;flex:1;align-items:flex-start;gap:24px;padding:24px;display:flex}.recommendation-card-body h3,.unified-service .recommendation-card-body h3{text-wrap:pretty;margin:0;font-size:1.35rem;line-height:1.3}.recommendation-card-action{border:1px solid var(--color-accent);min-height:48px;color:var(--color-accent);border-radius:4px;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:10px 16px;font-size:.875rem;transition:background .2s,color .2s;display:inline-flex}.recommendation-card:hover .recommendation-card-action{background:var(--color-accent);color:#fff}@media (prefers-reduced-motion:no-preference){.recommendation-card:hover img{transform:scale(1.035)}}@media (max-width:1023px){.recommendation-rail{grid-auto-columns:calc(50% - 12px)}}@media (max-width:639px){.recommendation-rail{grid-auto-columns:86%;gap:16px}.recommendation-card-body{padding:20px}.recommendation-card-action{width:100%}}
