/* The archive retains its original page design and shares the language controls. */
.archive-header{background:#1f234b;color:#fff}
.archive-navbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px}
.archive-brand{display:block;flex-shrink:0}
.archive-brand img{display:block;width:180px;max-width:100%;height:auto}
.archive-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.archive-home{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;min-height:44px}
.archive-home:hover{color:#f7c514}
.summer-header-actions{display:flex;align-items:center;gap:12px}
.language-switch,.language-modal{--yellow:#f7c514;--navy:#1f234b;--cyan:#00afc7}
@media(max-width:600px){
 .row.g-6{--bs-gutter-x:1.5rem}
 .archive-navbar{flex-wrap:wrap;gap:8px;padding-block:12px}
 .archive-brand img{width:145px}
 .archive-actions{flex:1;justify-content:space-between;gap:10px;flex-wrap:wrap}
 .archive-home{font-size:12px}
 .summer-header-actions{flex-wrap:wrap}
}

/* Contain entrance animations and allow long English text to wrap on small screens. */
html:has(.archive-header),html:has(.summer-header-actions){overflow-x:clip}
body:has(.archive-header),body:has(.summer-header-actions){overflow-wrap:break-word}
footer li.d-flex > span{min-width:0;overflow-wrap:anywhere}

.summer-header-actions .btn{border-radius:999px}