:root {
  --ink: #edf8f2;
  --ink-soft: #a9beb3;
  --paper: #090d0b;
  --paper-strong: #101713;
  --line: #263a30;
  --gold: #d5a642;
  --gold-dark: #a67920;
  --teal: #49d4c5;
  --teal-dark: #1e8178;
  --green: #7ce89a;
  --night: #070a08;
  --night-soft: #111a15;
  --shadow: 0 18px 48px rgba(0,0,0,.38);
}
body {
  background: radial-gradient(circle at 80% 5%, rgba(73,212,197,.08), transparent 30rem), var(--paper);
  color: var(--ink);
}
.topbar { background: rgba(7,10,8,.9); border-color: rgba(124,232,154,.18); }
.nav a:hover, .nav a:focus-visible { color: var(--green); }
.hero, .page-hero { background: linear-gradient(145deg, #07100c 0%, #10251b 55%, #0b1713 100%); }
.hero::after, .page-hero::after { content:"PAPER RESEARCH · OBSERVE / FALSIFY / CREATE / DISCLOSE"; position:absolute; right:clamp(1rem,4vw,3rem); bottom:1rem; color:rgba(124,232,154,.45); font:600 .7rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; }
.section, .page-section { border-color: var(--line); }
.section-heading .eyebrow, .page-hero .eyebrow, .card-index { color: var(--green); }
.practice-card, .page-card, .creed-panel, .belief-grid article, .willpower-panel {
  background: linear-gradient(160deg, rgba(19,31,24,.96), rgba(10,16,13,.96));
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.practice-card:hover, .page-card:hover { border-color: rgba(73,212,197,.65); }
.button.primary { background: var(--green); border-color: var(--green); color: #07100b; }
.button.secondary { border-color: #426353; color: var(--ink); background: rgba(8,14,11,.55); }
.button.secondary:hover { border-color: var(--teal); color: var(--teal); }
.market-system-section { background: linear-gradient(180deg, rgba(73,212,197,.045), transparent); }
.market-loop-grid { margin-top: 2rem; }
.system-link-row { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; }
.market-loop-grid .practice-card h3 { font-family: ui-monospace,SFMono-Regular,Consolas,monospace; }
.footer { background:#070a08; border-color:var(--line); }
@media (max-width: 760px) {
  .hero::after, .page-hero::after { display:none; }
  .system-link-row .button { width:100%; text-align:center; }
}