.archive-body{background:var(--paper-dim);}

/* ---- Header (moved from editor.css) ---- */
.archive-header{
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 1.5rem; border-bottom:3px solid var(--rule); background:var(--paper);
}
.archive-brand{font-family:var(--serif); font-weight:900; font-size:1.3rem;}
.archive-brand span{color:var(--signal); font-style:italic; font-weight:500; font-size:.9em;}
.archive-brand-logo{
  height:1.6rem; width:1.6rem; vertical-align:middle; margin-right:.4rem;
  border-radius:50%; object-fit:cover; border:1px solid var(--ink);
}
.archive-exit{font-family:var(--sans-x); font-weight:700; font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; color:var(--grey);}
.archive-exit:hover{color:var(--signal);}

/* ---- Page title (moved from editor.css) ---- */
.archive-title{font-family:var(--serif); font-weight:900; font-size:2rem;}
.archive-sub{color:var(--grey); font-size:.9rem; margin:.4rem 0 1.6rem;}

.header-links{display:flex; gap:1.4rem; align-items:center;}
.archive-clock{
  font-family:var(--sans); font-size:.75rem; color:var(--grey);
  font-variant-numeric:tabular-nums;
}

.archive-main{max-width:1000px; margin:0 auto; padding:2.5rem 1.5rem 4rem;}

.archive-controls{
  display:flex; gap:.8rem; margin:1.6rem 0 1.8rem; flex-wrap:wrap;
}
.archive-controls input, .archive-controls select{
  border:1px solid var(--ink); background:var(--paper); color:var(--ink);
  padding:.6rem .8rem;
  font-family:var(--sans); font-size:.88rem; border-radius:1px;
}
.archive-controls select option{
  background:var(--paper); color:var(--ink);
}
.archive-controls input[type="date"]{color:var(--ink);}
.archive-controls input[type="date"]::-webkit-calendar-picker-indicator{
  filter:var(--date-icon-filter, none);
}
.search-wrap{position:relative; flex:1; min-width:200px;}
.search-wrap input{width:100%; padding-left:2.2rem !important;}
.search-icon{
  position:absolute; left:.7rem; top:50%; transform:translateY(-50%);
  font-size:.9rem; pointer-events:none; opacity:.7;
}
.archive-controls input{flex:1; min-width:200px;}
.archive-controls input:focus, .archive-controls select:focus{outline:2px solid var(--signal); outline-offset:1px;}

.archive-list{display:flex; flex-direction:column; margin-top:.6rem;}
.archive-row{
  display:flex; justify-content:space-between; align-items:baseline; gap:1rem;
  padding:1rem 0; border-bottom:1px solid var(--grey); cursor:pointer;
}
.archive-row:hover .archive-row-title{color:var(--signal);}
.archive-row-main{min-width:0;}
.archive-row-cat{
  font-family:var(--sans-x); font-weight:700; font-size:.65rem; text-transform:uppercase;
  color:var(--gold); letter-spacing:.05em;
}
.archive-row-title{font-family:var(--serif); font-weight:600; font-size:1.05rem; margin-top:.25rem;}
.archive-row-dek{font-size:.82rem; color:var(--grey); line-height:1.45; margin-top:.35rem; max-width:520px;}
.archive-row-by{font-size:.72rem; color:var(--grey); margin-top:.3rem; text-transform:uppercase;}
.archive-row-tags{display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.4rem;}
.archive-row-tag{font-size:.62rem; color:var(--gold); border:1px solid var(--gold); padding:.08rem .45rem; text-transform:uppercase;}
.archive-row-date{
  font-size:.75rem; color:var(--grey); white-space:nowrap; font-variant-numeric:tabular-nums;
}
.archive-empty{color:var(--grey); font-size:.9rem; font-style:italic; padding:2rem 0;}

@media (max-width:640px){
  .archive-header{padding:.8rem 1rem; flex-wrap:wrap; gap:.6rem;}
  .archive-header > div{flex-wrap:wrap; gap:.6rem; row-gap:.5rem;}
  .archive-main{padding:1.6rem 1rem 3rem;}
  .archive-title{font-size:1.5rem;}
  .archive-controls{flex-direction:column;}
  .archive-controls input, .archive-controls select{width:100%; flex:1 1 100%;}
  .archive-row{flex-direction:column; align-items:flex-start; gap:.3rem;}
  .archive-row-date{order:-1; font-size:.7rem;}
}