.hub{max-width:820px;margin:0 auto}
.hub h1{font:600 26px/1.4 var(--kr);color:var(--ink);margin:0 0 6px}
.hub .sub{font:400 14px/1.9 var(--kr);color:var(--ink2);margin:0 0 26px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.card{display:block;border:1px solid var(--rule);border-radius:14px;background:var(--card);
  padding:20px 22px;text-decoration:none;transition:border-color .15s}
.card:hover{border-color:var(--gold)}
.card .scr{font:400 30px/1.3 serif;color:var(--ink);margin:0 0 8px;letter-spacing:1px}
.card .scr.rtl{direction:rtl;font-family:"SBL Hebrew","Ezra SIL",serif}
.card h2{font:600 16px var(--kr);color:var(--ink);margin:0 0 4px}
.card p{font:400 12.5px/1.8 var(--kr);color:var(--ink3);margin:0}
.card .tag{display:inline-block;margin:9px 6px 0 0;font:400 10.5px var(--kr);
  border:1px solid var(--rule);border-radius:99px;padding:2px 9px;color:var(--ink3)}
.card.soon{opacity:.55}
.card.soon:hover{border-color:var(--rule)}
.rowlinks{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0;padding:18px 0 0;
  border-top:1px solid var(--rule)}
.rowlinks a{font:400 12.5px var(--kr);color:var(--ink2);text-decoration:none;
  border:1px solid var(--rule);border-radius:99px;padding:6px 14px}
.rowlinks a:hover{border-color:var(--gold);color:var(--ink)}