:root{--recruit-banner-title:#eadb9f}
.recruit-banner{position:relative;display:block;width:100%;aspect-ratio:356/152;container-type:inline-size;background:var(--navy);overflow:hidden}
.recruit-banner img{display:block;width:100%;height:100%;aspect-ratio:356/152;object-fit:contain;border-radius:0}
.recruit-banner strong{position:absolute;left:44%;right:6%;top:50%;transform:translateY(-50%);margin:0;padding:0;color:var(--recruit-banner-title);font:600 clamp(15px,7cqw,25px)/1.25 Batang,serif;text-align:center;word-break:keep-all;overflow-wrap:normal;text-shadow:0 2px 3px #000}
.selected-banner>.recruit-banner{display:block;padding:0}
.banner-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;color:var(--paper);background:var(--navy);font-size:13px}
.banner-tile{padding:0;overflow:hidden;background:var(--navy)!important;color:var(--paper)!important}
.banner-tile small{padding:8px 12px;color:var(--paper);font-size:12px}
.banner-tile[aria-pressed=true]{padding:0;border:2px solid var(--gold)}
.banner-tile .selection-badge{top:4px;right:4px;font-size:12px}
.pack-dialog,#banner-dialog{width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}
.pack-dialog>.dialog-heading,#banner-dialog>.section-head{position:sticky;top:0;z-index:2;background:var(--surface);padding-bottom:12px;box-shadow:0 -24px 0 var(--surface)}
.banner-grid,#banner-dialog .banner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#choose-banner{display:block;width:100%;max-width:356px;min-width:0;padding:0;overflow:hidden;background:var(--navy);border-color:var(--gold)}
[data-page=record]>.record-heading{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start}
.banner{padding:0;overflow:hidden;position:relative;background:var(--navy);color:var(--paper)}
.banner small{padding:8px 12px;color:var(--paper);display:flex;justify-content:space-between;gap:8px}
.banner.active{border:2px solid var(--gold);background:var(--navy)}
.banner:hover{background:var(--navy)}
@media(max-width:800px){.banner-grid,#banner-dialog .banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.banner-grid,#banner-dialog .banner-grid{grid-template-columns:1fr}.recruit-banner img{max-height:none}.selected-banner>.recruit-banner{padding:0}}