/* Article recommendations reuse catalog-library.css for card appearance and states. */
.catalog-featured .tags {display:flex;gap:6px;flex-wrap:wrap;}
.catalog-featured .tag {display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.3px;line-height:normal;border-radius:999px;padding:4px 11px;}
.catalog-featured .card h2 {font-family:'Inter',ui-sans-serif,system-ui,sans-serif;color:#1c2313;}
.catalog-featured .series {font-weight:500;}
.catalog-featured .card-actions {display:flex;}
.catalog-featured :is(.btn-compare,.btn-sample) {flex:1;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;cursor:pointer;white-space:nowrap;letter-spacing:.1px;border:1.5px solid #dde3cf;background:#fff;color:#4d5641;}
.catalog-featured :is(.btn-compare,.btn-sample) svg {flex:none;}
.catalog-featured .more {font-weight:800;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;}
/* Keep three recommendations, with the catalog's compact six-element structure. */
.feat.catalog-featured .cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;}
.feat.catalog-featured .card {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto auto;row-gap:6px;min-height:280px;padding-top:20px;padding-bottom:20px;}
.feat.catalog-featured .card :is(.tags,h2,.series,.desc,.card-actions,.more) {margin:0;min-width:0;}
.feat.catalog-featured .card .tags {align-items:start;padding-bottom:6px;}
.feat.catalog-featured .card .tag {align-self:start;}
.feat.catalog-featured .card .series {min-height:0;padding-bottom:4px;}
.feat.catalog-featured .card .desc {align-self:start;margin-bottom:8px;}
.feat.catalog-featured .card .card-actions {align-self:end;padding-top:0;}
.feat.catalog-featured .card .more {align-self:end;line-height:15px;}
@media(max-width:1100px){.feat.catalog-featured .cards {grid-template-columns:repeat(2,minmax(0,1fr));}.feat.catalog-featured .card .card-actions {margin-top:8px;}}
@media(max-width:640px){.feat.catalog-featured .cards {grid-template-columns:1fr;max-width:440px;margin:0 auto;}.feat.catalog-featured .card {min-height:0;}}
