/* File: /assets/css/smart-links.css
 * v14.2.7 — pehle yeh .smd-smart-links CSS inc/engine/smart-links.php ke andar
 * <style id="smd-smart-links-css"> ke tor par body mein aati thi (1,460 B) —
 * yaani render-blocking nahi, magar HTML ka hissa, aur browser alag se cache
 * nahi kar sakta tha. Ab normal stylesheet (LiteSpeed combine/minify/cache kar
 * leta hai). Selectors bilkul wahi. */
.smd-smart-links{direction:rtl;background:linear-gradient(180deg,#FBF8F2 0%,#F5F0E4 100%);border-top:1px solid #E8E0CE;padding:34px 0 30px;font-family:'MehrNastaliqCustom',serif}
.smd-smart-links .smd-sl-wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.smd-smart-links h2{font-size:1.35rem;color:#0E1B33;margin:0 0 4px;display:flex;align-items:center;gap:10px}
.smd-smart-links h2::after{content:"";flex:1;height:1px;background:linear-gradient(270deg,transparent,#C9971C66)}
.smd-smart-links .smd-sl-sub{font-size:.95rem;color:#6b6455;margin:0 0 18px}
.smd-sl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 22px;list-style:none;margin:0;padding:0}
.smd-sl-grid li{min-width:0}
.smd-sl-grid a{display:flex;align-items:baseline;gap:8px;color:#243247;text-decoration:none;font-size:1.02rem;line-height:2;padding:2px 0;border-bottom:1px dashed transparent;transition:color .15s,border-color .15s}
.smd-sl-grid a:hover,.smd-sl-grid a:focus-visible{color:#1D4ED8;border-bottom-color:#C9971C}
.smd-sl-grid .smd-sl-tag{flex:none;font-size:.72rem;color:var(--gold-ink,#8a6a0d);border:1px solid #C9971C55;border-radius:20px;padding:0 9px;line-height:1.7;background:#fff}
.smd-sl-grid .smd-sl-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:600px){.smd-sl-grid{grid-template-columns:1fr 1fr;gap:6px 14px}.smd-sl-grid a{font-size:.95rem}}
@media (prefers-reduced-motion:reduce){.smd-sl-grid a{transition:none}}

/* v14.2.9 (2026-10-16) — READING: home page ke smart links mobile par
   thore bare aur kushada (pehle ≤600px par .95rem). Sirf home page. */
@media (max-width:639px){body.home .smd-sl-grid a{font-size:1.04rem;line-height:2.15}body.home .smd-sl-grid .smd-sl-tag{font-size:.78rem;padding:0 11px}}