:root {
    --c365-tile-surface: #101a34;
    --c365-tile-surface-raised: #14203d;
    --c365-tile-border: rgba(118, 148, 207, 0.16);
    --c365-tile-border-soft: rgba(118, 148, 207, 0.11);
    --c365-tile-accent: #00cdf2;
    --c365-tile-accent-rgb: 0, 205, 242;
    --c365-tile-accent-muted: rgba(0, 205, 242, 0.18);
    --c365-tile-glow: rgba(0, 157, 198, 0.18);
    --c365-tile-text-primary: #f2f8fc;
    --c365-tile-text-secondary: #9fb4c3;
    --c365-tile-live: #36d5b3;
    --c365-tile-stale: #f5b543;
    --c365-tile-warning: #ffad42;
    --c365-tile-critical: #ef5249;
    --c365-tile-error: #ef5249;
    --c365-tile-radius: 22px;
    --c365-tile-control-radius: 999px;
    --c365-tile-gap: clamp(0.75rem, 2cqw, 1.25rem);
    --c365-tile-padding: clamp(1rem, 2.5cqw, 1.5rem);
    /* Compatibility aliases for renderer content while migration completes. */
    --tile-surface: var(--c365-tile-surface);
    --tile-surface-raised: var(--c365-tile-surface-raised);
    --tile-border: var(--c365-tile-border);
    --tile-border-soft: var(--c365-tile-border-soft);
    --tile-accent: var(--c365-tile-accent);
    --tile-accent-rgb: var(--c365-tile-accent-rgb);
    --tile-accent-muted: var(--c365-tile-accent-muted);
    --tile-glow: var(--c365-tile-glow);
    --tile-text-primary: var(--c365-tile-text-primary);
    --tile-text-secondary: var(--c365-tile-text-secondary);
    --tile-live: var(--c365-tile-live);
    --tile-stale: var(--c365-tile-stale);
    --tile-warning: var(--c365-tile-warning);
    --tile-critical: var(--c365-tile-critical);
    --tile-error: var(--c365-tile-error);
    --tile-radius: var(--c365-tile-radius);
    --tile-control-radius: var(--c365-tile-control-radius);
    --tile-gap: var(--c365-tile-gap);
    --tile-padding: var(--c365-tile-padding);
}

.c365-tile-shell {
    container-type: size;
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: var(--c365-tile-gap);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    padding: var(--c365-tile-padding);
    overflow: hidden;
    color: var(--c365-tile-text-primary);
    border: 1px solid var(--c365-tile-border);
    border-radius: var(--c365-tile-radius);
    background: linear-gradient(145deg, var(--c365-tile-surface-raised), var(--c365-tile-surface) 78%);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .018);
    transition: border-color 180ms ease, box-shadow 220ms ease;
}

.c365-tile-shell::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(132, 168, 224, .14), transparent 52%) top left / 62% 1px no-repeat;
    opacity: .5;
}

.c365-tile-shell:hover,
.c365-tile-shell:focus-within {
    border-color: rgba(118, 148, 207, .26);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .025);
}

.c365-tile-header {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(.45rem, 1.5cqw, .85rem);
    min-width: 0;
}

.c365-tile-title-region {
    min-width: 0;
}

