/* Field Activation Audit: shared shell. Loaded by all three pages. */

:root{
  --ground:#15130f; --ground-2:#1c1915; --ground-3:#23201a;
  --paper:#f2ede4; --muted:rgba(242,237,228,0.56); --faint:rgba(242,237,228,0.34);
  --ghost:rgba(242,237,228,0.2);
  --gold:#b8953a; --gold-soft:rgba(184,149,58,0.13); --rule-gold:rgba(184,149,58,0.32);
  --rule:rgba(242,237,228,0.12);
  --stop:#c4604a; --warn:#c79a4e; --go:#71a488;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'DM Mono',ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html,body{background:var(--ground)}
body{
  margin:0;color:var(--paper);
  font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-0.01em;margin:0;text-wrap:balance}
a{color:var(--gold)}
code{font-family:var(--mono);font-size:0.86em}

.wrap{max-width:760px;margin:0 auto;padding-inline:20px;padding-block:0 80px}
.wrap-wide{max-width:900px}

.label{font-family:var(--mono);font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold)}

.topbar{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding-block:22px 16px;border-bottom:1px solid var(--rule);
}
.brand{font-family:var(--serif);font-size:19px;text-decoration:none;color:var(--paper)}
.brand i{color:var(--gold);font-style:normal}
.counter{font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--faint);text-align:right}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--mono);font-size:11.5px;letter-spacing:0.1em;text-transform:uppercase;
  padding:14px 26px;cursor:pointer;border:1px solid var(--gold);
  background:var(--gold);color:var(--ground);text-decoration:none;transition:opacity .16s;
}
.btn:hover{opacity:.86}
.btn:focus-visible{outline:2px solid var(--paper);outline-offset:2px}
.btn.ghost{background:transparent;color:var(--muted);border-color:var(--rule)}
.btn.ghost:hover{color:var(--paper);border-color:var(--rule-gold)}
.btn[disabled]{opacity:.32;cursor:not-allowed}
.btn.wide{width:100%;padding:16px 24px}

.nav{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}

footer{
  border-top:1px solid var(--rule);margin-top:60px;padding-top:22px;
  display:flex;flex-wrap:wrap;gap:8px 26px;
  font-family:var(--mono);font-size:11px;letter-spacing:0.05em;color:var(--faint);
}
footer a{color:var(--faint);text-decoration:none}
footer a:hover{color:var(--muted)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
