/* UX23 — use the exact catalog-recommended scenario card component on skill pages.
   Only grid constraints scoped to the skill detail; catalog itself is unchanged. */
.r18-skill-detail .r23-skill-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;min-height:0;flex:none}
.r18-skill-detail .r23-skill-catalog-grid>.pv3-scenarios-recommended-card{min-width:0;max-width:none;width:100%;height:222px;min-height:222px;position:relative;isolation:isolate;overflow:hidden}
.r18-skill-detail .r23-skill-catalog-grid>.pv3-scenarios-recommended-card>.pv3-visual-card-background{width:100%;height:100%;object-fit:cover}
.r18-skill-detail .r23-skill-catalog-grid>.pv3-scenarios-recommended-card>.pv3-visual-card-foreground{max-height:100%}
.r18-skill-detail .r23-skill-catalog-grid>.pv3-scenarios-recommended-card>.pv3-scenarios-recommended-copy{z-index:3}
.r18-skill-detail .r23-skill-catalog-grid>.r21-scenarios-none{grid-column:1/-1}
@media (max-width:1100px){.r18-skill-detail .r23-skill-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.r18-skill-detail .r23-skill-catalog-grid{grid-template-columns:1fr}.r18-skill-detail .r23-skill-catalog-grid>.pv3-scenarios-recommended-card{height:220px;min-height:220px}}