.rec-section{max-width:1100px;margin:56px auto 64px;padding:0 24px}.rec-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:28px;display:grid}.rec-card{background:var(--card-bg,var(--card-bg));border:1px solid var(--border-mid);border-radius:4px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.rec-card:hover{border-color:var(--gold);transform:translateY(-2px)}.rec-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, transparent 0%, color-mix(in srgb, var(--gold) 12%, transparent) 100%), radial-gradient(circle at 50% 40%, var(--deep) 0%, var(--card-bg) 70%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.rec-thumb--round{aspect-ratio:1}.rec-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.rec-thumb--round .rec-thumb-img{object-position:top center}.rec-thumb-ph{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.55;font-size:56px}.rec-body{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.rec-title{font-family:var(--font-ui), sans-serif;color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.rec-card:hover .rec-title{color:var(--gold-bright)}.rec-sub{font-family:var(--font-ui), sans-serif;letter-spacing:.3px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.rec-scholar{text-align:left;cursor:pointer;z-index:2;align-self:flex-start;max-width:100%;padding:0;transition:color .2s;display:inline-block;position:relative}.rec-scholar:hover{color:var(--gold-bright)}@media (max-width:700px){.rec-section{margin-top:40px;margin-bottom:48px;padding:0 16px}.rec-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:440px){.rec-grid{grid-template-columns:1fr}}