/* Faregrounds Recipes / Builds — redesigned compact editorial tiles */
.fg-vlib-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;gap:12px!important}
.fg-vlib-card{position:relative!important;display:grid!important;grid-template-columns:67px minmax(0,1fr) 12px!important;align-items:center!important;gap:12px!important;height:96px!important;min-height:96px!important;max-height:96px!important;padding:11px!important;border-radius:14px!important;border:1px solid #dce6da!important;background:#fff!important;text-align:left!important;box-shadow:0 1px 3px rgba(34,70,43,.025)!important;transform:none!important;transition:border-color .16s,background .16s,box-shadow .16s!important}
.fg-vlib-card:hover{border-color:#a6bea4!important;background:#fbfdfa!important;box-shadow:0 5px 16px rgba(35,75,46,.08)!important;transform:none!important}
.fg-vlib-card:focus-visible{outline:2px solid #688e70!important;outline-offset:3px!important}
.fg-vlib-card-art{display:grid!important;place-items:center!important;width:67px!important;height:72px!important;min-width:67px!important;max-width:67px!important;flex:none!important;padding:0!important;border-radius:10px!important;background:#ecf2e9!important;color:#739477!important}
.fg-vlib-card:nth-child(4n+2) .fg-vlib-card-art{background:#f1efe8!important;color:#a39a84!important}
.fg-vlib-card:nth-child(4n+3) .fg-vlib-card-art{background:#e9efed!important;color:#86a39a!important}
.fg-vlib-card:nth-child(4n+4) .fg-vlib-card-art{background:#edf0e6!important;color:#91a17f!important}
.fg-vlib-card-art .fg-vlib-book{width:27px!important;height:27px!important;opacity:.85!important}
.fg-vlib-card-info{display:flex!important;flex-direction:column!important;align-self:center!important;justify-content:center!important;align-items:flex-start!important;gap:7px!important;padding:0!important;min-width:0!important;min-height:0!important;flex:none!important}
.fg-vlib-card-info .fg-card-kicker{order:0!important;color:#7e9780!important;font-size:10px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.025em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%}
.fg-vlib-card-info strong{order:1!important;color:#2d4c38!important;font-size:14px!important;line-height:1.27!important;font-weight:750!important;letter-spacing:-.018em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important}
.fg-card-chevron{align-self:center!important;justify-self:end!important;color:#a5b6a5!important;font-size:24px!important;font-weight:300!important}
@media(max-width:570px){.fg-vlib-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}.fg-vlib-card{grid-template-columns:58px minmax(0,1fr) 10px!important}.fg-vlib-card-art{width:58px!important;height:70px!important;min-width:58px!important}}

/* Slightly wider recipe/build tiles so longer names fit naturally. */
.fg-vlib-cards{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))!important}
.fg-vlib-card{grid-template-columns:60px minmax(0,1fr) 10px!important;gap:10px!important}
.fg-vlib-card-art{width:60px!important;min-width:60px!important;max-width:60px!important}
.fg-vlib-card-info strong{font-size:14px!important;letter-spacing:-.025em!important}
@media(max-width:590px){.fg-vlib-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}}

/* Larger balanced recipe/build cards: approximately 1.5x footprint */
.fg-vlib-cards{grid-template-columns:repeat(auto-fill,minmax(375px,1fr))!important;gap:15px!important}
.fg-vlib-card{height:144px!important;min-height:144px!important;max-height:144px!important;grid-template-columns:95px minmax(0,1fr) 15px!important;gap:17px!important;padding:16px!important;border-radius:17px!important}
.fg-vlib-card-art{width:95px!important;min-width:95px!important;max-width:95px!important;height:110px!important;border-radius:12px!important}
.fg-vlib-card-art .fg-vlib-book{width:34px!important;height:34px!important}
.fg-vlib-card-info{gap:10px!important}
.fg-vlib-card-info strong{font-size:17px!important;line-height:1.3!important}
.fg-vlib-card-info .fg-card-kicker{font-size:11px!important}
.fg-card-chevron{font-size:27px!important}
@media(max-width:780px){.fg-vlib-cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important}.fg-vlib-card{grid-template-columns:80px minmax(0,1fr) 12px!important}.fg-vlib-card-art{width:80px!important;min-width:80px!important;max-width:80px!important}}