@font-face {font-family: 'Oxanium';src: url('fonts/Oxanium-VariableFont_wght.ttf') format('truetype');font-weight: 100;font-style: normal;font-display: swap;}@font-face {font-family: 'Anodina-Light';src: url('fonts/Anodina-Light.woff2') format('woff2');font-weight: normal;font-style: normal;font-display: swap;}:root {--hover-bgr:hsla(210,100%,56%,1);--card-front-col: rgba(0,0,0,.6);--card-front-bgr: #fff;--card-back-col: #fff;--card-back-bgr: #EE741D;--card-ibox-hgt: 14rem;--card-body-bdr: 1px solid rgba(0,0,0,.05);--grid-area-gap: 1rem;--grid-area-pad: 1rem;--grid-area-bgr: none;--grid-area-bdr: 0px solid rgba(0,0,0,.25);--grid-area-rad: 0rem;--count-color: rgb(255,255,255,.6);--count-size: 3rem;--count-font: Arial;--count-pos-right:1.6rem;--count-pos-bottom: 1.4rem;--count-width: 1px;--time-flip: 0.8s;}:root {--color-primary: rgb(238,116,29,.4);--surface-1: hsl(0deg 4% 99%);--surface-2: hsl(0deg 4% 96%);--surface-3: hsl(0deg 4% 90%);--surface-shadow: hsl(0deg 0% 0% / 0.025);--text: hsl(0deg 4% 12%);--text-accent: hsl(0deg 2% 22%);}body:has([id="theme"]:checked) {--color-primary: rgb(153,153,153,.4);--surface-1: hsl(0deg 5% 10%);--surface-2: hsl(0deg 5% 12%);--surface-3: hsl(0deg 4% 18%);--surface-shadow: hsl(0deg 0% 0% / 0.075);--text: hsl(0deg 2% 98%);--text-accent: hsl(0deg 2% 90%);}body {margin-block: 4rem;padding-inline: 2rem;font-family: 'Anodina-Light', system-ui;font-size: 1.125rem;line-height: 1.2;color: var(--text);background-color: var(--surface-1);overflow-y: scroll;}fieldset {display: flex;flex-wrap: wrap;gap: 0.25rem 0.75rem;margin-block-start: 0.5rem;padding: 0.5rem;background-color: var(--surface-2);border: 1px solid var(--surface-3);border-radius: 0.125rem;}fieldset legend {margin-block-end: 0.25rem;}fieldset div {display: flex;align-items: baseline;gap: 0.125rem;}.header {margin-block-end: 2rem;}.content {max-inline-size: 1000px;margin-inline: auto;}.grid {container-type: inline-size;display: grid;gap: 1rem;grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));}.u-icon-group {display: inline-flex;gap: 0.25rem;font-weight: bold;font-size: 0.8rem;}.u-icon-group svg {--size: 1.2em;position: relative;top: 0.1em;flex-shrink: 0;inline-size: var(--size);block-size: var(--size);color: var(--text-accent);}.u-chip {display: inline-flex;padding: 0.25rem 0.5rem;font-variant-numeric: tabular-nums;font-weight: unset;border: 1px solid var(--color-primary);background-color: var(--color-primary);border-radius: 0.15rem;}.u-chip--outline {background-color: unset;}.card {container-type: inline-size;display: flex;flex-direction: column;background-color: var(--surface-2);border-radius: 0.5rem;overflow: hidden;box-shadow: 0 1px 2px var(--surface-shadow), 0 2px 4px var(--surface-shadow), 0 4px 8px var(--surface-shadow), 0 8px 16px var(--surface-shadow), 0 16px 32px var(--surface-shadow), 0 32px 64px var(--surface-shadow);}.card .image {inline-size: 100%;block-size: auto;aspect-ratio: 16/9;object-fit: cover;vertical-align: bottom;}.card .content {flex-grow: 1;display: flex;flex-wrap: wrap;align-content: flex-start;gap: clamp(0.5rem, 5cqw, 0.75rem);padding: clamp(1rem, 5cqw, 1.5rem);}.card .title {flex-basis: 100%;font-weight: bold;font-size: clamp(1.5rem, 8cqw, 2rem);line-height: 1.2;}.card .description {flex-basis: 100%;font-size: clamp(0.8rem, 5cqw, 1rem);}.card .contact {display: flex;flex-direction: column;gap: 0.25rem 1rem;}.card .footer {display: flex;flex-wrap: wrap;gap: 0.5rem;padding: clamp(1rem, 5cqw, 1.5rem);}.card .category {margin-inline-end: auto;}@container (min-width: 350px) {.card .contact {flex-direction: row;flex-wrap: wrap;}}body:has([id="layout"]:checked) .grid {grid-template-columns:initial;}@container (min-width: 700px) {body:has([id="layout"]:checked) .card {display: grid;grid-template-columns: auto 1fr;grid-template-areas: "image content" "image content";}body:has([id="layout"]:checked) .card .image {grid-area: image;max-inline-size: 300px;height: 100%;}}@media (max-width: 700px) {.header {display: none;}}body:has([name='filter'][value='group-a']:checked) .card:not([data-category='group-a']) {display:none;}body:has([name='filter'][value='group-b']:checked) .card:not([data-category='group-b']) {display:none;}body:has([name='filter'][value='group-c']:checked) .card:not([data-category='group-c']) {display:none;}body:has([name='filter'][value='group-d']:checked) .card:not([data-category='group-d']) {display:none;}body:has([name='filter'][value='group-e']:checked) .card:not([data-category='group-e']) {display:none;}.warning {display:none;}@supports not (selector(:has(+ *))) {code {position: relative;top: -0.04em;font-size: 1.1em;font-family: "Courier", monospace;}.warning {display: block;margin-block-end: 0.5rem;flex: 1 0 100%;font-size: 0.8em;line-height: 1.2;background-color: papayawhip;padding: 1rem;border-radius: 0.25rem;}}.count-reset {counter-reset:Element;}.count-item::before {position:absolute;display:flex;right:var(--count-pos-right);bottom:var(--count-pos-bottom);justify-content:center;align-items:center;counter-increment:Element 1;content:counter(Element) '';font-size:var(--count-size);font-family:var(--count-font);font: 800 Arial;-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--count-width);-webkit-font-smoothing:antialiased;color:red;opacity:1;z-index:999;}