.deling { display: grid; gap: 1px; background: var(--sand-line); border: 1px solid var(--sand-line); border-radius: var(--radius-lg); overflow: hidden; } .del { background: var(--paper); padding: var(--pad-card); display: grid; gap: 0.55rem; align-content: start; } .del-riff { background: var(--paper-raise); } .del-hvem { font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--ink-faint); } .del-body { color: var(--ink-soft); max-width: 34ch; } .del .ticks { margin-top: 0.35rem; } .del .ticks li { font-size: 1rem; } .del .ticks li::before { background: var(--ink-faint); } .del-riff .ticks li::before { background: var(--pos); } @media (min-width: 56rem) { .deling { grid-template-columns: repeat(3, minmax(0, 1fr)); } @supports (grid-template-rows: subgrid) { .deling { grid-template-rows: auto auto auto auto; } .del { grid-row: span 4; grid-template-rows: subgrid; row-gap: 0.55rem; } .del > * { align-self: start; } } } .beregner { display: grid; gap: var(--head-stack); max-width: 46rem; } .tekster-links { display: flex; flex-wrap: wrap; gap: 1.25rem 2rem; margin-top: 1.5rem; }