/* Search, sketch v02. Sits on reader.css and landing.css. Hits read like the lists on the front page. */
.title.small{font-size:40px;line-height:48px}
.find input[type=search]{font:inherit;font-size:20px;height:48px;padding:0 12px;flex:1;min-width:12em;
  border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:0;-webkit-appearance:none}
.find input[type=search]:focus{outline:2px solid var(--ink);outline-offset:2px}
.count{font-family:"Silkscreen",monospace;font-size:16px;line-height:24px;margin:24px 0 0;text-transform:uppercase}
.hits a{flex-direction:column;gap:4px}
.hits .what{flex:none;white-space:normal}
.hits .snip{font-size:.85em;line-height:1.5}
.hits mark{background:var(--ink);color:var(--paper);padding:0 2px}
.hits a:hover mark{background:var(--paper);color:var(--ink)}
@media (max-width:600px){ .hits .what{display:block} .title.small{font-size:32px;line-height:40px} }
/* the browser's own blue clear-cross is not 1-bit: hide it */
.find input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
@media (max-width:340px){ .bar{padding:8px 8px} .bar .where .crumb,.bar .where .mark+.crumb+.mark{display:none} }
/* v02 baseline grid (Tom, 29 Oct 2026): the box and its button are one 48px row, 8px apart, on the page margin;
   focus is drawn inside the box, so it doesn't add a second frame off the grid */
.find{gap:var(--u)}
.find input[type=search]{min-width:0;padding:0 calc(var(--u)*2)}
.find input[type=search]:focus{outline:0;box-shadow:inset 0 0 0 2px var(--ink)}
.find button{height:calc(var(--u)*6);padding:0 calc(var(--u)*2)}
.count{margin:calc(var(--u)*3) 0 0}
@media (max-width:600px){ footer.family,.agents{padding-left:var(--m);padding-right:var(--m)} }
@media (max-width:340px){ .bar{padding:var(--u) var(--m)} }