/* Search is visible beside the heading, then full-width on phones. */
.archive .list-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(240px,360px);align-items:center;gap:14px 20px}
.archive-count{white-space:nowrap}
.search-controls{min-width:0}
.search-field{position:relative}
.search-field>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--accent);pointer-events:none}
.search-input{display:block;width:100%;min-width:0;min-height:46px;margin:0;padding:10px 44px 10px 42px;border:1px solid #81969a;border-radius:3px;background:var(--paper);color:var(--ink);font:inherit;font-size:16px;line-height:1.5;caret-color:var(--accent)}
.search-input::-webkit-search-cancel-button{-webkit-appearance:none}
.search-input::placeholder{color:var(--muted);opacity:1}
.search-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.search-clear{position:absolute;right:1px;top:1px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:2px;background:none;color:var(--accent);cursor:pointer}
.search-clear svg{width:20px;height:20px}
.search-clear:hover{background:var(--soft)}
.search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.search-controls[hidden],.search-clear[hidden],.search-empty[hidden],.writing-row[hidden]{display:none}
.search-status{font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0 0}
.search-status:empty{margin:0;height:0;overflow:hidden}
.search-empty{margin:0;padding:32px 0;color:var(--muted);font-size:15px;line-height:1.8;border-bottom:1px solid var(--rule)}
@media(max-width:720px){.archive .list-heading{grid-template-columns:minmax(0,1fr) auto;gap:14px}.search-controls{grid-column:1/-1}}
@media print{.search-controls,.search-status,.search-empty{display:none!important}.writing-row[hidden]{display:list-item}.archive .list-heading{display:flex}}