.profile-summary:has(.profile-archive){position:static}
.profile-archive{margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}
.archive-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.archive-heading h3{margin:0;font:400 25px/1.2 var(--display)}
#archive-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border:1px solid var(--border);border-radius:5px;color:var(--muted);font-size:12px}
.archive-list{list-style:none;margin:0;padding:0;max-height:350px;overflow:auto;scrollbar-width:thin;scrollbar-color:#72634e transparent}
.archive-list li{margin:0 0 10px;padding:13px 12px;border:1px solid var(--border);border-radius:6px;background:#151518}
.archive-identity{margin:0;font-size:13px;line-height:1.85;color:var(--muted);overflow-wrap:anywhere}
.archive-identity a,.archive-reader-affiliation a{color:var(--gold-light);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c3a57565}
.archive-identity strong{color:var(--text);font-weight:600}
.archive-entry-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:8px}
.profile-archive .archive-entry-actions button{width:auto;margin:0;padding:5px 0;font-size:12px}
.profile-archive .archive-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:11px 8px;font-size:12px}
.archive-add span{font:400 20px/1 Arial,sans-serif}
.profile-archive .archive-refresh{width:auto;margin:12px 0 0;font-size:12px;color:var(--muted)}
.profile-archive .field-note{font-size:13px;margin:8px 0;line-height:1.65}
#archive-status:empty{display:none}
.archive-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:30px;border:1px solid #746348;border-top:3px solid var(--gold);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 24px 100px #0009;overflow:auto;overscroll-behavior:contain}
.archive-dialog::backdrop{background:#08090bc9;backdrop-filter:blur(4px)}
.archive-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.archive-dialog-heading .eyebrow{margin:0 0 9px}
.archive-dialog h2{font:400 32px/1.2 var(--display);margin:0;overflow-wrap:anywhere}
.archive-close{flex:none;width:38px;height:38px;border:1px solid var(--border);border-radius:6px;background:#151518;color:var(--muted);font:400 27px/1 Arial,sans-serif;cursor:pointer}
.archive-dialog label{display:block;margin:20px 0 8px;font-size:14px;font-weight:600}
.archive-dialog input,.archive-dialog select,.archive-dialog textarea{box-sizing:border-box;width:100%;min-width:0;padding:12px 14px;border:1px solid #4a4a52;background:#111114;color:var(--text);font:inherit;font-size:15px;border-radius:5px}
.archive-dialog textarea{resize:vertical;min-height:200px;line-height:1.7}
.archive-dialog :is(input,select,textarea,button,a):focus-visible,.profile-archive :is(button,a):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.archive-dialog button:disabled{opacity:.5;cursor:wait}
.archive-dialog .field-note{font-size:12px}
.archive-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
#archive-save-status{font-size:14px;line-height:1.6;margin-top:16px}
#archive-save-status:empty{display:none}
#archive-remove-area{margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}
.archive-dialog .archive-remove{font-size:13px;color:#dcaaa5}
#archive-delete-confirm p{color:var(--muted);font-size:14px}
.archive-reader-affiliation{font-size:14px;color:var(--muted);line-height:1.7}
#archive-reader h3{margin-top:26px;font-size:16px;font-weight:600;color:var(--gold-light)}
.archive-biography{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.85;margin-bottom:26px}
@media(max-width:600px){.archive-dialog{padding:22px 18px;max-height:calc(100dvh - 24px)}.archive-dialog h2{font-size:28px}.archive-form-actions .button{flex:1 1 100%;text-align:center}}
