
.archive-guide{padding:24px;margin:20px 0;background:#f5f1e9;border-top:3px solid #9e0009;line-height:1.8}.archive-guide h2{font-size:1.5rem;margin:0 0 12px}.archive-guide a{color:#8a111b}.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-cards article{min-width:0;background:white;padding:16px}.guide-cards h3{font-size:1.1rem}.archive-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px}.archive-filters label{display:flex;flex-direction:column;gap:5px}.archive-filters input,.archive-filters select,.archive-guide button{font:inherit;min-height:44px;padding:8px;border:1px solid #777;border-radius:3px;max-width:100%;background:white;color:#222}.archive-guide button{cursor:pointer}.archive-guide :focus-visible{outline:3px solid #185fa5;outline-offset:3px}.browse-results{padding-left:24px}.browse-results li{padding:14px 0;border-bottom:1px solid #ddd}.browse-results small{display:block}.book_info,.book-info{max-width:100%}.book_info .body,.book-info .body{min-width:0;overflow-wrap:anywhere}.article-content img{max-width:100%;height:auto}.article-content iframe{max-width:100%}.archive-extra-links{display:flex;flex-wrap:wrap;gap:20px;margin:12px 0}.archive-related{font-size:1rem}.article-title-block .byline{flex-wrap:wrap;gap:8px}
@media(max-width:760px){.guide-cards,.archive-filters{grid-template-columns:1fr}.archive-guide{padding:16px;margin:14px 0}.archive-guide h2{font-size:1.25rem}.article-content .book_info,.article-content .book-info{width:auto!important;max-width:100%;box-sizing:border-box}.article-content .book_info .body,.article-content .book-info .body{float:none!important;margin-left:0!important}.article-title-block h1{overflow-wrap:anywhere}.archive-extra-links a{padding-block:8px}}

.legacy-footer .archive-extra-links{max-width:1000px;margin:0 auto;padding:8px 20px;justify-content:center}.legacy-footer .archive-extra-links a{color:#fff}


/* Mobile footer navigation: reserve a full row for links. */
.legacy-footer .archive-extra-links{flex-shrink:0}
.legacy-footer .archive-extra-links a{white-space:nowrap}
@media(max-width:760px){
 .legacy-footer{flex-direction:column}
 .legacy-footer-inner{flex-shrink:0;margin:0 auto;padding-bottom:4px}
 .legacy-footer .archive-extra-links{box-sizing:border-box;width:100%;padding:4px 20px 12px}
 .legacy-footer .archive-extra-links a{display:flex;align-items:center;min-height:44px}
}
