.rec-section{max-width:1400px;padding-inline:var(--gutter);margin:clamp(36px,5vw,56px) auto clamp(40px,5vw,64px)}.rec-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:28px;display:grid}.rec-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-sharp,2px);flex-direction:column;text-decoration:none;transition:border-color .32s cubic-bezier(.22,.61,.36,1),transform .32s cubic-bezier(.22,.61,.36,1);display:flex;overflow:hidden}.rec-card:hover{border-color:var(--gold);transform:translateY(-3px)}.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:4/5}.rec-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.rec-thumb--round .rec-thumb-img{object-position:50% 18%}.rec-thumb-ph{font-family:var(--font-arabic-display), serif;color:var(--gold);background-image:linear-gradient(180deg, color-mix(in srgb, var(--deep) 80%, transparent), color-mix(in srgb, var(--deep) 94%, transparent)), url(/img/texture/lattice.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;font-size:clamp(30px,4vw,48px);display:flex;position:absolute;inset:0}.rec-body{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.rec-title{font-family:var(--font-ui), sans-serif;font-size:var(--fs-xl,16px);color:var(--foreground);letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.rec-card:hover .rec-title{color:var(--gold-bright)}.rec-sub{font-size:var(--fs-md,13px);color:var(--muted);letter-spacing:0;text-transform:none;margin:5px 0 0}.rec-scholar{font-size:var(--fs-md,13px);color:var(--gold);letter-spacing:0;text-transform:none;margin:4px 0 0}.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}}