/* /digest: the issue cards and an issue's panels (the panels themselves are rb-sec from x-rulebook.css). Every class dg-. */
.dg-hero h1 { font-size: clamp(38px, 5.6vw, 72px); }
.dg-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--s4); }
.dg-card { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: var(--s2); min-height: 150px; padding: var(--s5); border: 1px solid var(--line-2); border-top: 3px solid var(--gold); border-radius: var(--rl); background: linear-gradient(180deg, rgba(201,162,39,.1), rgba(12,14,16,.94) 70%); color: var(--ink); }
.dg-card::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(-45deg, rgba(255,255,255,.03) 0 2px, transparent 2px 14px); }
.dg-card > * { position: relative; }
.dg-card em { font: 700 11px/1 var(--fd); font-style: normal; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-2); }
.dg-card b { font: 800 28px/1.05 var(--fd); text-transform: uppercase; }
.dg-card span { margin-top: auto; font: 500 12px/1 var(--fm); color: var(--ink-3); }
.dg-card:hover, .dg-card:focus-visible { border-color: var(--gold-line); outline: none; box-shadow: 0 0 32px rgba(201,162,39,.12); }
.dg-issue { max-width: 900px; }
.dg-sec .dg-list { list-style: none; padding-left: 0; }
.dg-more { display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s5); }