[hidden]{display:none!important}
.archive-nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.archive-block{padding-top:28px;scroll-margin-top:95px}
.archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin-top:18px}
.archive-person{display:flex;gap:18px;align-items:flex-start;overflow-wrap:anywhere}
.archive-person>div{min-width:0}
.archive-portrait{width:100px;height:130px;object-fit:cover;flex-shrink:0;border-radius:12px}
.archive-placeholder{display:flex;align-items:center;justify-content:center;background:#eee4d4;color:#7d2d25;font-size:36px}
.archive-text{white-space:pre-wrap;overflow-wrap:anywhere}
#schoolArchivePage h1{color:#762b23}
#archiveDialog{width:min(880px,calc(100% - 24px));max-height:90dvh;padding:24px;border:1px solid #ded1bd;border-radius:20px;background:#fffcf4;color:#24333a;overflow:auto;box-sizing:border-box}
#archiveDialog::backdrop{background:rgba(30,24,20,.6)}
.archive-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;position:sticky;top:-24px;background:#fffcf4;padding:12px 0;z-index:2}
.archive-dialog-head h2{margin:0;overflow-wrap:anywhere}
#archiveDialogBody input,#archiveDialogBody textarea,#archiveDialogBody select{max-width:100%;box-sizing:border-box}
.archive-check{display:flex;gap:10px;align-items:flex-start;margin:16px 0}
.archive-check input{width:auto!important;margin-top:6px}
.archive-journey-row{margin:14px 0}
.archive-journey-row .form-grid input{min-width:0}
@media(max-width:600px){#archiveDialog{padding:16px}.archive-dialog-head{top:-16px}.archive-person{gap:12px}.archive-portrait{width:78px;height:104px}.archive-nav .btn{white-space:normal;text-align:left}.archive-grid{grid-template-columns:1fr}#archiveDialog .form-grid{grid-template-columns:1fr}.archive-dialog-head h2{font-size:23px}}


#history > .wrap > .grid2 > .card > .pill{font-size:16px;font-weight:800;color:#762b23;background:#eee0c8}

.archive-filters{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.archive-filters label{flex:1;min-width:min(100%,220px)}.archive-filters input,.archive-filters select{width:100%;box-sizing:border-box}#schoolArchivePage{scroll-margin-top:var(--sticky-h,200px)}#schoolArchivePage>.wrap{padding-top:24px}.archive-block h2{font-size:clamp(24px,4vw,34px);line-height:1.35}.archive-person [data-history-action="person"]{white-space:normal}