/* Archive pages share the reference-led header/footer and design system. */
.archive-page main { padding-bottom: 24px; }
.archive-page .nav a[aria-current="page"] { background: #d9f5f1; color: #176d70; padding-left: 14px; padding-right: 14px; }
.breadcrumbs { margin: 24px 0 16px; font-size: 13px; word-wrap: break-word; }
.breadcrumbs a { display: inline-block; padding: 10px 0; min-height: 44px; }
.archive-heading { position: relative; background: #d9f5f1; border: 1px solid #c0eae6; border-radius: 24px; padding: 32px 24px; }
.archive-heading:after { content: '✦'; position: absolute; right: 24px; top: 16px; font-size: 48px; color: #b27c25; }
.archive-heading h1 { margin: 8px 40px 16px 0; }
.archive-title-row { padding-right: 40px; }
.archive-title-row h1 { display: inline-block; vertical-align: middle; margin: 8px 24px 16px 0; max-width: 100%; word-wrap: break-word; }
.archive-title-row .archive-original { display: inline-block; vertical-align: middle; margin: 8px 0 16px; max-width: 100%; white-space: normal; text-align: center; }
@media (max-width: 479px) {
 .archive-title-row { padding-right: 0; }
 .archive-title-row h1 { display: block; margin-right: 40px; margin-bottom: 8px; }
 .archive-title-row .archive-original { margin-top: 0; }
}
.archive-heading p { max-width: 640px; }
.platform-nav { margin: 24px -4px 32px; }
.platform-nav a { display: inline-block; padding: 9px 16px; margin: 4px; min-height: 44px; border: 1px solid #7b9296; border-radius: 24px; background: #ffffff; font-size: 14px; text-decoration: none; }
.platform-nav a[aria-current="page"] { background: #176d70; color: #ffffff; border-color: #176d70; }
.platform-nav a:hover { background: #d9f5f1; color: #1c2734; }
.archive-section-title { font-size: 24px; }
.platform-card { position: relative; min-height: 290px; padding: 28px 24px; }
.platform-card h2 { font-size: 25px; margin-bottom: 16px; }
.platform-card .eyebrow { color: #546a70; margin-right: 28px; }
.platform-number { position: absolute; right: 20px; top: 20px; color: #176d70; font: 18px Georgia,serif; }
.platform-card .button { display: block; margin-top: 24px; }
.archive-records { background: #ffffff; padding: 24px; border: 1px solid #dcebe8; border-radius: 24px; }
.records-heading { margin-bottom: 24px; }
.records-heading h2 { display: inline-block; font-size: 24px; margin: 0 16px 8px 0; }
.archive-records .empty-state { border-style: solid; border-color: #dcebe8; padding: 32px 16px; }
.archive-records .empty-state img { display: block; margin: 0 auto 20px; }
.archive-records .empty-state p { max-width: 560px; margin: 0 auto 16px; }
.archive-records .empty-state .button { margin-top: 8px; }
.archive-policy { padding: 24px; margin-top: 32px; border-left: 4px solid #48c5c3; background: #ffffff; border-radius: 0 16px 16px 0; }
.archive-policy h2 { font-size: 18px; }
.archive-policy p { font-size: 14px; color: #546a70; }
.archive-policy a { display: inline-block; min-height: 44px; padding: 10px 0; font-size: 14px; }
@media (min-width: 640px) { .archive-heading { padding: 40px; } }
@media (min-width: 920px) and (max-width: 999px) { .archive-platforms .card { width: calc(50% - 16px); } }
@media (max-width: 359px) { .archive-records { padding: 16px; } .archive-heading h1 { font-size: 30px; } }
/* Database-backed public records use literal text, never trusted HTML. */
#live-records .collection-body { white-space: pre-wrap; word-wrap: break-word; }