:root { --rcl-shadow:0 6px 18px rgba(0,0,0,.08); }
.rcl-wrap{margin:2rem 0}
.rcl-pills{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;justify-content:center}
.rcl-pill{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;padding:.4rem 1.1rem;border-radius:999px;font-weight:700;font-size:.95rem;color:#132945 !important;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg, #132945, #0071E6) border-box;box-shadow:var(--rcl-shadow)}
.rcl-pill.active{background:linear-gradient(90deg, #132945, #0071E6);color:#fff !important}
.rcl-search-row{display:flex;align-items:center;gap:.75rem;margin:.5rem 0 1rem;justify-content:center}
.rcl-search{position:relative;width:min(780px,90%)}
.rcl-search input{width:100%;padding:.8rem 2.5rem .8rem 1rem;border-radius:.75rem;border:1px solid #eee;box-shadow:var(--rcl-shadow)}
.rcl-search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);opacity:.6}
.rcl-year select{padding:.6rem .8rem;border-radius:.6rem;border:1px solid #eee;box-shadow:var(--rcl-shadow)}
.rcl-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}
.rcl-preview-grid{grid-template-columns:repeat(3,1fr)}
.rcl-card{position:relative;border:1px solid #eee;border-radius:1rem;background:#fff;overflow:hidden;box-shadow:var(--rcl-shadow);transition:transform .18s ease}
.rcl-card:hover{transform:translateY(-2px)}
.rcl-card .thumb-wrap{position:relative;height:300px;overflow:hidden}
.rcl-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.rcl-card:hover img{transform:scale(1.05)}
.rcl-card .thumb-wrap.no-image{background:linear-gradient(90deg,#132945,#0071E6)}
.rcl-card .thumb-wrap.no-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.2))}
.rcl-badges{position:absolute;left:.75rem;top:.75rem;display:flex;gap:.5rem;z-index:2}
.rcl-badge{background:linear-gradient(90deg,#132945,#0071E6);color:#fff;border-radius:999px;padding:.25rem .6rem;font-size:.8rem;box-shadow:var(--rcl-shadow);display:flex;align-items:center;gap:.35rem}
.rcl-badge.right{position:absolute;right:.75rem;left:auto}
.rcl-card .content{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;justify-content:flex-start}
.rcl-card h4{margin:.1rem 0 .25rem;font-size:1.02rem;line-height:1.3}
.rcl-card .date{font-size:.85rem;color:linear-gradient(90deg,#132945,#0071E6);margin-bottom:.4rem}
.rcl-card p.meta{font-size:.95rem;margin:.25rem 0;color:linear-gradient(90deg, #132945, #0071E6)}
.button{align-self:flex-start;margin-top:.45rem;background:transparent;border:1px solid #e3e7ef;padding:.48rem .74rem;border-radius:999px;text-decoration:none;font-weight:600;color:#132945}
.button:hover{background:linear-gradient(90deg, #132945, #0071E6);color:#fff;border-color:linear-gradient(90deg, #132945, #0071E6)}
.rcl-loadmore-wrap{display:flex;justify-content:center;margin-top:1rem}
.rcl-load-more{align-self:flex-start;margin-top:.45rem;background:transparent;border:1px solid #e3e7ef;padding:.48rem .74rem;border-radius:999px;text-decoration:none;font-weight:600;color:#FFFFFF}
.rcl-load-more:hover{background:linear-gradient(90deg, #132945, #0071E6);color:#fff !important}
.rcl-load-more.disabled{opacity:.5;cursor:not-allowed}
.rcl-link{font-weight:700;color:#132945;text-decoration:none}
.rcl-link:hover{color:#0071E6}
