body{font-family:system-ui,Segoe UI,Arial;background:#f6f7fb;margin:0;color:#111}
header{background:white;border-bottom:1px solid #e5e7ef;padding:14px 20px;font-weight:700}
.wrap{max-width:900px;margin:auto;padding:20px}
.card{background:white;border:1px solid #e5e7ef;border-radius:14px;padding:18px;margin:14px 0}
input{width:100%;padding:10px;margin:6px 0;border-radius:10px;border:1px solid #dfe3ee}
button{background:#0a7cff;color:white;border:0;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer}
.result{font-size:26px;font-weight:800;margin-top:12px}
a{text-decoration:none;color:#0a7cff}

.muted{color:#666}
.search{width:100%;padding:12px 12px;border-radius:12px;border:1px solid #dfe3ee;margin-top:10px}
.results{margin-top:12px}
.hit{padding:10px;border:1px solid #e5e7ef;border-radius:12px;margin-top:10px;background:#fff}
.hit a{font-weight:700;color:#0a7cff}
.tool-row{margin:0 0 14px 0}
.tool-row a{font-weight:700}


/* --- Site Footer --- */
.site-footer{
  margin-top:40px;
  padding:20px 0;
  background:#f3f4f6;
  border-top:1px solid #e5e7eb;
  font-size:14px;
}

.footer-inner{
  max-width:900px; /* match your wrap width */
  margin:0 auto;
  padding:0 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.footer-brand{ color:#111827; font-weight:600; }

.footer-links a{
  margin-left:16px;
  color:#0a7cff;          /* match your site link color */
  text-decoration:underline; /* trust signal */
  text-underline-offset:2px;
}

.footer-links a:hover{ opacity:0.85; }

@media (max-width:520px){
  .footer-links a{ margin-left:0; margin-right:14px; }
}