/* Shared styles for Open Outcry sub-pages (privacy, terms) */
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:#0A0D12;
  color:#E8ECF3;
  font-family:'Inter',sans-serif;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:860px; margin:0 auto; padding:48px 32px 80px;}
a{color:#C9A24B; text-decoration:none;}
a:hover{text-decoration:underline;}
.top-back{
  display:inline-block;
  font-family:'JetBrains Mono',monospace; font-size:11px;
  letter-spacing:0.06em; text-transform:uppercase;
  color:#8A94A6; text-decoration:none;
  border:1px solid #232A38; border-radius:2px;
  padding:8px 14px; margin-bottom:24px;
  transition:color .15s ease, border-color .15s ease;
}
.top-back:hover{color:#C9A24B; border-color:#C9A24B; text-decoration:none;}
.page-head{border-bottom:3px double #232A38; padding-bottom:22px; margin-bottom:36px;}
.eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:11px; letter-spacing:0.18em; text-transform:uppercase;
  color:#C9A24B; margin-bottom:12px;
}
h1{
  font-family:'Fraunces',Georgia,serif;
  font-weight:600; font-size:clamp(30px,4vw,44px);
  line-height:1.05;
}
.updated{
  font-family:'JetBrains Mono',monospace; font-size:11px;
  color:#5D6577; margin-top:12px; letter-spacing:0.05em;
}
h2{
  font-family:'Fraunces',Georgia,serif;
  font-weight:500; font-size:22px;
  margin:34px 0 12px;
}
p{color:#8A94A6; font-size:14.5px; margin-bottom:14px;}
ul{color:#8A94A6; font-size:14.5px; margin:0 0 14px 22px;}
li{margin-bottom:8px;}
.back-link{
  display:inline-block; margin-top:36px;
  font-family:'JetBrains Mono',monospace; font-size:11px;
  letter-spacing:0.06em; text-transform:uppercase; color:#8A94A6;
}
.back-link:hover{color:#C9A24B; text-decoration:none;}

/* ---------- about page ---------- */
.about-lede{
  font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:300;
  font-size:20px; color:#E8ECF3; max-width:640px; margin-bottom:28px; line-height:1.5;
}
.prose h2{margin-top:40px;}
.prose p:last-child{margin-bottom:0;}
.principle-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#232A38; margin:26px 0 8px;}
.principle{background:#12161F; padding:22px 20px;}
.principle b{display:block; font-family:'Fraunces',Georgia,serif; font-weight:500; font-size:17px; color:#C9A24B; margin-bottom:8px;}
.principle p{font-size:13px; margin:0;}
@media (max-width:760px){.principle-grid{grid-template-columns:1fr;}}

/* ---------- contact form ---------- */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start;}
.contact-side p{font-size:14.5px;}
.contact-form{display:flex; flex-direction:column; gap:16px; border:1px solid #232A38; background:#12161F; padding:26px;}
.contact-form label{
  font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.08em;
  text-transform:uppercase; color:#8A94A6; display:block; margin-bottom:6px;
}
.contact-form input,.contact-form textarea{
  width:100%; background:#0A0D12; border:1px solid #232A38; color:#E8ECF3;
  font-family:'Inter',sans-serif; font-size:14px; padding:12px 14px; outline:none; border-radius:2px;
}
.contact-form input:focus,.contact-form textarea:focus{border-color:#C9A24B;}
.contact-form textarea{min-height:140px; resize:vertical;}
.contact-form button{
  align-self:flex-start; background:#C9A24B; border:none; padding:13px 22px; color:#1A1204;
  font-family:'JetBrains Mono',monospace; font-size:12px; text-transform:uppercase;
  letter-spacing:0.06em; cursor:pointer; transition:opacity .15s ease;
}
.contact-form button:hover{opacity:0.85;}
.contact-form button:disabled{opacity:0.5; cursor:default;}
.contact-status{font-size:13px; min-height:20px;}
.contact-status.ok{color:#2DD4BF;}
.contact-status.err{color:#E0546B;}
.hp-field{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
@media (max-width:760px){.contact-grid{grid-template-columns:1fr;}}

/* ---------- footer on sub-pages ---------- */
.sub-footer{
  margin-top:56px; padding-top:22px; border-top:1px solid #232A38;
  display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;
  font-family:'JetBrains Mono',monospace; font-size:11px; color:#5D6577;
}
.sub-footer .links{display:flex; gap:18px;}
.sub-footer a{color:#5D6577; text-decoration:none;}
.sub-footer a:hover{color:#C9A24B;}