.c365-tile-title {
    margin: 0;
    overflow: hidden;
    color: var(--c365-tile-text-primary);
    font-family: "Sora", "Manrope", sans-serif;
    font-size: clamp(.94rem, 2.1cqw, 1rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-tile-alert {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.c365-tile-header-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .3rem;
    min-width: 0;
}

.c365-tile-shell .c365-overflow__trigger {
    width: 34px;
    height: 34px;
    border-color: rgba(122, 153, 205, .12);
    border-radius: 50%;
    color: var(--c365-tile-text-secondary);
    background: rgba(255, 255, 255, .025);
}

.c365-tile-shell .c365-overflow__trigger:hover,
.c365-tile-shell .c365-overflow__trigger:focus-visible {
    border-color: rgba(122, 153, 205, .22);
    color: var(--c365-tile-text-primary);
    background: rgba(255, 255, 255, .055);
}

.c365-tile-action {
    min-height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: .24rem .55rem;
    border: 1px solid var(--c365-tile-border-soft);
    border-radius: var(--c365-tile-control-radius);
    color: var(--c365-tile-text-primary);
    background: rgba(3, 15, 26, .42);
    font-size: clamp(.62rem, 1.55cqw, .74rem);
    font-weight: 650;
    line-height: 1;
}

.c365-tile-action:hover,
.c365-tile-action:focus-visible {
    color: #fff;
    border-color: var(--c365-tile-border);
    background: rgba(var(--c365-tile-accent-rgb), .1);
}

.c365-tile-state[href] { cursor: pointer; }

.c365-tile-shell--critical {
    --c365-tile-accent: var(--c365-tile-critical);
    --c365-tile-accent-rgb: 239, 82, 73;
    --c365-tile-accent-muted: rgba(239, 82, 73, .2);
    --c365-tile-surface: #31090f;
    --c365-tile-surface-raised: #721d24;
    --c365-tile-border: rgba(255, 88, 78, .94);
    --c365-tile-border-soft: rgba(255, 117, 108, .48);
    --c365-tile-glow: rgba(239, 82, 73, .44);
    --c365-tile-text-primary: #ff8179;
    --c365-tile-text-secondary: #ffaaa5;
    --c365-muted: #ffaaa5;
    --c365-text: #ff8179;
    --tile-accent: var(--c365-tile-accent);
    --tile-accent-rgb: var(--c365-tile-accent-rgb);
    --tile-accent-muted: var(--c365-tile-accent-muted);
    --tile-surface: var(--c365-tile-surface);
    --tile-surface-raised: var(--c365-tile-surface-raised);
    --tile-border: var(--c365-tile-border);
    --tile-border-soft: var(--c365-tile-border-soft);
    --tile-glow: var(--c365-tile-glow);
    --tile-text-primary: var(--c365-tile-text-primary);
    --tile-text-secondary: var(--c365-tile-text-secondary);
}

.c365-tile-shell--warning {
    --c365-tile-accent: var(--c365-tile-warning);
    --c365-tile-accent-rgb: 255, 173, 66;
    --c365-tile-border: rgba(255, 173, 66, .46);
    --c365-tile-border-soft: rgba(255, 173, 66, .3);
}

.c365-tile-action-menu {
    position: relative;
    flex: 0 0 auto;
}

.c365-tile-action-menu summary {
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 7px;
    color: var(--c365-tile-text-secondary);
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    list-style: none;
}

.c365-tile-action-menu summary::-webkit-details-marker { display: none; }
.c365-tile-action-menu summary:hover,
.c365-tile-action-menu summary:focus-visible {
    color: var(--c365-tile-text-primary);
    background: rgba(255, 255, 255, .06);
    outline: none;
}

.c365-tile-action-menu__items {
    position: absolute;
    top: calc(100% + .35rem);
    right: 0;
    z-index: 1200;
    display: grid;
    min-width: 172px;
    padding: .35rem;
    border: 1px solid var(--c365-tile-border-soft);
    border-radius: 9px;
    background: #0b1821;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .42);
}

.c365-tile-action-menu__items button {
    padding: .5rem .65rem;
    border: 0;
    border-radius: 6px;
    color: var(--c365-tile-text-primary);
    background: transparent;
    text-align: left;
    white-space: nowrap;
}

.c365-tile-action-menu__items button:hover,
.c365-tile-action-menu__items button:focus-visible {
    background: rgba(255, 255, 255, .06);
    outline: none;
}

.c365-tile-action-menu__items button.is-danger {
    color: #ff8d87;
}

.c365-tile-shell--critical {
    border-color: var(--c365-tile-border);
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 122, 111, .34), transparent 48%),
        linear-gradient(145deg, var(--c365-tile-surface-raised), var(--c365-tile-surface) 62%, #1d060a);
    box-shadow:
        inset 0 0 42px rgba(var(--c365-tile-accent-rgb), .18),
        0 0 30px rgba(var(--c365-tile-accent-rgb), .38),
        0 18px 38px rgba(0, 0, 0, .42);
}

.c365-tile-shell--critical[data-c365-alert-effect="pulsered"] {
    animation: c365-critical-tile-pulse 1.6s ease-in-out infinite;
}

@keyframes c365-critical-tile-pulse {
    0%, 100% {
        filter: brightness(1);
        box-shadow:
            inset 0 0 32px rgba(var(--c365-tile-accent-rgb), .12),
            0 0 18px rgba(var(--c365-tile-accent-rgb), .28),
            0 10px 28px rgba(0, 0, 0, .28);
    }
    50% {
        filter: brightness(1.16);
        box-shadow:
            inset 0 0 42px rgba(var(--c365-tile-accent-rgb), .24),
            0 0 34px rgba(var(--c365-tile-accent-rgb), .58),
            0 10px 28px rgba(0, 0, 0, .28);
    }
}

@media (prefers-reduced-motion: reduce) {
    .c365-tile-shell--critical[data-c365-alert-effect="pulsered"] {
        animation: none;
    }
}

.tile-runtime-transition-enter-critical .c365-tile-shell,
.c365-tile-shell.tile-runtime-transition-enter-critical {
    animation: c365-premium-critical-entry 1.25s ease-out 1;
}

@keyframes c365-premium-critical-entry {
    0% {
        border-color: rgba(255, 98, 87, .88);
    }
}

.c365-tile-shell--critical .c365-tile-title {
    color: var(--c365-tile-text-primary);
}

.c365-tile-shell--critical .c365-tile-content,
.c365-tile-shell--critical .c365-metric-impact,
.c365-tile-shell--critical .c365-metric-unit,
.c365-tile-shell--critical .c365-line-current,
.c365-tile-shell--critical .c365-gauge-renderer__value,
.c365-tile-shell--critical .c365-clock-tile,
.c365-tile-shell--critical .c365-table-renderer table,
.c365-tile-shell--critical .c365-html-renderer__content,
.c365-tile-shell--critical .c365-html-hero__value,
.c365-tile-shell--critical .c365-detailed-record__fields dd,
.c365-tile-shell--critical .c365-small-multiple h3 {
    color: var(--c365-tile-text-primary);
}

.c365-tile-shell--critical .c365-tile-support,
.c365-tile-shell--critical .c365-trend,
.c365-tile-shell--critical .c365-table-renderer th,
.c365-tile-shell--critical .c365-table-renderer__empty,
.c365-tile-shell--critical .c365-html-hero__summary,
.c365-tile-shell--critical .c365-detailed-record__date,
.c365-tile-shell--critical .c365-detailed-record__fields dt,
.c365-tile-shell--critical .c365-detailed-record__fields dd.is-missing,
.c365-tile-shell--critical .c365-detailed-record__empty {
    color: var(--c365-tile-text-secondary);
}

.c365-tile-shell--critical .c365-html-hero {
    --c365-html-hero-tone: var(--c365-tile-critical);
    --c365-html-hero-tone-rgb: var(--c365-tile-accent-rgb);
}

.c365-tile-shell--critical :is(canvas, img, svg) {
    filter: sepia(1) saturate(7) hue-rotate(305deg) brightness(1.08);
}

.c365-tile-shell--critical .c365-tile-action {
    border-color: rgba(239, 82, 73, .42);
    background: rgba(48, 10, 15, .72);
}

.c365-tile-shell--critical [data-c365-overflow-trigger],
.c365-tile-shell--critical [data-board-tile-size-control],
.c365-tile-shell--critical [data-board-tile-size] {
    color: var(--c365-tile-text-primary);
}

.c365-tile-shell--critical .c365-tile-action:hover,
.c365-tile-shell--critical .c365-tile-action:focus-visible {
    border-color: rgba(255, 117, 108, .88);
    background: rgba(239, 82, 73, .2);
}

.c365-tile-shell--critical .c365-tile-alert {
    color: #ffd8d6;
}

.c365-tile-shell--warning .c365-tile-alert {
    color: #ffe1aa;
}

.c365-tile-content {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.c365-tile-content > * {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
}

.c365-tile-shell--loading .c365-tile-content {
    display: grid;
    place-items: center;
}

.c365-tile-loading {
    width: min(72%, 22rem);
    display: grid;
    gap: .65rem;
}

.c365-tile-loading::before,
.c365-tile-loading::after {
    content: "";
    height: .68rem;
    border-radius: 999px;
    background: linear-gradient(90deg,
        rgba(var(--c365-tile-accent-rgb), .08),
        rgba(var(--c365-tile-accent-rgb), .24),
        rgba(var(--c365-tile-accent-rgb), .08));
    background-size: 200% 100%;
    animation: c365-tile-loading-shimmer 1.35s ease-in-out infinite;
}

.c365-tile-loading::after { width: 68%; }

.c365-tile-state-view {
    height: 100%;
    display: grid;
    place-content: center;
    color: var(--c365-tile-text-secondary);
    text-align: center;
    gap: .55rem;
    padding: clamp(.75rem, 3cqw, 1.5rem);
}

.c365-tile-state-view strong {
    color: var(--c365-tile-text-primary);
    font-size: clamp(1rem, 4cqw, 1.35rem);
}

.c365-tile-state-view__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
    margin-top: .35rem;
}

.c365-tile-overlay {
    position: absolute;
    inset: var(--c365-tile-padding);
    z-index: 5;
    pointer-events: none;
}

.grid-stack-item-content > .c365-tile-shell {
    width: 100%;
    height: 100%;
}

@keyframes c365-tile-loading-shimmer {
    50% { background-position: 100% 0; }
}

.c365-tile-shell--refreshing [data-c365-tile-content]::after {
    position: absolute;
    top: .45rem;
    right: .45rem;
    z-index: 2;
    width: .72rem;
    height: .72rem;
    border: 1px solid var(--c365-tile-text-secondary);
    border-right-color: transparent;
    border-radius: 50%;
    content: "";
    display: block;
    pointer-events: none;
    animation: c365-data-refresh-spin .8s linear infinite;
}

.c365-tile-shell [data-c365-tile-content] {
    position: relative;
}

.c365-tile-detail-evidence {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    align-items: baseline;
    justify-content: space-between;
    gap: .7rem;
    min-width: 0;
    padding-top: .42rem;
    border-top: 1px solid rgba(var(--c365-tile-accent-rgb), .16);
    color: var(--c365-tile-text-secondary);
    font-size: clamp(.62rem, 1.8cqw, .74rem);
    line-height: 1.25;
    pointer-events: none;
}

.c365-tile-detail-evidence strong {
    min-width: 0;
    overflow: hidden;
    color: var(--c365-tile-text-primary);
    font-family: "Sora", "Manrope", sans-serif;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-board-detail .c365-tile-shell[data-c365-surface="Board"][data-c365-detail-supported="true"] .c365-tile-detail-evidence {
    display: flex;
}

.c365-board-detail .c365-tile-shell[data-c365-surface="Board"][data-c365-detail-supported="true"] :is(.c365-metric-renderer, .c365-gauge-renderer, .c365-clock-tile) {
    padding-bottom: clamp(1.45rem, 5cqh, 2rem);
}

@keyframes c365-data-refresh-spin {
    to { transform: rotate(360deg); }
}

.c365-metric-renderer {
    --c365-metric-font-size: clamp(2.75rem, 14cqw, 4rem);
    container-type: size;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(.35rem, 1.5cqh, .65rem);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    padding: clamp(.2rem, 1.4cqw, .5rem) 0;
    overflow: hidden;
}

.c365-tile-support {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(.35rem, 1.6cqw, .75rem);
    width: 100%;
    min-width: 0;
    color: var(--c365-tile-text-secondary);
    font-size: clamp(.66rem, 2.2cqw, .82rem);
    line-height: 1.25;
}

.c365-trend {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .22rem;
    font-family: "Sora", "Manrope", sans-serif;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.c365-trend[hidden] { display: none; }
.c365-trend.is-positive { color: #55d69a; }
.c365-trend.is-negative { color: var(--c365-tile-critical); }
.c365-trend.is-directional { color: var(--c365-tile-accent); }
.c365-trend.is-neutral { color: var(--c365-tile-text-secondary); }

.c365-trend__arrow {
    font-size: 1.08em;
    line-height: 1;
}

.c365-metric-impact {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-start;
    min-width: 0;
    color: var(--c365-tile-text-primary);
    font-size: var(--c365-metric-font-size);
    font-variant-numeric: tabular-nums lining-nums;
    line-height: 1.08;
    letter-spacing: -.035em;
    white-space: nowrap;
}

.c365-metric-value {
    flex: 0 0 auto;
    min-width: 0;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1em;
    font-weight: 450;
    line-height: inherit;
}

.c365-metric-unit {
    flex: 0 0 auto;
    margin-left: .24em;
    color: var(--c365-tile-text-primary);
    font-family: "Manrope", sans-serif;
    font-size: .34em;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: .01em;
}

.c365-metric-unit-degree {
    position: relative;
    top: -.28em;
    display: inline-block;
    margin-right: .02em;
    font-size: .7em;
    line-height: 1;
}

.c365-metric-unit[hidden] {
    display: none;
}

.c365-line-tile {
    container-type: size;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    gap: var(--tile-gap);
    min-width: 0;
    min-height: 0;
    padding: var(--tile-padding);
    color: var(--tile-text-primary);
    background:
        radial-gradient(circle at 15% 0%, rgba(var(--tile-accent-rgb), 0.11), transparent 38%),
        linear-gradient(155deg, var(--tile-surface-raised), var(--tile-surface) 58%);
    border: 1px solid var(--tile-border);
    border-radius: var(--tile-radius);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .018);
    overflow: hidden;
}

.c365-tile-content > .c365-line-tile {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.c365-line-renderer {
    display: flex;
    flex-direction: column;
    gap: var(--c365-tile-gap);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.c365-line-renderer .c365-line-tile__stats {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    align-items: baseline;
    gap: clamp(.45rem, 2cqw, 1rem);
    min-width: 0;
    white-space: nowrap;
}

.c365-line-renderer .c365-line-tile__stats > .c365-tile-support {
    justify-self: stretch;
    justify-content: flex-end;
    text-align: right;
}

.c365-metric-stat-row {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: baseline;
    justify-content: space-between;
    gap: clamp(.45rem, 3cqw, 1rem);
}

.c365-metric-stat-row .c365-metric-impact { flex: 1 1 auto; }
.c365-metric-stat-row .c365-tile-support { flex: 0 1 auto; margin-left: auto; text-align: right; }

.c365-line-renderer .c365-line-impact {
    min-width: 0;
}

.c365-line-renderer .c365-line-current {
    display: flex;
    align-items: baseline;
    gap: .16rem;
    min-width: 0;
    color: var(--c365-tile-text-primary);
}

.c365-line-renderer .c365-line-current > span {
    font-family: "Sora", "Manrope", sans-serif;
    font-size: clamp(2.15rem, 9.5cqw, 4rem);
    font-weight: 450;
    line-height: 1;
}

.c365-line-renderer .c365-line-current small {
    color: var(--c365-tile-text-primary);
    font-size: clamp(.7rem, 2.4cqw, 1rem);
    font-weight: 500;
    line-height: 1;
}

.c365-line-renderer .c365-line-supporting-stats {
    display: flex;
    align-items: baseline;
    gap: clamp(.4rem, 1.8cqw, .85rem);
    min-width: 0;
}

.c365-line-renderer .c365-line-supporting-stats > div {
    display: inline-flex;
    align-items: baseline;
    gap: clamp(.16rem, .7cqw, .3rem);
    min-width: 0;
}

.c365-line-renderer .c365-line-supporting-stats span {
    color: var(--c365-tile-text-secondary);
    font-size: clamp(.6rem, 1.3cqw, .7rem);
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.c365-line-renderer .c365-line-supporting-stats strong {
    min-width: 0;
    overflow: hidden;
    color: var(--c365-tile-text-primary);
    font-size: clamp(.68rem, 1.8cqw, .9rem);
    font-weight: 500;
    font-variant-numeric: tabular-nums lining-nums;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-line-renderer .c365-line-tile__chart-wrap {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0;
    flex: 1 1 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.c365-line-renderer .c365-line-tile__chart-wrap canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 0;
}

.c365-line-renderer .c365-line-periods {
    --c365-date-range-height: clamp(2.1rem, 5.2cqh, 2.65rem);
    --c365-date-range-width: 12rem;
    flex: 0 0 auto;
    justify-self: center;
    border: 1px solid rgba(118, 148, 207, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .025);
}

.c365-line-renderer .c365-line-periods select {
    font-size: clamp(.72rem, 1.7cqw, .9rem);
}

.c365-line-renderer .c365-line-interactions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    min-height: 1.5rem;
}

.c365-line-renderer .c365-line-interactions[hidden] {
    display: none;
}

.c365-line-renderer .c365-line-interactions button,
.c365-line-renderer .c365-line-interactions a {
    border: 0;
    padding: .2rem .35rem;
    background: transparent;
    color: var(--c365-tile-accent, #4bc8e7);
    font-size: .72rem;
    text-decoration: underline;
    cursor: pointer;
}

.c365-line-renderer .c365-line-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    gap: .35rem;
    border-top: 1px solid rgba(118, 148, 207, .08);
    background: transparent;
    overflow: hidden;
}

.c365-line-renderer .c365-line-summary__item {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .12rem .48rem;
    align-items: center;
    padding: clamp(.46rem, 1.25cqw, .78rem);
    border-left: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, .018);
}

.c365-line-renderer .c365-line-summary__item:first-child {
    border-left: 0;
}

.c365-line-renderer .c365-line-summary__item i {
    grid-row: span 2;
    color: var(--c365-tile-accent);
    font-size: clamp(.9rem, 2cqw, 1.25rem);
}

.c365-line-renderer .c365-line-summary__item span {
    color: #a4afc0;
    font-size: clamp(.6rem, 1.3cqw, .8rem);
    font-weight: 750;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.c365-line-renderer .c365-line-summary__item strong {
    min-width: 0;
    overflow: hidden;
    color: #f3f7fb;
    font-size: clamp(.9rem, 2cqw, 1.25rem);
    line-height: 1.08;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-line-renderer .c365-line-periods {
    justify-self: center;
}

@container (max-width: 220px) {
    .c365-tile-header-controls .c365-tile-action {
        width: 2rem;
        padding-inline: 0;
        overflow: hidden;
        font-size: .66rem;
    }

    .c365-line-renderer .c365-line-tile__stats {
        gap: .4rem;
    }

    .c365-line-renderer .c365-line-supporting-stats {
        flex: 1 1 auto;
        justify-content: flex-end;
        gap: .38rem;
    }

    .c365-line-renderer .c365-line-supporting-stats span {
        display: none;
    }
}

@container (max-width: 190px) {
    .c365-line-renderer .c365-line-stat--minimum {
        display: none;
    }
}

@container (max-width: 160px) {
    .c365-line-renderer .c365-line-stat--maximum {
        display: none;
    }
}

.c365-line-tile__top,
.c365-line-tile__stats {
    min-width: 0;
}

.c365-line-tile__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.6rem;
}

.c365-line-tile__title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-line-tile__controls {
    justify-self: end;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.4rem;
    min-width: 0;
}

.c365-line-current,
.c365-line-average-card strong,
.c365-line-average-card span {
    white-space: nowrap;
}

.c365-line-current small,
.c365-line-average-card span,
.c365-line-summary small {
    margin-left: 0.18em;
    vertical-align: baseline;
}

.c365-line-tile__chart-wrap,
.c365-line-chart-anchor {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.c365-line-periods {
    display: inline-grid !important;
    width: min(100%, var(--c365-date-range-width)) !important;
    min-width: 0;
    box-sizing: border-box;
    overflow: visible !important;
}

.c365-line-summary {
    min-width: 0;
}

@container (max-width: 440px), (max-height: 440px) {
    .c365-line-tile {
        grid-template-rows: auto auto minmax(64px, 1fr) auto auto;
        gap: 0.3rem;
        padding: 0.58rem;
    }

    .c365-line-tile__controls .tile-option-menu {
        display: none;
    }

    .c365-line-tile__stats {
        grid-template-columns: minmax(0, auto) minmax(50px, .3fr) minmax(126px, 1fr);
        gap: 0.3rem;
    }

    .c365-line-current span {
        font-size: clamp(1.55rem, 10cqw, 2.25rem);
    }

    .c365-line-average-card {
        min-width: 0;
    }

    .c365-line-average-card div {
        font-size: 0.6rem;
    }

    .c365-line-average-card strong {
        font-size: clamp(1rem, 5.5cqw, 1.35rem);
    }

    .c365-line-periods {
        --c365-date-range-height: 2rem;
        --c365-date-range-width: 10.5rem;
    }

    .c365-line-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .c365-line-summary > div {
        display: none !important;
    }

    .c365-line-summary > div:first-child,
    .c365-line-summary > div:last-child {
        display: grid !important;
    }
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-renderer {
    gap: .28rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-tile__stats {
    grid-template-columns: minmax(0, auto) minmax(42px, .28fr) minmax(108px, 1fr);
    gap: .24rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-current > span {
    font-size: clamp(1.65rem, 10cqw, 2.45rem);
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-current-descriptor span {
    font-size: .52rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-supporting-stats > div {
    padding-inline: .18rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-tile__chart-wrap,
.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-tile__chart-wrap canvas {
    min-height: 0;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-periods {
    --c365-date-range-height: 1.9rem;
    --c365-date-range-width: 10rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 10px;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-summary__item {
    display: none;
    padding: .3rem .4rem;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-summary__item--peak,
.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-summary__item--updated {
    display: grid;
}

.c365-tile-shell[data-c365-size-mode="compact"] .c365-line-summary__item--updated {
    border-left: 1px solid rgba(var(--c365-tile-accent-rgb), .58);
}

.c365-tile-shell[data-c365-size-mode="compact-tall"] .c365-line-renderer {
    gap: .35rem;
}

.c365-tile-shell[data-c365-size-mode="compact-tall"] .c365-line-summary,
.c365-tile-shell[data-c365-size-mode="wide"] .c365-line-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.c365-tile-shell[data-c365-size-mode="compact-tall"] .c365-line-summary__item:nth-child(odd),
.c365-tile-shell[data-c365-size-mode="wide"] .c365-line-summary__item:nth-child(odd) {
    border-left: 0;
}

.c365-tile-shell[data-c365-size-mode="wide"] .c365-line-renderer {
    gap: .35rem;
}

.c365-tile-shell[data-c365-size-mode="wide"] .c365-line-current > span {
    font-size: clamp(1.7rem, 5cqw, 2.55rem);
}

/* The shared renderer owns line-chart composition on every host surface. The
   extra shell specificity prevents historical page-level preview rules from
   changing the board and catalogue visual language independently. */
.c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-tile__stats {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    align-items: baseline;
    gap: clamp(.45rem, 2cqw, 1rem);
    white-space: nowrap;
}

@container (max-width: 220px) {
    .c365-metric-renderer {
        flex-direction: row;
        align-items: center;
        gap: .45rem;
    }

    .c365-metric-renderer .c365-tile-support {
        flex: 1 1 auto;
    }

    .c365-line-renderer .c365-line-tile__stats,
    .c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-tile__stats {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: baseline;
        gap: .45rem;
    }
}

.c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-current > span {
    font-size: clamp(1.85rem, 8cqw, 3.15rem);
    line-height: 1;
}

.c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-supporting-stats {
    display: flex;
    align-items: baseline;
}

.c365-tile-shell--critical .c365-line-renderer .c365-line-current {
    color: var(--c365-tile-critical);
}

@container (max-width: 220px) {
    .c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-supporting-stats span {
        display: none;
    }
}

@container (max-width: 190px) {
    .c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-stat--minimum {
        display: none;
    }
}

@container (max-width: 160px) {
    .c365-tile-shell[data-c365-renderer="lineChart"] .c365-line-renderer .c365-line-stat--maximum {
        display: none;
    }
}

.c365-gauge-renderer,
.c365-table-renderer,
.c365-html-renderer {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.c365-gauge-renderer {
    display: grid;
    place-items: center;
    padding: clamp(.25rem, 1.8cqw, .65rem);
}

.c365-gauge-renderer__dial {
    display: grid;
    place-items: center;
    width: min(78cqw, 78cqh, 13rem);
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #081821 0 58%, transparent 59%),
        conic-gradient(var(--c365-tile-accent) var(--c365-gauge-fill, 0%), rgba(var(--c365-tile-accent-rgb), .12) 0);
}

.c365-gauge-renderer__value {
    color: var(--c365-tile-text-primary, #f2f8fc);
    font-size: clamp(1.35rem, 12cqw, 3.2rem);
    font-weight: 700;
    line-height: 1;
}

.c365-table-renderer {
    overflow: auto;
    scrollbar-gutter: stable;
}

.c365-table-renderer table {
    width: 100%;
    border-collapse: collapse;
    color: var(--c365-tile-text-primary, #f2f8fc);
    font-size: clamp(.7rem, 2.5cqw, .9rem);
}

.c365-table-renderer th,
.c365-table-renderer td {
    padding: .42rem .55rem;
    border-bottom: 1px solid var(--c365-tile-border-soft);
    text-align: left;
    white-space: nowrap;
}

.c365-table-renderer th {
    position: sticky;
    top: 0;
    color: var(--c365-tile-text-secondary);
    background: var(--c365-tile-surface-raised);
    font-size: .82em;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.c365-table-renderer__empty {
    margin: 0;
    color: var(--c365-tile-text-muted, #91a9ba);
}

.c365-macro-reviewer {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: .75rem;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.c365-macro-reviewer__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
}

.c365-macro-reviewer__summary div { display: grid; gap: .15rem; min-width: 0; }
.c365-macro-reviewer__summary span {
    color: var(--c365-tile-text-secondary);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.c365-macro-reviewer__summary strong {
    color: var(--c365-tile-text-primary, #f2f8fc);
    font-size: clamp(.9rem, 3.6cqw, 1.25rem);
}
.c365-macro-reviewer__summary div:last-child strong,
.c365-macro-reviewer__saving { color: var(--c365-tile-accent, #21b8e6); }
.c365-macro-reviewer__grid {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    scrollbar-gutter: stable;
}
.c365-macro-reviewer table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    color: var(--c365-tile-text-primary, #f2f8fc);
    font-size: clamp(.7rem, 2cqw, .86rem);
}
.c365-macro-reviewer th:nth-child(1),
.c365-macro-reviewer td:nth-child(1) { width: 30%; }
.c365-macro-reviewer th:nth-child(n+2):nth-child(-n+5),
.c365-macro-reviewer td:nth-child(n+2):nth-child(-n+5) { width: 13%; }
.c365-macro-reviewer th:nth-child(6),
.c365-macro-reviewer td:nth-child(6) { width: 18%; }
.c365-macro-reviewer th,
.c365-macro-reviewer td {
    padding: .48rem .55rem;
    border-bottom: 1px solid var(--c365-tile-border-soft);
    text-align: left;
    vertical-align: top;
}
.c365-macro-reviewer th {
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--c365-tile-text-secondary);
    background: var(--c365-tile-surface-raised);
    font-size: .7rem;
    text-transform: uppercase;
}
.c365-macro-reviewer__item { min-width: 0; white-space: normal; }
.c365-macro-reviewer__item > strong { color: var(--c365-tile-text-primary, #f2f8fc); font: inherit; font-weight: 650; }
.c365-macro-reviewer__suggestion { display: block; margin-top: .2rem; color: var(--c365-tile-accent, #21b8e6); font-size: .92em; line-height: 1.35; white-space: normal; }
.c365-macro-reviewer__nutrition { min-width: 0; white-space: normal; color: var(--c365-tile-text-primary, #f2f8fc); }
.c365-macro-reviewer__nutrition > strong { color: var(--c365-tile-text-primary, #f2f8fc); font: inherit; font-weight: 500; }
.c365-macro-reviewer__saving { min-width: 0; white-space: nowrap; }
.c365-macro-reviewer__empty { margin: 0; color: var(--c365-tile-text-muted, #91a9ba); }

.c365-html-renderer__content {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: clamp(.2rem, 1.4cqw, .5rem) 0 0;
    overflow: auto;
    color: var(--c365-tile-text-primary, #f2f8fc);
}

/* Controlled HTML hero composition: expressive enough for unique outcomes while
   remaining inside the shared Tile shell and its responsive sizing contract. */
.c365-html-hero {
    --c365-html-hero-tone: var(--c365-tile-accent, #21b8e6);
    --c365-html-hero-tone-rgb: var(--c365-tile-accent-rgb, 33, 184, 230);
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(5rem, .72fr) minmax(0, 1.28fr);
    align-items: center;
    gap: clamp(.8rem, 4cqw, 2.25rem);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: clamp(.4rem, 2cqw, 1rem) clamp(.25rem, 1.5cqw, .75rem);
    overflow: hidden;
    box-sizing: border-box;
}

.c365-html-hero::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 17%;
    width: min(48cqw, 19rem);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--c365-html-hero-tone-rgb), .18), transparent 68%);
    content: "";
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.c365-html-hero--positive {
    --c365-html-hero-tone: var(--c365-tile-live, #36d5b3);
    --c365-html-hero-tone-rgb: 54, 213, 179;
}

.c365-html-hero--attention {
    --c365-html-hero-tone: var(--c365-tile-critical, #ef5249);
    --c365-html-hero-tone-rgb: 239, 82, 73;
}

.c365-html-hero--neutral {
    --c365-html-hero-tone: var(--c365-tile-accent, #21b8e6);
    --c365-html-hero-tone-rgb: var(--c365-tile-accent-rgb, 33, 184, 230);
}

.c365-html-hero.c365-html-hero--text {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: clamp(.75rem, 4cqw, 2rem);
}

.c365-html-hero.c365-html-hero--text::before {
    display: none;
}

.c365-html-hero--text .c365-html-hero__copy {
    width: 100%;
}

.c365-html-hero--text .c365-html-hero__value {
    font-size: clamp(2.5rem, 12cqw, 5.5rem);
}

.c365-html-hero__visual {
    display: grid;
    place-items: center;
    justify-self: center;
    width: min(31cqw, 64cqh, 10.5rem);
    min-width: 4.5rem;
    aspect-ratio: 1;
    color: var(--c365-html-hero-tone);
    border: 1px solid rgba(var(--c365-html-hero-tone-rgb), .3);
    border-radius: 50%;
    background: radial-gradient(circle at 48% 42%, rgba(var(--c365-html-hero-tone-rgb), .15), rgba(var(--c365-html-hero-tone-rgb), .035) 62%, transparent 63%);
    box-shadow: inset 0 0 2rem rgba(var(--c365-html-hero-tone-rgb), .08), 0 0 2.6rem rgba(var(--c365-html-hero-tone-rgb), .1);
}

.c365-html-hero__icon {
    width: 61%;
    height: 61%;
    overflow: visible;
    filter: drop-shadow(0 0 .7rem rgba(var(--c365-html-hero-tone-rgb), .28));
}

.c365-html-hero__door {
    opacity: .62;
}

.c365-html-hero__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
}

.c365-html-hero__eyebrow {
    color: var(--c365-html-hero-tone);
    font-size: clamp(.68rem, 2.1cqw, .88rem);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.c365-html-hero__value {
    max-width: 100%;
    margin-top: clamp(.18rem, .8cqh, .5rem);
    overflow: hidden;
    color: var(--c365-tile-text-primary, #f2f8fc);
    font-family: "Sora", "Manrope", sans-serif;
    font-size: clamp(2rem, 10cqw, 4.5rem);
    font-weight: 690;
    line-height: .98;
    letter-spacing: -.055em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-html-hero__summary {
    margin-top: clamp(.42rem, 1.6cqh, .85rem);
    color: var(--c365-tile-text-secondary, #9fb4c3);
    font-size: clamp(.76rem, 2.35cqw, 1rem);
    font-weight: 520;
    line-height: 1.35;
}

@container (max-width: 330px), (max-height: 185px) {
    .c365-html-hero {
        grid-template-columns: minmax(3.5rem, .52fr) minmax(0, 1.48fr);
        gap: clamp(.55rem, 3cqw, .9rem);
        padding-block: .15rem;
    }

    .c365-html-hero__visual {
        width: min(26cqw, 55cqh, 6.5rem);
        min-width: 3.5rem;
    }

    .c365-html-hero__value {
        font-size: clamp(1.55rem, 12cqw, 2.6rem);
    }

    .c365-html-hero__summary {
        margin-top: .3rem;
    }
}
/* Shared rich-record Tile. It intentionally uses the same shell and body scale as other typed Tiles. */
.c365-detailed-record{display:grid;align-content:start;gap:.75rem;height:100%;min-height:0;overflow:auto}.c365-detailed-record__date{color:var(--c365-muted,#91aaba);font-size:.78rem}.c365-detailed-record__fields{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,1.4fr);gap:.45rem 1rem;margin:0}.c365-detailed-record__fields dt{color:var(--c365-muted,#91aaba);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c365-detailed-record__fields dd{color:var(--c365-text,#edf8ff);font-weight:600;margin:0;min-width:0;overflow-wrap:anywhere}.c365-detailed-record__fields dd.is-missing{color:var(--c365-muted,#91aaba);font-weight:400}.c365-detailed-record__empty{color:var(--c365-muted,#91aaba);margin:auto;text-align:center}@media(max-width:520px){.c365-detailed-record__fields{grid-template-columns:1fr}.c365-detailed-record__fields dd{margin-bottom:.45rem}}
.c365-small-multiples,
.c365-small-multiples__grid {
    min-width: 0;
    min-height: 0;
    height: 100%;
}

.c365-small-multiples__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
    gap: var(--c365-space-3, .75rem);
}

.c365-small-multiple {
    display: grid;
    grid-template-rows: auto minmax(90px, 1fr);
    min-width: 0;
    min-height: 0;
}

.c365-small-multiple h3 {
    overflow: hidden;
    margin: 0 0 .25rem;
    color: var(--c365-tile-text-primary);
    font-size: var(--c365-navigation-font-size, .86rem);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-small-multiple canvas {
    width: 100% !important;
    height: 100% !important;
    min-height: 90px;
}

.c365-small-multiple canvas:focus-visible {
    outline: 2px solid var(--c365-focus, #49c8dc);
    outline-offset: 2px;
    border-radius: .25rem;
}

/* Micro is the governed one-half-row Board composition. It deliberately
   prioritises the Tile identity, primary value and trend shape over controls
   and analytical detail that cannot remain legible at this height. */
.c365-tile-shell[data-c365-size-mode="micro"] {
    --c365-tile-gap: .18rem;
    --c365-tile-padding: .5rem .62rem;
    --c365-tile-radius: 14px;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-tile-title {
    font-size: clamp(.76rem, 2.35cqw, .94rem);
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-tile-header-controls {
    gap: .12rem;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-tile-state,
.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-periods,
.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-interactions,
.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-summary {
    display: none !important;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-renderer {
    display: grid;
    grid-template-columns: minmax(4.8rem, auto) minmax(5rem, 1fr);
    align-items: stretch;
    gap: clamp(.4rem, 2cqw, .8rem);
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-tile__stats {
    display: flex !important;
    align-items: center;
    min-width: 0;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-tile__stats > .c365-tile-support {
    display: none;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-current > span {
    max-width: 100%;
    overflow: hidden;
    font-size: clamp(1.35rem, 7.2cqw, 2.15rem) !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-current small {
    font-size: clamp(.58rem, 1.7cqw, .78rem);
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-line-tile__chart-wrap {
    align-self: stretch;
    height: 100%;
    min-height: 0;
    border-radius: 6px;
    background: transparent;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-metric-renderer {
    --c365-metric-font-size: clamp(1.55rem, 8cqw, 2.45rem);
    justify-content: center;
    padding: 0;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-metric-stat-row {
    align-items: center;
}

.c365-tile-shell[data-c365-size-mode="micro"] .c365-tile-support {
    font-size: clamp(.58rem, 1.8cqw, .7rem);
}

@media (max-width: 640px) {
    .c365-small-multiples__grid { grid-template-columns: 1fr; }
    .c365-small-multiple { min-height: 150px; }
}