.archive-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.archive-heading h1{margin-top:0}.archive-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid #ddd}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;list-style:none;padding:0;margin:22px 0}.archive-tile{border:1px solid #ddd;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.archive-tile-open{display:flex;flex-direction:column;gap:8px;padding:14px;flex:1;text-decoration:none;color:inherit}.archive-tile strong{overflow-wrap:anywhere;font-size:1rem}.archive-tile small{color:#626c67;font-size:.85rem}.archive-thumbnail{width:100%;height:140px;object-fit:contain;background:#f5f5f2;border-radius:6px}.archive-icon{height:140px;display:flex;align-items:center;justify-content:center;font-size:48px;background:#f5f5f2;border-radius:6px}.archive-download{font-size:.85rem;padding:0 14px 14px}.archive-error,.archive-notice{padding:16px;background:#f7f4df;border-radius:8px}.archive-snapshots{margin-top:24px}.archive-snapshots>summary,.archive-add>summary{cursor:pointer;font-weight:700;padding:18px 0}.archive-add-forms{display:flex;flex-wrap:wrap;gap:24px;padding:16px;background:#f5f5f2;border-radius:10px}.archive-add form{display:flex;flex-direction:column;gap:12px;flex:1;min-width:240px}.archive-add label{display:flex;flex-direction:column;gap:8px}.archive-add input{max-width:100%;box-sizing:border-box}.archive-browser a:focus-visible,.archive-add summary:focus-visible{outline:3px solid #76aa9e;outline-offset:4px}@media(max-width:650px){.archive-heading{flex-wrap:wrap}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.archive-breadcrumbs{font-size:.9rem}}

.archive-heading>div{flex:1;min-width:0}.archive-heading>.btn{flex:0 0 auto;width:auto;min-width:0;align-self:flex-start}.archive-browser .btn{width:auto}.archive-browser .archive-tile-open{color:inherit}