/* why: house latest-list: hairline rows, serif title, quiet meta.
   ref: ux/mockups/site/site.css */
.listing{padding:var(--s-64) 0 0}
.archive__title{font:400 var(--t-40)/1.12 var(--serif);font-kerning:none;margin:0 0 var(--s-32);padding:0}
.searchform{display:flex;align-items:center;max-width:var(--measure);height:40px;border:1px solid var(--line-control);border-radius:var(--r-control);background:var(--field);margin:0 0 var(--s-48)}
.searchform:focus-within{outline:2px solid var(--accent-ink);border-color:var(--accent-ink)}
.searchform input{flex:1;min-width:0;height:100%;margin:0;padding:0 var(--s-12);border:0;outline:0;background:transparent;-webkit-appearance:none;appearance:none;font:400 var(--t-16) var(--sans);color:var(--ink)}
.searchform input::placeholder{color:var(--ink-3);opacity:1}
.searchform input::-webkit-search-cancel-button{display:none}
.searchform button{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:100%;padding:0;border:0;background:none;color:var(--ink-2);cursor:pointer}
.searchform button:hover{color:var(--accent-ink)}
.searchform svg{width:20px;height:20px}
.item{display:grid;gap:var(--s-4);padding:var(--s-24) 0;border-top:1px solid var(--line);margin:0}
.item__title{font:400 var(--t-28)/1.2 var(--serif);font-kerning:none;margin:0;padding:0}
.item__title a{color:var(--ink);text-decoration:none}
.item__title a:hover{color:var(--accent-ink);text-decoration:underline}
.item__meta{display:flex;gap:var(--s-8);margin:0;font-size:var(--t-13);line-height:1.5;color:var(--ink-3)}
.item__meta a{color:var(--ink-3)}
.item__excerpt{margin:var(--s-4) 0 0;max-width:var(--measure);font-size:var(--t-16);line-height:1.6;color:var(--ink-2)}
.pager{display:flex;justify-content:space-between;padding:var(--s-24) 0 0;border-top:1px solid var(--line);font-size:var(--t-14);font-weight:500}
.nf__code{font:400 var(--t-56)/1.08 var(--serif);font-kerning:none;margin:0 0 var(--s-16);padding:0}
.nf__lead{margin:0 0 var(--s-24);max-width:var(--measure);font-size:var(--t-20);line-height:1.5;color:var(--ink-2)}
.nf .searchform{margin:0}
.nf__head{font-size:var(--t-28);margin:var(--s-64) 0 var(--s-16)}
.nf__cols{display:grid;grid-template-columns:1fr;margin:0;max-width:var(--measure)}
.nf__col{display:contents}
.card{order:var(--n);padding:var(--s-16) 0;border-top:1px solid var(--line);margin:0}
.nf__cols{grid-auto-flow:row}
.card__title{font:400 var(--t-20)/1.3 var(--serif);font-kerning:none;margin:0 0 var(--s-4);padding:0}
.card__title a{color:var(--ink);text-decoration:none}
.card__title a:hover{color:var(--accent-ink)}
.card .item__meta{margin:0}
@media(max-width:767px){
.listing{padding:var(--s-32) 0 0}
.archive__title,.nf__code{font-size:var(--t-28)}
.item__title{font-size:var(--t-20)}
.nf__lead{font-size:var(--t-18)}
}