/* Generated by `vgarun valheim cms create stylesheet` — do not change by hand. */
/* The page kind tip: what it reaches beyond the default definitions, whose layer order it falls into. */
@layer widgets.breadcrumbs {
    @scope (.breadcrumbs) {
        :scope {
            display: flex;
            flex-wrap: wrap;
            gap: var(--space-tight);
            font-size: var(--text-small);
        }
        > * + *::before {
            content: "/";
            margin-inline-end: var(--space-tight);
            color: var(--ink-quiet);
        }
    }
}

@layer slices.slice_tip {
    @scope (.tip) {
        :scope {
            row-gap: var(--space-open);
            padding-block: var(--space-open);
        }
        :scope > * { max-inline-size: 68ch; }
        :is(header, section) {
            display: grid;
            gap: var(--space-close);
        }
        ul {
            display: grid;
            gap: var(--space-snug);
            margin: 0;
            padding: 0;
            list-style: none;
        }
        li {
            display: grid;
            grid-template-columns: 1.5ch 1fr;
            column-gap: var(--space-snug);
            align-items: baseline;
            color: var(--ink-bright);
            &::before {
                font-weight: 700;
            }
        }
        .works li::before {
            content: "\2713" / "";
            color: var(--link);
        }
        .fails li::before {
            content: "\2717" / "";
            color: var(--brand);
        }
        footer {
            color: var(--ink-quiet);
            font-size: var(--text-small);
        }
        footer > .prose,
        .back {
            margin: 0;
        }
    }
}