[data-entry][hidden],[data-edit-entry][hidden],[data-load-more][hidden],.archive-editor [hidden]{display:none!important;}
.archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;}
.archive-toolbar h2{font:500 16px 'Geist Mono',monospace;}
.archive-toolbar button,[data-load-more],.archive-retry,.archive-editor button{appearance:none;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:10px 16px;font:12px 'IBM Plex Mono',monospace;cursor:pointer;}
.archive-toolbar button:hover,[data-load-more]:hover,.archive-editor button:hover{background:var(--ink);color:var(--paper);}
.archive-status{font-size:12px;margin:12px 0;}
.archive-retry{font-size:10px;padding:5px 8px;}
.archive-recent-link{display:block;color:inherit;text-decoration:none;border-top:1px solid var(--line);padding:14px 0;font:14px/1.5 'Geist Mono',monospace;overflow-wrap:anywhere;}
.archive-recent-link small{display:block;font:10px 'IBM Plex Mono',monospace;margin-top:7px;}
.archive-recent-link:hover{text-decoration:underline;}
.archive-cover img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover;}
.archive-cover{display:block;align-self:start;flex-shrink:0;width:clamp(150px,20vw,220px);}
.archive-no-cover{grid-template-columns:1fr;}
.feed-title,.feed-body{overflow-wrap:anywhere;}
.archive-editor{inset:0;margin:auto;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px;border:1px solid #18130f;background:#ece4d3;color:#18130f;}
.archive-editor::backdrop{background:#18130f99;}
.archive-editor form{display:grid;gap:18px;}
.archive-editor header{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.archive-editor h2{font:500 24px/1.3 'Geist Mono',monospace;margin:0;max-width:none;}
.archive-editor label{display:grid;gap:8px;font:12px/1.6 'IBM Plex Mono',monospace;}
.archive-editor input,.archive-editor textarea,.archive-editor select{box-sizing:border-box;width:100%;border:1px solid #18130f;border-radius:0;padding:10px;background:#fffaf0;color:#18130f;font:14px/1.6 Inter,sans-serif;}
.archive-editor textarea{resize:vertical;min-height:240px;}
.archive-editor .archive-remove-cover{display:flex;align-items:center;}
.archive-editor [type=checkbox]{width:auto;}
.archive-editor-actions{display:flex;justify-content:space-between;gap:16px;}
.archive-editor [data-publish]{background:#18130f;color:#ece4d3;}
.archive-editor :disabled{opacity:.55;cursor:wait;}
.archive-editor [data-editor-status]{font:13px/1.6 Inter,sans-serif;margin:0;}
.archive-cover-preview,.archive-preview img{max-width:100%;max-height:300px;object-fit:contain;}
.archive-preview{border-top:1px solid #18130f;padding-top:24px;}
.archive-prose{font:16px/1.8 Inter,sans-serif;overflow-wrap:anywhere;}
.archive-prose p{white-space:pre-wrap;margin:20px 0;}
.archive-article{max-width:850px;margin:0 auto;padding:32px 0 64px;}
.archive-article h1{font:500 clamp(30px,5vw,56px)/1.15 'Geist Mono',monospace;max-width:none;overflow-wrap:anywhere;margin:18px 0 30px;}
.archive-article-cover{display:block;width:100%;max-height:560px;object-fit:contain;margin-bottom:32px;}
.archive-back{display:inline-block;color:inherit;margin:20px 0;}
@media(max-width:600px){.archive-editor{padding:18px;}.archive-article{padding-top:12px;}.archive-toolbar{flex-wrap:wrap;}}

@media(max-width:600px){.feed-card:has(.archive-cover){flex-direction:column;}.archive-cover{width:100%;}.archive-cover img{max-height:340px;}}

/* Only the opening paragraph receives a drop cap, including in previews. */
.archive-prose > p:first-child{display:flow-root;}
.archive-prose > p:first-child::first-letter{
  float:left;
  font-family:'Loom',serif;
  font-size:4em;
  font-weight:400;
  line-height:.8;
  margin:.06em .16em 0 0;
  text-transform:uppercase;
  color:var(--ink,#18130f);
}

@supports (initial-letter:2){
  .archive-prose > p:first-child::first-letter{
    initial-letter:2;
    float:none;
    margin:0 .16em 0 0;
  }
}

/* Match the original entry's thin image frame throughout publishing. */
.archive-cover img,.archive-article img,.archive-cover-preview,.archive-preview img{
  box-sizing:border-box;
  border:1px solid var(--ink,#18130f);
}

archive-animation{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--ink,#18130f);background:var(--paper,#ece4d3);box-sizing:border-box;}
archive-animation iframe{display:block;width:100%;height:100%;border:0;}
archive-animation button{position:absolute;right:8px;bottom:8px;border:1px solid var(--ink,#18130f);background:var(--paper,#ece4d3);color:var(--ink,#18130f);padding:5px 8px;font:10px/1.4 'IBM Plex Mono',monospace;cursor:pointer;}
.archive-animation-status{position:absolute;inset:12px 12px auto;font:12px/1.5 Inter,sans-serif;pointer-events:none;}
archive-animation.archive-article-cover{height:auto;max-height:none;aspect-ratio:16/10;}
.archive-cover-selection archive-animation,.archive-preview archive-animation{width:min(100%,480px);max-height:none;}

.archive-expandable{position:relative;}
.archive-media-open{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in;}
.archive-media-open:focus-visible{outline:2px solid var(--ink);outline-offset:4px;}
.archive-expandable archive-animation button{z-index:1;}
.archive-article-cover img{display:block;width:100%;max-height:560px;object-fit:contain;}
.archive-article-cover archive-animation{aspect-ratio:16/10;}
.archive-media-dialog{display:block;position:relative;inset:auto;margin:0;width:100%;max-width:none;max-height:none;padding:0;border:0;background:transparent;overflow:visible;color:inherit;}
.archive-media-dialog:not([open]) .archive-media-close{display:none;}
.archive-media-dialog[open]{position:fixed;inset:0;margin:auto;width:min(1120px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:52px 0 0;overflow:auto;}
.archive-media-dialog::backdrop{background:rgba(24,19,15,.88);}
.archive-media-close{position:absolute;right:0;top:0;width:44px;height:44px;border:1px solid #18130f;background:#ece4d3;color:#18130f;font:24px/1 monospace;cursor:pointer;}
.archive-media-dialog[open] .archive-expanded-media{display:block;width:100%;height:min(70dvh,700px);max-height:calc(100dvh - 100px);object-fit:contain;border:1px solid #18130f;}

.archive-attachment-list{list-style:none;display:grid;gap:8px;padding:0;margin:0;}
.archive-attachment-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;font:13px/1.5 Inter,sans-serif;}
.archive-attachment-list span{min-width:0;overflow-wrap:anywhere;}
.archive-attachments{margin-top:36px;}
.archive-attachments>h2{font:500 20px/1.4 'Geist Mono',monospace;margin-bottom:16px;}
.archive-attachment{border:1px solid var(--ink,#18130f);margin-bottom:20px;min-width:0;}
.archive-attachment-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;}
.archive-attachment-header h3{flex:1 1 180px;min-width:0;font:500 14px/1.5 'Geist Mono',monospace;overflow-wrap:anywhere;}
.archive-attachment-header span{font:12px/1.5 Inter,sans-serif;}
.archive-attachment-links{display:flex;gap:14px;font:12px/1.5 'IBM Plex Mono',monospace;}
.archive-attachment-links a{color:inherit;text-underline-offset:3px;}
@media(max-width:600px){.archive-attachment-links{width:100%;}}