/* Faithful to original Wall Investigations design — cyber/PII edition */

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }

body {
  background-color: #282E45;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 12px 0;
}

.page-wrap {
  width: 80%;
  min-width: 700px;
  max-width: 960px;
  margin: 0 auto;
  border: 1px solid #444d6a;
}

/* HEADER */
.header-row {
  display: flex;
  background: #FFFFFF;
  height: 50px;
}
.header-left  { width: 197px; flex-shrink: 0; background: #FFFFFF; display: flex; align-items: center; padding: 0 12px; }
.header-center { flex: 1; background: #FFFFFF; display: flex; align-items: center; justify-content: center; }
.header-right { width: 304px; flex-shrink: 0; background: #FFFFFF; display: flex; align-items: flex-end; justify-content: flex-end; padding: 6px 10px; }

.site-title-text {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17px;
  font-weight: bold;
  color: #071745;
  text-decoration: none;
  text-align: center;
  line-height: 1.2;
  display: block;
}
.site-title-text:hover { color: #860000; }
.header-tagline {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #444;
  text-align: right;
  line-height: 1.5;
}

.header-stripe { background: #071745; height: 4px; }
.nav-stripe    { background: #282E45; height: 13px; }

/* CONTENT ROW */
.content-row { display: flex; align-items: stretch; }

/* SIDEBAR */
.sidebar { width: 197px; flex-shrink: 0; background: #282E45; }
.sidebar-img { display: block; width: 197px; height: 241px; object-fit: cover; }
.sidebar-nav { padding: 8px 0; }

.leftNav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  text-align: right;
  padding: 4px 11px;
}
.leftNav a:link, .leftNav a:visited { color: #FFFFFF; text-decoration: none; }
.leftNav a:hover { color: #CBD1D9; }
.leftNav a.active { color: #CBD1D9; border-bottom: 1px solid #CBD1D9; }

/* MAIN CONTENT */
.main-content {
  flex: 1;
  background: #CBD1D9;
  min-height: 500px;
}
.content-inner { padding: 0; }

/* TYPOGRAPHY — matching original class names */
p.header {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 130%;
  font-weight: bold;
  color: #000033;
  padding: 5px 20px;
}
p.body, ul.body, ol.body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 130%;
  color: #1a1a1a;
  padding: 2px 20px;
}
ul.body { padding-left: 36px; }
p.body a:link, p.body a:visited, ul.body a:link, ul.body a:visited { color: #860000; }
p.body a:hover, ul.body a:hover { color: #330000; }

p.bodyBold {
  font-weight: bold;
  color: #000033;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 130%;
  padding: 2px 20px;
}
p.bodyBold a:link, p.bodyBold a:visited { color: #860000; }
p.bodyBold a:hover { color: #330000; }

.bodyBold-NoMargin { font-weight: bold; color: #000033; }

p.quote {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 120%;
  color: #860000;
  text-align: center;
  padding: 8px 20px;
  font-weight: bolder;
}

/* monospaced callout box — new addition for cyber content */
p.code-note {
  font-family: 'Courier New', Courier, monospace;
  font-size: 10px;
  color: #003300;
  background: #d0d8c0;
  border-left: 3px solid #336633;
  margin: 6px 20px;
  padding: 6px 10px;
  line-height: 1.6;
}

hr {
  border: none;
  border-top: 1px solid #9aa0b0;
  margin: 8px 20px;
}

/* CONTACT FORM */
.contact-form { padding: 8px 20px; }
.contact-form td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000033;
  padding: 3px 4px;
  vertical-align: middle;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form select,
.contact-form textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #999;
  background: #f0f0f0;
  padding: 2px 4px;
  color: #000;
  width: 100%;
}
.contact-form textarea { height: 80px; resize: vertical; }
.contact-form input[type="submit"] {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #282E45;
  color: #fff;
  border: 1px solid #444;
  padding: 3px 14px;
  cursor: pointer;
}
.contact-form input[type="submit"]:hover { background: #860000; }

/* FOOTER */
.footer-row {
  background: #CBD1D9;
  border-top: 2px solid #9aa0b0;
  padding: 6px 10px;
  text-align: center;
}
.footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000033;
  line-height: 1.6;
}
.footer a:link, .footer a:visited { color: #860000; }
.footer a:hover { color: #330000; }
.footer-divider { margin: 0 8px; color: #666; }