/* Faregrounds visual library desktop */
.fg-vlib-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.fg-vlib-heading h1,.fg-vlib-detail-intro h1{font-size:clamp(34px,3vw,47px);letter-spacing:-.055em;color:#294a36;margin:7px 0}.fg-vlib-heading p,.fg-vlib-detail-intro p{color:#748978;font-size:14px;margin:0}.fg-vlib-total{border:1px solid #d3e1d1;background:#edf5e9;border-radius:30px;padding:12px 17px;font-size:12px;font-weight:750;color:#46674f;white-space:nowrap}.fg-vlib-tools{display:flex;align-items:center;gap:16px;margin-bottom:24px}.fg-vlib-search{flex:1;display:flex;gap:12px;align-items:center;border:1px solid #dce8da;background:#fff;border-radius:13px;padding:0 17px;max-width:730px}.fg-vlib-search span{font-size:28px;color:#6f8b76}.fg-vlib-search input{flex:1;border:0!important;outline:0!important;min-height:53px!important;box-shadow:none!important;font-size:14px}.fg-vlib-dept{display:flex;gap:4px;background:#e7efe4;padding:5px;border-radius:12px}.fg-vlib-dept button{border:0;background:transparent;padding:13px 20px;color:#5f7b66;font-size:12px;font-weight:750;border-radius:9px}.fg-vlib-dept button.active{background:#fff;color:#2e593e;box-shadow:0 2px 8px #325a3610}.fg-vlib-category-title{font-size:10px;font-weight:800;letter-spacing:.14em;color:#849a88;margin-bottom:11px}.fg-vlib-categories{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:33px}.fg-vlib-category{display:flex;align-items:center;gap:13px;border:1px solid #dce7d9;background:#fff;color:#4b6f55;border-radius:11px;padding:12px 17px;font-size:12px;font-weight:750}.fg-vlib-category span{color:#839c87;font-size:11px}.fg-vlib-category.active{background:#486f53;color:#fff;border-color:#486f53}.fg-vlib-category.active span{color:#dfede0}.fg-vlib-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.fg-vlib-section h2{font-size:22px;color:#355941;margin:0 0 4px}.fg-vlib-section p{font-size:12px;color:#839386;margin:0}.fg-vlib-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fg-vlib-card{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid #dce7dc;border-radius:17px;overflow:hidden;color:#2b4c36;min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s}.fg-vlib-card:hover{transform:translateY(-3px);border-color:#a8c6a6;box-shadow:0 12px 28px #27492f13}.fg-vlib-card-art{height:150px;display:flex;justify-content:space-between;align-items:flex-end;padding:18px;background:linear-gradient(130deg,#dae9d5,#edf4e7);color:#6e8a71}.fg-vlib-card:nth-child(4n+2) .fg-vlib-card-art{background:linear-gradient(130deg,#e8e4d7,#f4f3e9)}.fg-vlib-card:nth-child(4n+3) .fg-vlib-card-art{background:linear-gradient(130deg,#dce8e4,#edf3ee)}.fg-vlib-card-icon{font-size:66px;opacity:.34;line-height:1}.fg-vlib-card-art small{background:#ffffffbb;border-radius:100px;padding:7px 12px;color:#58715d;font-size:10px;font-weight:800}.fg-vlib-card-info{display:flex;flex-direction:column;gap:9px;padding:22px;min-height:165px}.fg-vlib-card-info strong{font-size:17px;line-height:1.3}.fg-vlib-card-info>span:nth-child(2){font-size:12px;color:#7b8c7d;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fg-vlib-card-open{margin-top:auto;color:#52795c!important;font-weight:800;font-size:12px!important;display:flex;justify-content:space-between}.fg-vlib-empty,.fg-vlib-loading{border:1px dashed #cbdcca;border-radius:15px;padding:50px;text-align:center;color:#6e8270;background:#fff;grid-column:1/-1}.fg-vlib-back{border:0;background:transparent;padding:10px 0 22px;color:#52745b;font-size:13px;font-weight:750}.fg-vlib-detail-intro{background:linear-gradient(120deg,#e4f0df,#f5f7ed);padding:40px;border-radius:20px;margin-bottom:24px}.fg-vlib-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);align-items:start;gap:20px}.fg-vlib-detail-main,.fg-vlib-detail-side{display:grid;gap:18px}.fg-vlib-panel{padding:27px;background:#fff;border:1px solid #dce7db;border-radius:16px}.fg-vlib-panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9efe7;padding-bottom:17px;margin-bottom:13px}.fg-vlib-panel-top h2,.fg-vlib-panel h2{font-size:18px;color:#355943;margin:0}.fg-vlib-panel-top span{color:#7b9280;font-size:12px}.fg-vlib-step{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid #edf1e9}.fg-vlib-step>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#e8f1e5;font-size:12px;font-weight:800;color:#4b7652}.fg-vlib-step p{margin:0;line-height:1.65;font-size:14px;color:#3e5744}.fg-vlib-ingredient{padding:12px 0;border-bottom:1px solid #edf1e9;font-size:13px;color:#3e5744}.fg-vlib-panel>p{font-size:13px;line-height:1.6;color:#536d58}.fg-vlib-variation{margin-top:17px;border:1px solid #cbdccc;border-radius:10px;padding:12px;background:#fff}@media(max-width:1320px){.fg-vlib-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.fg-vlib-detail{grid-template-columns:1fr}.fg-vlib-tools{flex-wrap:wrap}.fg-vlib-search{max-width:none;flex-basis:100%}}@media(max-width:590px){.fg-vlib-cards{grid-template-columns:1fr}.fg-vlib-heading{align-items:flex-start;flex-direction:column}.fg-vlib-detail-intro{padding:25px}.fg-vlib-panel{padding:18px}.fg-vlib-dept{width:100%}.fg-vlib-dept button{flex:1}}
/* Compact horizontal recipe and build cards */
.fg-vlib-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
.fg-vlib-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:13px!important;min-height:82px!important;max-height:82px!important;padding:10px 13px!important;border-radius:12px!important;box-shadow:none!important}
.fg-vlib-card:hover{transform:translateY(-1px)!important;box-shadow:0 5px 15px #27492f10!important}
.fg-vlib-card-art{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 58px!important;width:58px!important;height:58px!important;padding:0!important;border-radius:9px!important;background:#e8f0e5!important;color:#607e65!important}
.fg-vlib-card:nth-child(4n+2) .fg-vlib-card-art{background:#eeeae1!important}
.fg-vlib-card:nth-child(4n+3) .fg-vlib-card-art{background:#e4ece9!important}
.fg-vlib-book{flex:none}
.fg-vlib-card-info{display:flex!important;flex:1!important;min-height:0!important;min-width:0!important;padding:0!important;gap:0!important;justify-content:center!important}
.fg-vlib-card-info strong{font-size:13px!important;line-height:1.35!important;letter-spacing:-.01em!important;overflow-wrap:anywhere}
@media(max-width:1300px){.fg-vlib-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.fg-vlib-cards{grid-template-columns:1fr!important}}

/* Ultra-compact library rows: approximately one third previous card height */
.fg-vlib-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.fg-vlib-card{height:30px!important;min-height:30px!important;max-height:30px!important;padding:3px 7px!important;gap:7px!important;border-radius:7px!important}
.fg-vlib-card-art{width:23px!important;height:23px!important;flex:0 0 23px!important;border-radius:4px!important}
.fg-vlib-book{width:14px!important;height:14px!important}
.fg-vlib-card-info strong{font-size:11px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:1350px){.fg-vlib-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:860px){.fg-vlib-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:540px){.fg-vlib-cards{grid-template-columns:1fr!important}}

/* Balanced recipe cards: triple the ultra-compact height, half the width */
.fg-vlib-cards{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:10px!important}
.fg-vlib-card{height:90px!important;min-height:90px!important;max-height:90px!important;padding:10px!important;gap:9px!important;border-radius:10px!important}
.fg-vlib-card-art{width:42px!important;height:60px!important;flex:0 0 42px!important;border-radius:7px!important}
.fg-vlib-book{width:22px!important;height:22px!important}
.fg-vlib-card-info strong{font-size:12px!important;line-height:1.35!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important}
@media(max-width:1550px){.fg-vlib-cards{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:1150px){.fg-vlib-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:740px){.fg-vlib-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Balanced card interior — keep existing 90px footprint */
.fg-vlib-card{align-items:center!important;gap:10px!important;padding:9px!important}
.fg-vlib-card-art{width:49px!important;height:70px!important;flex:0 0 49px!important;background:#e9f1e6!important}
.fg-vlib-card-info{align-self:stretch!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important}
.fg-vlib-card-info strong{font-size:12px!important;font-weight:760!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.fg-vlib-card-info small{font-size:10px!important;font-weight:650!important;line-height:1.2!important;color:#79917b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%}

/* Improved compact-card item name legibility */
.fg-vlib-card-info strong{font-size:14px!important;line-height:1.3!important;font-weight:760!important}