body { background:#fcfbf8; }
/* CountyOutpost v7 */
:root { --page-max: 1100px; --brand: #3a2515; --ink: #222; --muted: #666; }
:root { 
  --page-max: 1100px; 
  --brand: #3a2515; 
  --ink: #222; 
  --muted: #666; 
  --bg: #fcfbf8;
}

html, body {
  background: var(--bg);
  color: var(--ink);
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
  line-height: 1.5;
}

a { color:#0a5; text-decoration:none; } a:hover{ text-decoration:underline; }
.wrap { max-width: var(--page-max); margin: 0 auto; padding: 12px; }
header.site-header{ display:flex; align-items:center; justify-content:center; padding:20px 12px 10px; border-bottom:1px solid #eee; }
header.site-header img.logo{ max-width:min(920px,92vw); height:auto; display:block; }
.hero { text-align:center; padding: 8px 0 16px; }
.grid3{ display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:14px; }
.card{ background:#fff; border:1px solid #e8e8e8; border-radius:12px; padding:14px; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.card.link{ display:block; font-weight:600; text-align:center; font-size:20px; padding:20px; }
.listings{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.small{ color:var(--muted); font-size:.92rem; }
.pill{ display:inline-block; background:#0a5; color:#fff; padding:10px 14px; border-radius:999px; }
.crumbs{ font-size:.9rem; margin-bottom:10px; }
.crumbs .crumb{ color:#444; }
.adgrid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap:10px; }
.adgrid .ad{ min-height:120px; display:flex; align-items:center; justify-content:center; background:#faf7f3; border:1px dashed #cdb; border-radius:10px; color:#826; }
footer{ border-top:1px solid #eee; padding:20px 12px; margin-top:20px; font-size:.9rem; }
/* --- Landing basics (add-on) --- */

/* spacing for sections */
.section { padding: 2rem 0; }

/* center the location picker */
.location-picker {
  margin: 1rem auto 2rem;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.location-picker select {
  height: 44px;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-size: 1rem;
  min-width: 200px;
  background: #fff;
}
.location-picker button {
  height: 44px;
  padding: 0 16px;
  border: none;
  border-radius: 10px;
  background: #386641; /* deep green */
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
.location-picker button[disabled] { opacity: 0.55; cursor: not-allowed; }

/* simple 3-card layout */
.features {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 32px;
}
.feature-card {
  width: 260px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
}

/* footer spacing */
.site-footer { margin-top: 2.5rem; padding: 1rem 0; border-top: 1px solid #eee; }