body {
  font-family: Arial, Helvetica, sans-serif;
  background: #f3f4f6;
  color: #111827;
  margin: 0;
}
.page {
  max-width: 1100px;
  margin: 28px auto;
  padding: 0 16px 40px;
}
.card {
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}
.card.narrow { max-width: 700px; margin: 0 auto; }
h1, h2, h3 { margin-top: 0; }
.intro, .small { color: #4b5563; }
.grid {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}
.grid.two { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.grid.three, .compact { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; }
input, textarea, button {
  font: inherit;
}
input, textarea {
  padding: 10px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
}
textarea { min-height: 88px; resize: vertical; }
button {
  padding: 12px 18px;
  border: 0;
  border-radius: 10px;
  background: #111827;
  color: #fff;
  cursor: pointer;
}
button.secondary { background: #475569; }
.submit-row { margin-top: 20px; }
.flash {
  padding: 12px 14px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.flash.error { background: #fee2e2; color: #991b1b; }
.flash.success { background: #dcfce7; color: #166534; }
.flash.warning { background: #fef3c7; color: #92400e; }
.disclosure-box {
  background: #f8fafc;
  border: 1px solid #dbe2ea;
  padding: 14px;
  border-radius: 10px;
  margin-bottom: 12px;
}
.disclosure-box pre {
  white-space: pre-wrap;
  font-family: inherit;
  margin: 0;
}
.checks {
  display: grid;
  gap: 10px;
  margin-bottom: 20px;
}
.signature-wrap {
  border: 1px solid #d1d5db;
  border-radius: 12px;
  padding: 14px;
  background: #fafafa;
}
#signature-pad {
  width: 100%;
  max-width: 700px;
  height: 220px;
  background: #fff;
  display: block;
  border-radius: 10px;
  touch-action: none;
}
.sig-actions { margin-top: 10px; }
.table-wrap {
  width: 100%;
  overflow-x: auto;
}
table {
  width: 100%;
  border-collapse: collapse;
  min-width: 840px;
}
th, td {
  text-align: left;
  vertical-align: top;
  padding: 10px;
  border-bottom: 1px solid #e5e7eb;
}
.badge {
  display: inline-block;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
}
.badge.success { background: #dcfce7; color: #166534; }
.badge.warning { background: #fef3c7; color: #92400e; }
.badge.muted { background: #e5e7eb; color: #334155; }
.signature-image {
  max-width: 420px;
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  background: #fff;
}
.employment-block,
.entry-card {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f8fafc;
}
.section-subhead {
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .page { padding: 0 10px 28px; }
  .card { padding: 16px; }
  button { width: 100%; }
}


body.site-body { background:#0f1720; color:#e7edf5; margin:0; font-family:Arial,sans-serif; }
.site-header{background:#0b1220;border-bottom:1px solid #22304a;position:sticky;top:0;z-index:10;}
.nav-wrap{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.brand{font-size:1.2rem;font-weight:700;letter-spacing:.08em;}
.brand-sub{font-size:.85rem;color:#9fb2c9;}
.top-nav a{color:#d8e3f0;text-decoration:none;margin-left:18px;}
.hero{position:relative;min-height:500px;background:url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;display:flex;align-items:center;justify-content:center;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(rgba(8,12,20,.45),rgba(8,12,20,.75));}
.hero-content{position:relative;max-width:760px;text-align:center;padding:40px 24px;}
.eyebrow{display:inline-block;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);margin-bottom:18px;}
.hero h1{font-size:3rem;margin:0 0 12px;}
.hero p{font-size:1.1rem;color:#d8e3f0;}
.hero-actions,.card-actions{display:flex;gap:12px;flex-wrap:wrap;}
.hero-actions{justify-content:center;margin-top:20px;}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;border:1px solid #48617f;color:#fff;background:#1b2b42;}
.btn-primary{background:#c8962d;border-color:#c8962d;color:#111827;}
.btn-secondary{background:#1f3250;}
.btn-outline{background:transparent;border-color:#5d7696;}
.site-main{max-width:1180px;margin:0 auto;padding:32px 24px 60px;}
.section{margin-bottom:34px;}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.section-head a{color:#d8e3f0;}
.property-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;}
.property-card{background:#121c2b;border:1px solid #22304a;border-radius:16px;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.18);}
.property-card img{width:100%;height:220px;object-fit:cover;display:block;}
.property-card-body{padding:18px;}
.price-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;}
.status{padding:4px 8px;border-radius:999px;font-size:.8rem;background:#1f3250;color:#dbe8f3;}
.status.leased{background:#4b1f24;}
.facts,.intro-dark{color:#b8c6d7;}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
.trust-card,.brokerage-box,.detail-card{background:#121c2b;border:1px solid #22304a;border-radius:16px;padding:22px;}
.detail-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start;}
.detail-hero{width:100%;height:440px;object-fit:cover;border-radius:16px;border:1px solid #22304a;}
.gallery-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px;}
.gallery-strip img{width:100%;height:110px;object-fit:cover;border-radius:12px;border:1px solid #22304a;}
.price-large{font-size:1.6rem;font-weight:700;margin-bottom:8px;}
.facts-stack div{margin-bottom:8px;color:#d8e3f0;}
.narrow{max-width:480px;margin:30px auto;}
.linklike{background:none;border:none;color:#0b63ce;padding:0;cursor:pointer;text-decoration:underline;font:inherit;}
@media (max-width: 900px){.detail-layout{grid-template-columns:1fr;}.hero h1{font-size:2.2rem;}.nav-wrap{flex-direction:column;align-items:flex-start;}.top-nav a{margin-left:0;margin-right:14px;display:inline-block;}}


/* readability improvements without changing overall site look */
.site-body .card,
.site-body .card h1,
.site-body .card h2,
.site-body .card h3,
.site-body .card .section-subhead,
.site-body .card label,
.site-body .card p,
.site-body .card .small,
.site-body .card .intro {
  color: #0f172a;
}
.site-body .card .small,
.site-body .card .intro {
  color: #334155;
}
.site-body .card input,
.site-body .card textarea,
.site-body .card select {
  color: #111827;
  background: #ffffff;
}
.site-body .card input::placeholder,
.site-body .card textarea::placeholder {
  color: #64748b;
  opacity: 1;
}
.inline-top-link {
  margin: 0 0 16px;
}
.inline-top-link a {
  color: #1d4ed8;
  text-decoration: none;
  font-weight: 600;
}
.inline-top-link a:hover {
  text-decoration: underline;
}
