/* Generated by `vgarun valheim cms create stylesheet` — do not change by hand. */
/* The page kind news: what it reaches beyond the default definitions, whose layer order it falls into. */
@layer slices.slice_news {
    @scope (.news) {
        :scope {
            padding-block: var(--space-open);
        }
        .columns {
            grid-column: content;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr));
            gap: var(--space-wide);
        }
        .column {
            display: grid;
            gap: var(--space-close);
            align-content: start;
        }
        .list {
            display: grid;
            gap: var(--space-close);
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .list > li {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: var(--space-snug);
            align-items: baseline;
        }
        .date {
            font-family: ui-monospace, monospace;
            font-size: var(--text-small);
            color: var(--ink-quiet);
            white-space: nowrap;
        }
        .word {
            max-inline-size: 68ch;
            color: var(--ink);
        }
        .empty {
            margin: 0;
            color: var(--ink-quiet);
        }
    }
}