/* Search the whole website (v84) — the box on the home page and the Search page.
 *
 * Only the two pages that carry a search box load this file; everything else
 * still comes from app.css. Paper rows reuse the home page's Documents box
 * (.feed-list, .feed-title, .feed-meta …) so a paper looks the same wherever
 * it is listed. Square corners, mono labels and serif headings, as the rest
 * of the site.
 */

/* ---------- the box ---------- */
.sitesearch{background:var(--sand);border-bottom:1px solid var(--rule);}
.sitesearch .wrap{padding-top:16px;padding-bottom:14px;}
.ss-form{max-width:860px;margin:0 auto;}
.ss-field{position:relative;}
.ss-label{display:block;margin:0 0 6px;font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--crimson);}
.ss-box{display:flex;align-items:stretch;background:#fff;border:2px solid var(--ink);box-shadow:0 2px 0 rgba(16,27,61,.08);}
.ss-box:focus-within{border-color:var(--crimson);box-shadow:0 0 0 3px rgba(201,162,39,.35);}
.ss-ic{flex:0 0 auto;align-self:center;width:20px;height:20px;margin-left:13px;color:var(--muted);}
.ss-ic svg{display:block;width:20px;height:20px;}
.ss-box input[type=search]{
  flex:1 1 auto;min-width:0;width:auto;margin:0;padding:12px 12px;
  border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;
  font-family:var(--sans);font-size:1rem;font-weight:500;color:var(--ink);
  -webkit-appearance:none;appearance:none;
}
.ss-box input[type=search]:focus,.ss-box input[type=search]:focus-visible{outline:none;box-shadow:none;}
.ss-box input[type=search]::placeholder{color:#8C8A80;}
.ss-go{
  flex:0 0 auto;margin:0;border:0;border-radius:0;cursor:pointer;
  background:var(--crimson);color:#fff;padding:0 22px;
  font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
}
.ss-go:hover{background:var(--crimson-d);}
.ss-go:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;}
.ss-hint{margin:7px 0 0;font-size:.82rem;line-height:1.45;color:var(--muted);}

/* ---------- the drop-down on the home page ---------- */
.ss-drop{
  position:absolute;left:0;right:0;top:calc(100% - 2px);z-index:58;
  max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain;
  background:#fff;border:2px solid var(--ink);border-top:3px solid var(--crimson);
  box-shadow:0 14px 30px rgba(16,27,61,.22);
}
.ss-form[aria-busy="true"] .ss-ic{color:var(--crimson);}
.ss-head{margin:0;padding:10px 14px 4px;font-family:var(--mono);font-size:.64rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d);}
.ss-drop .feed-list li{padding:9px 14px;}
@media (min-width:641px){.ss-drop .feed-date{flex-basis:70px;}}   /* on a phone, app.css puts the date on its own line */
.ss-none{margin:0;padding:16px 14px;color:var(--muted);font-size:.95rem;}
.ss-all{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;border-top:1px solid var(--rule);background:var(--sand);
  font-weight:600;font-size:.92rem;color:var(--crimson);text-decoration:none;
}
.ss-all:hover,.ss-all:focus{background:#F3EFE2;color:var(--ink);}

/* ---------- the pieces of an answer ---------- */
.ss-short{
  display:flex;align-items:center;gap:10px;padding:11px 14px;
  background:#FBF7EA;border-bottom:1px solid var(--rule);border-left:4px solid var(--gold);
  color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.35;
}
.ss-short:hover,.ss-short:focus{background:#F6EED6;color:var(--crimson);}
.ss-short-ic,.ss-go-ic{flex:0 0 auto;display:inline-flex;width:18px;height:18px;}
.ss-short-ic svg,.ss-go-ic svg{width:18px;height:18px;display:block;}
.ss-short-ic{color:var(--crimson);}
.ss-short-t{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;}
.ss-go-ic{color:var(--crimson);}
.ss-page{display:block;padding:9px 14px;border-bottom:1px solid #EFECE1;color:var(--ink);text-decoration:none;}
.ss-page:hover,.ss-page:focus{background:var(--sand);}
.ss-page-t{display:block;font-weight:600;font-size:.97rem;line-height:1.35;overflow-wrap:anywhere;}
.ss-page-u{display:block;margin-top:2px;font-family:var(--mono);font-size:.66rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);}
.ss-tag,.ss-kind{
  display:inline-block;margin-left:8px;vertical-align:2px;
  font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.08em;
}
.ss-tag{color:var(--gold-d);}
.ss-kind{color:var(--muted);border:1px solid var(--rule);padding:0 5px;}
.ss-members{
  display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px 14px;
  background:#ECEFF7;border-bottom:1px solid #C2CADF;color:var(--ink-soft);font-size:.9rem;line-height:1.45;
}
.ss-members svg{flex:0 0 auto;width:17px;height:17px;margin-top:2px;}
.ss-members a{font-weight:700;}
.ss-desc{margin:5px 0 0;font-size:.88rem;line-height:1.5;color:var(--body);overflow-wrap:anywhere;}
.ss-file{font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;}
.ss-list mark,.ss-page mark{background:#FBEFC4;color:inherit;padding:0 1px;}

/* ---------- the Search page ---------- */
.ss-pageform{margin:0 0 22px;}
.ss-status{margin:-8px 0 18px;font-size:.92rem;color:var(--muted);}
.ss-status:empty{display:none;}
.ss-sec{margin:0 0 22px;}
.ss-h{
  display:flex;align-items:baseline;gap:10px;margin:0;padding:12px 16px;
  background:var(--ink);color:#fff;font-size:1.05rem;
}
.ss-h .ss-n{font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.1em;color:var(--gold);}
.ss-pages,.ss-full{border:1px solid var(--rule);border-top:0;background:var(--card);}
.ss-sec > .ss-short{border:1px solid var(--rule);border-left:4px solid var(--gold);}
.ss-sec .ss-members{border:1px solid #C2CADF;}
.ss-more-row{margin:12px 0 0;text-align:center;}
.ss-capped{margin:8px 0 0;text-align:center;}
.ss-nothing p:last-child{margin-bottom:0;}

@media (max-width:640px){
  .sitesearch .wrap{padding-top:12px;padding-bottom:12px;}
  .ss-go{padding:0 14px;}
  .ss-box input[type=search]{padding:11px 10px;font-size:16px;}   /* 16px: a phone does not zoom into the box */
  .ss-hint{font-size:.78rem;}
  .ss-drop{max-height:62vh;}
  /* Paper rows: app.css already puts the date on its own line at this width, as in the home page's box. */
}