.infographic-hero{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%)}.infographic-tags{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.infographic-tags span{background:#ffffff2e;color:#fff;font-size:11px;font-weight:900;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.infographic-tags span+span{background:#fef08a;color:#78350f}.infographic-hero h2{font-size:26px;font-weight:900;color:#fff;margin:0 0 8px}.infographic-hero p{color:#c7d2fe;font-size:14px;line-height:1.5;max-width:780px;margin:0 0 16px}.infographic-hero .tb-shelf-plus-notice{background:#fef08a2e;border-color:#fef08a66}.ig-card{border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:0 4px 14px #0000000f;transition:transform .2s,box-shadow .2s}.ig-cover{position:relative;height:160px;background:#0f172a;overflow:hidden}.ig-cover img{width:100%;height:100%;object-fit:cover}.ig-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0f172a19,#0f172ad9)}.ig-placeholder{font-size:60px;display:grid;place-items:center;height:100%}.ig-meta{position:absolute;top:12px;left:12px;display:flex;gap:6px;max-width:calc(100% - 75px);flex-wrap:wrap}.ig-meta span{background:#0f172ad9;backdrop-filter:blur(4px);color:white;font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;border:1px solid #ffffff33}.ig-meta span+span{background:#4f46e5d9}.ig-access{position:absolute;top:12px;right:12px;background:#fef08a;color:#78350f;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:900}.ig-cover h3{position:absolute;bottom:12px;left:14px;right:14px;color:white;font-size:15px;font-weight:900;margin:0;line-height:1.3;text-shadow:0 1px 3px #0009}.ig-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.ig-body p{color:#64748b;font-size:12px;margin:0;line-height:1.5}.ig-chips{display:flex;gap:6px;flex-wrap:wrap}.ig-chips span{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px}.ig-download{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:white;border:none;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:800;cursor:pointer;min-height:44px;box-shadow:0 4px 12px #4f46e54d}.ig-download .tb-btn-badge{margin-left:auto}.ig-empty{grid-column:1/-1;text-align:center;padding:40px;color:#64748b}.ig-download:disabled{opacity:.6;cursor:wait}
.infographic-shelf{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.infographic-shelf .tb-filter-bar{max-width:100%;min-width:0}.infographic-shelf .tb-filter-pill{flex-shrink:0}.infographic-shelf .tb-grid{min-width:0;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr))}.infographic-shelf .tb-shelf-plus-notice{max-width:100%;box-sizing:border-box;white-space:normal}.infographic-shelf .tb-shelf-plus-notice span{min-width:0;white-space:normal}.infographic-shelf .ig-empty{min-width:0;white-space:normal;overflow-wrap:anywhere}@media(max-width:600px){.infographic-shelf .tb-shelf-hero{padding:24px 20px}.infographic-shelf .tb-shelf-hero h2{font-size:24px}}