/* ===== Theme Vars (هماهنگ با هدر/بقیه صفحات) ===== */
    body{ --bg:#0b1220; --fg:#e8eefc; --muted:#a6b1cf; --card:rgba(255,255,255,0.06); --card-border:rgba(255,255,255,0.12); --accent:#3b82f6; --ring:rgba(59,130,246,.35); }
    body.theme-light{
      --bg:#f7f8fb; --fg:#0e1320; --muted:#485068;
      --card:#ffffff; --card-border:rgba(14,19,32,0.08);
      --accent:#2563eb; --ring:rgba(37,99,235,.25);
    }
    .theme-anim *{ transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease; }
    body, .prose, .prose * { font-family: inherit !important; }

    /* ===== Hero ===== */
    .container-narrow{ max-width: 80rem; margin-inline:auto; }
    .cat-hero{
      background: color-mix(in oklab, var(--card) 92%, transparent);
      border: 1px solid var(--card-border);
      border-radius: 1rem;
      backdrop-filter: blur(12px);
      box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 24px 48px -28px rgba(0,0,0,.45);
    }
    .cat-title{
      font-size: clamp(1.75rem, 2.5vw, 2.25rem);
      font-weight: 800;
      color: var(--fg);
      letter-spacing: -.015em;
      text-align: center;
    }

    /* ===== Cards ===== */
    .grid-card{
      background: var(--card);
      border: 1px solid var(--card-border);
      border-radius: 1rem;
      padding: 1rem;
      box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 16px 40px -28px rgba(0,0,0,.45);
      display:flex; flex-direction:column; height:100%;
    }
    .card-img{ width:100%; height: 11rem; object-fit: cover; border-radius: .75rem; margin-bottom: 1rem; transition: transform .25s ease; }
    .grid-card:hover .card-img{ transform: translateY(-2px) scale(1.01); }
    .card-title{ font-size: 1.1rem; font-weight: 700; color: var(--fg); line-height:1.25; margin-bottom: .5rem; }
    .card-title a{ color: inherit; text-decoration: none; }
    .card-title a:hover{ text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; }
    .card-excerpt{ color: var(--muted); font-size:.925rem; margin-bottom: .75rem; }

    /* CTA دکمه سئویی */
    .card-btn{
      display:inline-flex; align-items:center; gap:.5rem;
      padding:.55rem .9rem; border-radius:.75rem;
      border:1px solid var(--card-border);
      background: color-mix(in oklab, var(--card) 90%, transparent);
      color: var(--accent); font-weight:700; font-size:.92rem;
      transition: background .2s, color .2s, transform .2s, border-color .2s;
      width: fit-content;
    }
    .card-btn i{ font-size:.85rem; }
    .card-btn:hover{
      background: var(--accent); color:#fff; border-color: transparent;
      transform: translateY(-1px);
      box-shadow: 0 0 0 3px var(--ring);
    }

    /* ===== Pagination (Laravel links()) ===== */
    .pager{ display:flex; justify-content:center; }
    .pager nav[role="navigation"]{ width:100%; display:flex; justify-content:center; }
    .pager nav .hidden{ display:none; } /* wrapper اضافی */
    .pager nav .flex{ gap:.5rem; flex-wrap:wrap; }
    .pager a, .pager span{
      border:1px solid var(--card-border);
      background: color-mix(in oklab, var(--card) 85%, transparent);
      color: var(--fg);
      padding: .5rem .75rem; border-radius:.75rem; font-size:.9rem;
      min-width: 2.25rem; text-align:center;
      transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
    }
    .pager a:hover{ background: color-mix(in oklab, var(--card) 95%, transparent); transform: translateY(-1px); }
    .pager .active > span{
      background: var(--accent); color:#fff; border-color: transparent;
      box-shadow: 0 0 0 3px var(--ring);
    }