.archive-card{text-align:left;color:inherit;font:inherit}
#archive .archive-notice{border-left:3px solid #54685d;background:#f3f6f4;padding:12px 15px;line-height:1.5}
#archive .archive-help{color:#555;font-size:13px;line-height:1.5}
#archive .archive-filters{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:12px;margin:20px 0}
#archive .archive-toolbar{display:flex;flex-wrap:wrap;gap:8px}
#archive .archive-toolbar .back{margin-left:0}
#archiveStatus,.archive-save-status{font-size:13px;line-height:1.5}
#archiveStatus[data-error="true"],.archive-save-status[data-error="true"]{color:#a12c25}
#archiveCount{font-size:13px;color:#555}
#archive .archive-entry{padding:18px 0;border-top:1px solid #ddd}
#archive .archive-entry h3{font-size:16px;margin:0 0 6px;overflow-wrap:anywhere}
#archive .archive-meta{color:#555;font-size:13px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}
#archive .archive-entry-actions{display:flex;gap:8px;flex-wrap:wrap}
#archive .archive-delete{color:#a12c25;background:#fbeeed}
#archive .archive-empty{padding:24px 12px;background:#f6f7f6;border-radius:8px;line-height:1.6}
#archive button:disabled{opacity:.6;cursor:wait}
#archive button:focus-visible,.archive-card:focus-visible{outline:3px solid #54685d;outline-offset:3px}
@media(max-width:700px){#archive .archive-filters{grid-template-columns:1fr 1fr}}
@media(max-width:420px){#archive .archive-filters{grid-template-columns:1fr}}