.archive-controls{display:grid;grid-template-columns:minmax(0,1fr) 230px 190px auto;gap:12px;margin-bottom:16px}
.archive-controls>*{min-width:0;width:100%}
#archive-workbench>.actions{align-items:start;margin:16px 0}
#archive-workbench>.actions>.workspace-tools{margin:0}
#archive-workbench>.actions>.workspace-tools>summary{min-height:48px;padding:12px}
#archive-list{background:var(--surface);padding:8px 24px 0;border:1px solid var(--line);border-radius:var(--radius);max-width:1100px}
#archive-list>.muted{margin:16px 0;font-size:13px}
.archive-row{padding:16px 0;border-bottom:1px solid var(--line)}
.archive-row button{border:0;text-align:left;padding:4px 0;color:var(--brand);background:transparent;font-size:17px;font-weight:600}
.archive-row button:hover{text-decoration:underline;text-underline-offset:.2em}
.archive-row p{margin:4px 0;font-size:13px}
.archive-post{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-soft);padding:16px;margin:16px 0}
.pagination{display:flex;align-items:center;gap:12px;margin:20px 0}
#archive-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:1100px;margin-top:24px}
#archive-detail>button{margin-right:12px;margin-bottom:12px}
#archive-detail>.stack{margin-top:24px}
#archive-detail .stack>button{align-self:start}
#private-composer{display:flex;flex-direction:column;gap:16px;max-width:1000px;margin-bottom:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
#private-composer>h2{margin-top:0}
#private-composer>button{align-self:start}
#archive-workbench{min-height:600px}
@media(max-width:1050px){.archive-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
.archive-controls>input{grid-column:1/-1}
}
@media(max-width:760px){.archive-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.archive-controls>input,.archive-controls>button{grid-column:1/-1}
.archive-controls>select{font-size:14px;padding:8px}
#archive-list{padding:8px 16px 0}
#archive-detail{padding:24px 20px}
}
.archive-topic{width:100%;text-align:left;font-weight:650;padding:10px 0;background:transparent;border:0;color:var(--brand);overflow-wrap:anywhere}
.archive-topic:hover{background:var(--surface-soft);text-decoration:underline;text-underline-offset:.2em}
.pagination{align-items:center;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.archive-controls>button{align-self:stretch}