/* Archive structure for standalone and embed views. */
.sps-portal-public-feed { min-height: 100svh; }
.sps-public-archive-header { position: relative; overflow: hidden; }
.sps-public-archive-nav { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: var(--sps-container); min-height: 72px; margin: 0 auto; }
.sps-public-archive-brand { display: flex; align-items: center; gap: 10px; min-width: 0; text-decoration: none; }
.sps-public-archive-brand > span:last-child, .sps-public-archive-brand small { display: block; }
.sps-public-archive-links { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.sps-public-archive-login { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 7px 10px; text-decoration: none; white-space: nowrap; }
.sps-public-archive-copy { display: flex; align-items: end; justify-content: space-between; gap: 28px; width: var(--sps-container); margin: 0 auto; padding: clamp(34px, 5vw, 66px) 0 clamp(38px, 5vw, 64px); }
.sps-public-archive-intro { min-width: 0; }
.sps-public-archive-intro h1, .sps-public-archive-intro p { margin: 0; }
.sps-public-archive-intro h1 { margin-top: 7px; }
.sps-public-archive-intro p { margin-top: 9px; }
.sps-public-archive-copy > strong { display: grid; gap: 3px; flex: 0 0 auto; text-align: right; }
.sps-public-archive-copy > strong b { display: block; }

.sps-public-archive-shell { display: grid; gap: 14px; width: var(--sps-container); margin: -24px auto 0; padding: 0 0 48px; }
.sps-public-archive-tools { display: grid; grid-template-columns: minmax(260px, 1.7fr) repeat(3, minmax(140px, .65fr)); gap: 10px; align-items: end; min-width: 0; }
.sps-public-archive-search, .sps-public-archive-filter { display: grid; gap: 6px; min-width: 0; }
.sps-public-archive-search :is(input, select), .sps-public-archive-filter :is(input, select) { width: 100%; min-width: 0; }
.sps-public-archive-table-wrap { width: 100%; max-width: 100%; overflow: auto; }
.sps-public-archive-table { width: 100%; min-width: 980px; border-collapse: collapse; }
.sps-public-archive-table th, .sps-public-archive-table td { padding: 12px; vertical-align: top; text-align: left; }
.sps-public-archive-table td { overflow-wrap: anywhere; }
.sps-public-archive-table td:nth-child(1) { width: 52px; }
.sps-public-archive-table td:last-child { width: 82px; }
.sps-public-archive-button { display: inline-flex; align-items: center; justify-content: center; min-height: 35px; padding: 7px 10px; text-decoration: none; }
.sps-public-archive-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: var(--sps-container); margin: 0 auto; padding: 20px 0 28px; }
.sps-public-archive-footer div { max-width: 680px; }
.sps-public-archive-footer p { margin: 4px 0 0; }
.sps-public-archive-footer > a { flex: 0 0 auto; text-decoration: none; }

/* Embeddable archive */
.sps-public-feed { display: grid; gap: 14px; width: 100%; min-width: 0; }
.sps-public-feed-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.sps-public-feed-head h2, .sps-public-feed-head p { margin: 0; }
.sps-public-feed-head h2 { margin-top: 4px; }
.sps-public-feed-summary { display: grid; gap: 3px; flex: 0 0 auto; text-align: right; }
.sps-public-feed-tools { display: grid; }
.sps-html-search-field { display: grid; gap: 6px; }
.sps-html-search-field input { width: 100%; }
.sps-html-table-wrap { max-width: 100%; overflow: auto; }
.sps-html-table { min-width: 880px; }

@media (max-width: 1000px) {
    .sps-public-archive-desktop-links { display: none; }
    .sps-public-archive-tools { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sps-public-archive-search { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .sps-public-archive-copy { align-items: flex-start; flex-direction: column; padding-block: 28px 48px; }
    .sps-public-archive-copy > strong { text-align: left; }
    .sps-public-archive-shell { margin-top: -23px; }
    .sps-public-archive-tools { grid-template-columns: 1fr; }
    .sps-public-archive-search { grid-column: auto; }
    .sps-public-archive-table-wrap { overflow: visible; border: 0 !important; background: transparent !important; }
    .sps-public-archive-table, .sps-public-archive-table tbody { display: grid; min-width: 0; gap: 11px; }
    .sps-public-archive-table thead { display: none; }
    .sps-public-archive-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; overflow: hidden; }
    .sps-public-archive-table td { display: grid; gap: 4px; width: auto !important; min-width: 0; }
    .sps-public-archive-table td::before { content: attr(data-label); display: block; }
    .sps-public-archive-table td:nth-child(1), .sps-public-archive-table td:nth-child(3), .sps-public-archive-table td:last-child { grid-column: 1 / -1; }
    .sps-public-archive-table .sps-public-empty-row { display: block; }
    .sps-public-archive-table .sps-public-empty-row td { display: block; }
    .sps-public-archive-table .sps-public-empty-row td::before { display: none; }
    .sps-public-archive-footer { align-items: flex-start; flex-direction: column; }
    .sps-public-feed-head { align-items: flex-start; flex-direction: column; }
    .sps-public-feed-summary { text-align: left; }
}

@media (max-width: 480px) {
    .sps-public-archive-table tr { grid-template-columns: 1fr; }
    .sps-public-archive-table td { grid-column: 1 !important; }
}