/* ============================================================
   issues.css — lista de issues numerados dentro del split.
   ============================================================ */

.issues{display:flex;flex-direction:column;margin-top:8px}
.issue{
  display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;
  padding:20px 18px;border-top:1px solid var(--line-soft);border-left:2px solid transparent;
  transition:transform .35s var(--ease),border-color .35s,background .35s;cursor:pointer;
}
.issue:last-child{border-bottom:1px solid var(--line-soft)}
.issue:hover{transform:translateX(6px);border-left-color:var(--orange);background:rgba(232,103,58,.05)}
.issue .num{font-family:var(--serif);font-size:28px;color:var(--t-18);line-height:1;transition:color .35s}
.issue:hover .num{color:var(--orange)}
.issue .date{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--t-35);text-transform:uppercase}
.issue h4{font-family:var(--serif);font-weight:400;font-size:19px;color:var(--white);margin:5px 0 6px;line-height:1.25}
.issue .prev{font-size:13px;color:var(--t-50);max-width:52ch;line-height:1.5}
.issue .tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);
  border:1px solid rgba(232,103,58,.3);border-radius:999px;padding:5px 11px;white-space:nowrap;background:rgba(232,103,58,.06)}