.public-card-block {
    display: grid;
    grid-template-columns: 1fr;
    align-content: stretch;
    gap: 0;
    width: min(var(--site-page-width), calc(100vw - (var(--site-edge-gap) * 2)));
    margin: 1.25rem auto;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
    color: var(--site-text-color);
    box-shadow: 0 18px 45px rgba(17, 24, 39, 0.08);
}

.public-site .public-card-block:not([style*="--cms-block-bg"]):not([style*="--cms-block-light-bg"]):not([style*="--cms-block-dark-bg"]) {
    background: var(--surface) !important;
    box-shadow: 0 18px 45px rgba(17, 24, 39, 0.08);
}

:root[data-site-theme="dark"] .public-site .public-card-block:not([style*="--cms-block-bg"]):not([style*="--cms-block-light-bg"]):not([style*="--cms-block-dark-bg"]) {
    background: color-mix(in srgb, var(--surface-elevated), var(--site-canvas) 18%) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

.public-card-block.variant-primary {
    border-color: color-mix(in srgb, var(--blue), transparent 35%);
    background: color-mix(in srgb, var(--blue), var(--site-canvas) 90%);
}

.public-card-block.variant-secondary {
    border-color: var(--line-strong);
    background: var(--surface-alt);
}

.public-card-block.variant-info {
    border-color: color-mix(in srgb, var(--blue), transparent 35%);
    background: var(--info-surface);
    color: var(--info-ink);
}

.public-card-block.variant-success {
    border-color: color-mix(in srgb, var(--success-ink), transparent 35%);
    background: var(--success-surface);
    color: var(--success-ink);
}

.public-card-block.variant-warning {
    border-color: color-mix(in srgb, var(--warning-ink), transparent 35%);
    background: var(--warning-surface);
    color: var(--warning-ink);
}

.public-card-block.has-media.layout-media-left,
.public-card-block.has-media.layout-media-right,
.public-card-block.layout-media-left:has(> .public-card-media),
.public-card-block.layout-media-right:has(> .public-card-media),
.public-card-block.layout-media-left:has(> .site-block > .public-card-media),
.public-card-block.layout-media-right:has(> .site-block > .public-card-media) {
    grid-template-columns: minmax(240px, 0.42fr) minmax(0, 0.58fr);
}

.public-card-media {
    position: relative;
    display: grid;
    min-width: 0;
    margin: 0;
    overflow: hidden;
}

.public-card-media .cms-responsive-picture,
.public-card-media img,
.public-card-media video {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
}

.public-card-block.layout-image-top > .site-block:has(> .public-card-media),
.public-card-block.layout-image-top > .public-card-media {
    overflow: hidden;
    border-bottom: 1px solid var(--line-strong);
}

.public-card-block.layout-image-top > .site-block:has(> .public-card-media) .public-card-media .cms-responsive-picture,
.public-card-block.layout-image-top > .site-block:has(> .public-card-media) .public-card-media img,
.public-card-block.layout-image-top > .site-block:has(> .public-card-media) .public-card-media video,
.public-card-block.layout-image-top > .public-card-media .cms-responsive-picture,
.public-card-block.layout-image-top > .public-card-media img,
.public-card-block.layout-image-top > .public-card-media video {
    min-height: clamp(220px, 22vw, 320px);
    max-height: clamp(260px, 28vw, 420px);
    aspect-ratio: 16 / 10;
}

.public-card-media .cms-responsive-picture > img {
    height: 100%;
    min-height: 260px;
    object-fit: cover;
}

.public-card-block.layout-mud-card .public-card-media img,
.public-card-block.layout-mud-card .public-card-media .cms-responsive-picture,
.public-card-block.layout-mud-card .public-card-media .cms-responsive-picture > img,
.public-card-block.layout-mud-card .public-card-media video {
    min-height: 180px;
}

.public-card-content {
    display: grid;
    align-content: center;
    gap: 0.7rem;
    padding: clamp(1.2rem, 3vw, 2rem);
}

.public-card-block > .site-block:has(> .public-card-content),
.public-card-block > .site-block:has(> .cms-text-section),
.public-card-block > .site-block:has(> .public-card-actions) {
    min-width: 0;
}

.public-card-block .site-block,
.public-card-content > .site-block {
    min-width: 0;
}

.public-card-block > .site-block > .public-card-content,
.public-card-block > .site-block > .cms-text-section,
.public-card-block > .site-block > .public-card-actions {
    padding-inline: clamp(1.15rem, 2.4vw, 1.65rem);
}

.public-card-block > .site-block > .cms-text-section {
    padding-block: 0 clamp(1.1rem, 2vw, 1.35rem);
}

.public-card-block > .site-block:has(> .public-card-content) + .site-block:has(> .cms-text-section) > .cms-text-section {
    padding-top: 0;
}

.public-card-block > .site-block > .cms-text-section .rich-text,
.public-card-block > .site-block > .cms-text-section .rich-text > :is(p, ul, ol, blockquote) {
    max-width: 64ch;
    color: var(--site-text-color);
}

.public-card-content > :is(h1, h2, h3, h4, h5, h6) {
    max-width: var(--site-heading-width);
    color: var(--site-heading-color);
    line-height: 1.05;
    letter-spacing: 0;
    font-weight: var(--site-heading-font-weight, 400);
    margin-block: 0;
}

.public-card-content > :is(h1, h2, h3, h4, h5, h6) * {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit;
}

.public-card-content > h1 {
    font-size: var(--site-h1-size, 4.25rem);
}

.public-card-content > h2 {
    font-size: var(--site-h2-size, 3.25rem);
}

.public-card-content > h3 {
    font-size: var(--site-h3-size, 2.25rem);
}

.public-card-content > h4 {
    font-size: var(--site-h4-size, 1.55rem);
}

.public-card-content > h5 {
    font-size: var(--site-h5-size, 1.08rem);
}

.public-card-content > h6 {
    font-size: var(--site-h6-size, 0.95rem);
    text-transform: uppercase;
}

.public-card-header,
.public-card-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: clamp(0.85rem, 2vw, 1rem) clamp(1rem, 2.5vw, 1.25rem);
}

