custom-card{--gutter:var(--space-xs-s);background-color:var(--card-bg,var(--color-bg-accent));border:4px solid var(--color-bg-accent);border-radius:var(--border-radius-medium);color:var(--color-text);display:grid;grid-template-rows:[image] max-content [headline] max-content [meta] max-content [desc] auto [footer] max-content;max-inline-size:unset;padding:var(--space-s-m)}custom-card>:empty{display:none}custom-card ::-moz-selection{background-color:var(--color-secondary);color:var(--color-dark)}custom-card ::selection{background-color:var(--color-secondary);color:var(--color-dark)}custom-card :is(h2,h3){--flow-space:var(--space-m);font-size:var(--size-step-2);grid-row:headline}custom-card :is(h2,h3) a{text-decoration:none}custom-card>:is(picture,figure){grid-row:image;--flow-space:0}custom-card img{aspect-ratio:16/9;block-size:auto;max-inline-size:var(--max-img-width,100%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}custom-card>.meta{font-size:var(--size-step-min-1);grid-row:meta}custom-card>p{grid-row:desc}custom-card>footer{font-size:var(--size-step-min-2);grid-row:footer}custom-card :is(a,p,h2,h3){overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}custom-card[no-padding]{background-color:transparent;border:4px solid var(--color-bg-accent);border-radius:none;padding:0}custom-card[img-square] img{aspect-ratio:1}custom-card[clickable]:focus-within,custom-card[clickable]:hover{border:4px solid var(--color-primary)}custom-card[clickable]:focus-within a:focus{outline:none}custom-card[clickable]{position:relative}custom-card[clickable] a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}
.pagination{--gutter:var(--space-xs-s)}.pagination li{background-color:var(--pagination-bg,var(--color-bg));border:3px solid var(--pagination-border,var(--color-bg-accent));border-radius:var(--border-radius-medium);color:var(--pagination-text,var(--color-text))}.pagination a{display:block;padding:var(--space-xs) var(--space-s-m);text-decoration:none}.pagination li:not(:has(a)){opacity:.6;padding:var(--space-xs) var(--space-s-m)}.pagination li:has(a:hover){--pagination-bg:var(--color-bg-accent);--pagination-border:var(--color-bg-accent)}.pagination li:has(a[aria-current=page]){--pagination-bg:var(--color-secondary);--pagination-border:var(--color-secondary);--pagination-text:var(--color-light)}