/* Tag, category and date listings share the current site's cards and canvas. */
.tu-archive.tu-section {
    min-height: 50vh;
    padding: 36px 0 56px;
}

.tu-archive__heading {
    margin-bottom: 32px;
    min-width: 0;
}

.tu-archive .tu-archive__back {
    align-items: center;
    color: #0781ef;
    display: inline-flex;
    font: 600 16px/1.5 Involve, Arial, sans-serif;
    gap: 8px;
    margin-bottom: 28px;
    min-height: 44px;
}

.tu-archive__back:hover { text-decoration: underline; }
.tu-archive__back:focus-visible { outline: 2px solid #0781ef; outline-offset: 4px; }

.tu-archive__heading .tu-eyebrow { margin: 0 0 12px; }

.tu-archive__heading h1 {
    color: #0a0e1a;
    font: 400 clamp(36px, 4.5vw, 64px)/1.3 "Skramp Cyr", Impact, sans-serif;
    margin: 0 0 20px;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: .2em .04em 0;
    text-transform: uppercase;
}

.tu-archive__description {
    color: #0781ef;
    font: 400 18px/1.5 Involve, Arial, sans-serif;
    margin: 0 0 12px;
    max-width: 760px;
}

.tu-archive__count {
    color: #566075;
    font: 400 14px/1.5 Involve, Arial, sans-serif;
    margin: 0;
}

.tu-archive .tu-empty-state h2 { font: 700 24px/1.4 Involve, Arial, sans-serif; }

@media (max-width: 767px) {
    .tu-archive.tu-section { padding: 24px 0 36px; }
    .tu-archive__heading { margin-bottom: 24px; }
    .tu-archive .tu-archive__back { margin-bottom: 20px; }
    .tu-archive__heading h1 { font-size: clamp(30px, 8.5vw, 44px); margin-bottom: 16px; }
    .tu-archive__description { font-size: 16px; }
}