.public-card-header {
    border-bottom: 1px solid var(--line);
}

.public-card-header-avatar {
    display: grid;
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 50%;
    background: var(--blue);
    color: #ffffff;
    font-weight: 900;
}

.public-card-header > div {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.public-card-header strong,
.public-card-header-title {
    color: var(--site-text-color);
    font-size: 1rem;
    line-height: 1.25;
}

.public-card-header-title {
    display: block;
    min-width: 0;
}

.public-card-header-title > :is(h1, h2, h3, h4, h5, h6, p) {
    margin: 0;
    color: var(--site-heading-color);
    line-height: 1.05;
    letter-spacing: 0;
}

.public-card-header-title > :is(h1, h2, h3, h4, h5, h6) {
    font-weight: var(--site-heading-font-weight, 400);
}

.public-card-header-title > :is(h1, h2, h3, h4, h5, h6) * {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit;
}

.public-card-header-title > h1 {
    font-size: var(--site-h1-size, 4.25rem);
}

.public-card-header-title > h2 {
    font-size: var(--site-h2-size, 3.25rem);
}

.public-card-header-title > h3 {
    font-size: var(--site-h3-size, 2.25rem);
}

.public-card-header-title > h4 {
    font-size: var(--site-h4-size, 1.55rem);
}

.public-card-header-title > h5 {
    font-size: var(--site-h5-size, 1.08rem);
}

.public-card-header-title > h6 {
    font-size: var(--site-h6-size, 0.95rem);
    text-transform: uppercase;
}

.public-card-header-title > p {
    color: var(--site-text-color);
    font-size: 1rem;
    line-height: 1.25;
}

.public-card-header-content {
    display: block;
    min-width: 0;
}

.public-card-header-content > :is(h1, h2, h3, h4, h5, h6, p) {
    margin: 0;
    color: var(--site-text-color);
    line-height: 1.25;
}

.public-card-header-content > p {
    font-size: 0.95rem;
}

.public-card-actions {
    border-top: 1px solid var(--line);
    justify-content: flex-start;
}

.public-card-block > .site-block:has(> .public-card-actions) {
    margin-top: auto;
}

.public-card-block > .site-block > .public-card-actions {
    padding-top: clamp(1rem, 2vw, 1.25rem);
    border-color: var(--line-strong);
}

.public-card-block.layout-media-left > .public-card-header,
.public-card-block.layout-media-right > .public-card-header,
.public-card-block.layout-media-left > .site-block:has(> .public-card-header),
.public-card-block.layout-media-right > .site-block:has(> .public-card-header) {
    order: 0;
    grid-column: 1 / -1;
}

.public-card-block.layout-media-left > .public-card-actions,
.public-card-block.layout-media-right > .public-card-actions,
.public-card-block.layout-media-left > .site-block:has(> .public-card-actions),
.public-card-block.layout-media-right > .site-block:has(> .public-card-actions) {
    grid-column: 1 / -1;
    order: 3;
}

.public-card-actions.layout-end {
    justify-content: flex-end;
}

.public-card-actions.layout-vertical {
    align-items: stretch;
    flex-direction: column;
}

.public-card-actions .public-button-block {
    display: inline-flex;
    width: auto;
    margin: 0;
    padding: 0;
}

.public-card-block .cms-mud-simple-list {
    width: 100% !important;
    max-width: 100% !important;
    margin-block: 0 !important;
    padding-inline: 0;
}

.public-card-block .cms-mud-simple-list :is(ul, ol) {
    gap: 0.5rem;
    padding-left: clamp(1.15rem, 3vw, 1.45rem);
    padding-right: 0.1rem;
}

.public-card-block .cms-mud-simple-list.variant-plain :is(ul, ol) {
    padding-left: 0;
}

.public-card-block .cms-mud-simple-list li {
    padding-left: 0.1rem;
}

.public-card-block.no-media > .public-card-content {
    align-content: start;
}

.public-card-block.layout-media-right > .public-card-content {
    order: 1;
}

.public-card-block.layout-media-right > .public-card-media,
.public-card-block.layout-media-right > .site-block:has(> .public-card-media) {
    order: 2;
}

.public-card-block.layout-media-left > .public-card-media,
.public-card-block.layout-media-left > .site-block:has(> .public-card-media) {
    order: 1;
}

.public-card-block.layout-media-left > .public-card-content,
.public-card-block.layout-media-left > .site-block:has(> .public-card-content) {
    order: 2;
}

.public-card-block.layout-image-bottom > .public-card-content,
.public-card-block.layout-image-bottom > .site-block:has(> .public-card-content) {
    order: 1;
}

.public-card-block.layout-image-bottom > .public-card-media,
.public-card-block.layout-image-bottom > .site-block:has(> .public-card-media) {
    order: 2;
}

.public-card-block.layout-image-bottom > .public-card-actions,
.public-card-block.layout-image-bottom > .site-block:has(> .public-card-actions) {
    order: 3;
}

.public-card-block.layout-stacked,
.public-card-block.layout-image-top,
.public-card-block.layout-image-bottom,
.public-card-block.layout-mud-card {
    grid-template-columns: 1fr;
}

@media (max-width: 1180px) {
    .public-card-block.has-media.layout-media-left,
    .public-card-block.has-media.layout-media-right,
    .public-card-block.layout-media-left:has(> .public-card-media),
    .public-card-block.layout-media-right:has(> .public-card-media),
    .public-card-block.layout-media-left:has(> .site-block > .public-card-media),
    .public-card-block.layout-media-right:has(> .site-block > .public-card-media) {
        grid-template-columns: minmax(12rem, 0.42fr) minmax(0, 0.58fr);
    }

    .public-card-media img,
    .public-card-media video {
        min-height: 200px;
    }
}

@media (max-width: 760px) {
    .public-card-block,
    .public-card-block.has-media.layout-media-left,
    .public-card-block.has-media.layout-media-right,
    .public-card-block.layout-media-left:has(> .public-card-media),
    .public-card-block.layout-media-right:has(> .public-card-media),
    .public-card-block.layout-media-left:has(> .site-block > .public-card-media),
    .public-card-block.layout-media-right:has(> .site-block > .public-card-media) {
        grid-template-columns: 1fr !important;
    }

    .public-card-block.layout-media-left > *,
    .public-card-block.layout-media-right > *,
    .public-card-block.layout-image-bottom > * {
        grid-column: 1 / -1;
    }

    .public-card-media img,
    .public-card-media video {
        width: 100%;
        height: auto;
        min-height: 0 !important;
        max-height: 340px;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }

    .public-card-actions {
        align-items: stretch;
    }

    .public-card-actions > .button,
    .public-card-actions > a.button {
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .public-card-block,
    .public-card-block.has-media.layout-media-left,
    .public-card-block.has-media.layout-media-right,
    .public-card-block.layout-media-left:has(> .public-card-media),
    .public-card-block.layout-media-right:has(> .public-card-media),
    .public-card-block.layout-media-left:has(> .site-block > .public-card-media),
    .public-card-block.layout-media-right:has(> .site-block > .public-card-media) {
        grid-template-columns: 1fr !important;
    }

    .public-card-media img,
    .public-card-media video {
        width: 100%;
        height: auto;
        min-height: 0 !important;
        max-height: 360px;
        object-fit: cover;
    }

    .public-card-header,
    .public-card-content,
    .public-card-actions {
        padding: 1rem !important;
    }

    .public-card-block .cms-mud-simple-list :is(ul, ol) {
        padding-left: 1.35rem;
    }
}