.archive-page{margin:0;padding:20px;background:#707070;min-height:100dvh;height:auto;overflow:auto;color:#000}
.archive-window{max-width:1500px;margin:auto;background:#c0c0c0;border:5px solid;border-color:#fff #484848 #484848 #fff;padding:10px}
.archive-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;background:#000080;color:#fff}
.archive-title h1{font-size:24px;margin:0}.archive-title a{color:#fff;font-size:16px}
#archive-list{display:flex;gap:12px;overflow-x:auto;padding:12px 0}#archive-list button{flex:0 0 220px;text-align:left;white-space:normal}#archive-list img{width:100%;height:120px;object-fit:contain;background:#dedede;display:block;margin-bottom:8px}
.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.archive-layout aside{display:block;position:static;width:auto;min-width:0;max-height:70dvh;overflow:auto;background:#fff;padding:12px;border:3px solid;border-color:#808080 #fff #fff #808080;box-shadow:none}
#archive-field{position:relative;height:70dvh;min-height:350px;overflow:hidden;border:3px solid;border-color:#808080 #fff #fff #808080;background:#dedede}
#archive-canvas{width:100%;height:100%;touch-action:none;cursor:grab}#archive-pins{position:absolute;inset:0;pointer-events:none}#archive-pins button{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);font-size:16px;padding:4px;min-width:30px;color:#fff;border-width:3px}#archive-fit{position:absolute;bottom:12px;left:12px}
#archive-comments{padding:0;list-style:none}#archive-comments li{margin-bottom:12px}#archive-comments button{display:block;width:100%;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}#archive-leaders{padding-left:28px;font-size:16px}#assembly-stats{font-size:16px}
@media(max-width:700px){.archive-page{padding:6px}.archive-title{align-items:flex-start;flex-direction:column}.archive-title h1{font-size:20px}.archive-layout{grid-template-columns:1fr}#archive-field{height:65dvh}.archive-layout aside{max-height:none}}