
:root{--bg:#f1eadb;--panel:#e4dac6;--ink:#27251f;--muted:#6d685d;--accent:#b45b36;--font:Georgia, 'Times New Roman', serif;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.65}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px} a:hover{color:var(--accent)}
.skip{position:absolute;left:-9999px} .skip:focus{left:1rem;top:1rem;background:var(--panel);padding:1rem;z-index:5}
header{padding:1.2rem clamp(1rem,5vw,5rem);border-bottom:1px solid color-mix(in srgb,var(--muted) 35%,transparent);display:flex;justify-content:space-between;align-items:center;gap:2rem}
.brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.92rem} .brand small{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.16em;font-weight:500;margin-top:.2rem}
nav{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.82rem} nav a{text-decoration:none;color:var(--muted)}
main{width:min(1180px,90vw);margin:0 auto;padding:clamp(2rem,6vw,5rem) 0 6rem}
.kicker{color:var(--accent);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
h1{font-size:clamp(2.7rem,7vw,6.8rem);line-height:.98;letter-spacing:-.055em;max-width:1000px;margin:.7rem 0 1.3rem}
h2{line-height:1.12;letter-spacing:-.025em} p{max-width:72ch} .lede{font-size:clamp(1.12rem,2vw,1.5rem);color:var(--muted);max-width:68ch}
.panel{background:var(--panel);padding:1.4rem;border:1px solid color-mix(in srgb,var(--muted) 24%,transparent)}
footer{border-top:1px solid color-mix(in srgb,var(--muted) 35%,transparent);padding:2rem 5vw;color:var(--muted);font-size:.82rem;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.tag{color:var(--accent);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}

body{background-image:radial-gradient(#b45b3615 .7px,transparent .7px);background-size:9px 9px}
header{border-bottom:3px double var(--ink)} .brand{font-family:Georgia,serif;font-size:1.2rem;letter-spacing:0}
.hero{max-width:900px;border-bottom:1px solid var(--ink);padding-bottom:2.5rem}
h1{font-weight:500;font-size:clamp(3rem,7vw,6rem);letter-spacing:-.07em}
.cards{margin-top:3rem;border-top:1px solid var(--ink)}.cards a{display:grid;grid-template-columns:100px 1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid #8b8375;text-decoration:none}
.cards strong{font-size:1.45rem;font-weight:500}.cards .num{font-size:.7rem;letter-spacing:.12em;color:var(--accent)}
.article-body{max-width:820px}.article-body section{border-top:1px solid #aaa08e;padding:1.2rem 0}

@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{gap:.7rem}.hero,.article-body{display:block}.hero-mark{display:none}.cards{grid-template-columns:1fr}.cards a{min-height:0}.article-body section{display:block}.hero{padding-bottom:2rem}}


/* BLACKOPS MARKET — archival paper reveal */
.hero{animation:archiveSettle .9s ease-out both}
.hero h1{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:10px;animation:inkUnderline 1.2s .35s ease-out forwards}
.cards a{transition:padding-left .35s ease,color .35s}
.cards a:hover{padding-left:1.9rem;color:var(--accent)}
.cards a:after{content:"";display:block;width:0;height:1px;background:var(--accent);transition:width .4s ease}
.cards a:hover:after{width:100%}
@keyframes archiveSettle{from{opacity:0;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes inkUnderline{to{text-decoration-color:var(--accent)}}


/* BLACKOPS live market panel */
.crypto-panel{margin:3.5rem 0 1rem;padding:clamp(1.2rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--accent) 48%,var(--muted));background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--bg) 90%,transparent));position:relative;overflow:hidden}
.crypto-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);opacity:.8}
.crypto-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}
.crypto-head h2{font-size:clamp(1.45rem,3vw,2.2rem);margin:.4rem 0}
.crypto-note{color:var(--muted);font-size:.82rem;margin:.3rem 0;max-width:70ch}
.crypto-status{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.75rem;letter-spacing:.04em}
.crypto-pulse{width:8px;height:8px;border-radius:50%;background:#d59b48;box-shadow:0 0 0 0 #d59b4855;animation:cryptoPulse 1.8s infinite}
.crypto-status.is-live .crypto-pulse{background:#62c78b;box-shadow:0 0 0 0 #62c78b55}
.crypto-table-wrap{overflow-x:auto;margin-top:1.3rem}
.crypto-table{width:100%;border-collapse:collapse;min-width:490px;font-variant-numeric:tabular-nums}
.crypto-table th,.crypto-table td{padding:.9rem .8rem;border-bottom:1px solid color-mix(in srgb,var(--muted) 22%,transparent);text-align:right;white-space:nowrap}
.crypto-table thead th{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:600}
.crypto-table th:first-child,.crypto-table td:first-child{text-align:left}
.crypto-table tbody th{font-weight:700}
.coin-symbol{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-right:.7rem;border-radius:50%;font-size:1.15rem;vertical-align:middle}
.coin-symbol.btc{background:#f7931a20;color:#f7931a}.coin-symbol.xmr{background:#ff660020;color:#ff8747}
.coin-name{display:inline-flex;flex-direction:column;vertical-align:middle;line-height:1.2}
.coin-name small{font-size:.66rem;color:var(--muted);letter-spacing:.12em;margin-top:.2rem}
.change{font-weight:700}.positive{color:#3ba96b}.negative{color:#d65c5c}
.crypto-foot{display:flex;justify-content:space-between;gap:.6rem 1.2rem;flex-wrap:wrap;margin-top:1rem;color:var(--muted);font-size:.68rem}
.price-flash{animation:priceFlash .7s ease-out}
@keyframes cryptoPulse{70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes priceFlash{0%{background:color-mix(in srgb,var(--accent) 18%,transparent)}100%{background:transparent}}
@media(max-width:650px){.crypto-head{display:block}.crypto-status{margin-top:.9rem}.crypto-foot{display:grid;gap:.35rem}}
@media(prefers-reduced-motion:reduce){.crypto-pulse,.price-flash{animation:none!important}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* BLACKOPS MARKET — refined archival journal */
body{background-image:radial-gradient(#b45b3610 .7px,transparent .7px);background-size:11px 11px}
main{width:min(1120px,88vw)}
.hero{max-width:none;padding:clamp(2rem,5vw,4rem);background:linear-gradient(120deg,#e9dfcc,#f4eddf);border:1px solid #b45b3644;box-shadow:0 22px 60px #4a382014}
.hero h1{max-width:800px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#9b8d78;border:1px solid #9b8d78}
.cards a.panel{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto auto;gap:.35rem 1rem;min-width:0;min-height:220px;padding:1.5rem;background:#e8deca;border:0}
.cards a .num{grid-column:1;grid-row:1/4;align-self:start;padding-top:.35rem}
.cards a strong,.cards a p,.cards a .tag{grid-column:2;min-width:0}
.cards a strong{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.2}
.cards a p{max-width:52ch;overflow-wrap:break-word}
.cards a .tag{align-self:end}
.article-body{max-width:850px;margin:2rem auto}
.article-body section{padding:1.5rem 0;border-top:1px solid #b9ad99}
.article-body h2{font-size:1.65rem}
@media(max-width:700px){.cards{grid-template-columns:1fr}.cards a.panel{min-height:0}.hero{padding:1.5rem}}

/* Global content and card integrity fixes */
.cards a{height:auto;overflow-wrap:anywhere}
.cards a p{min-width:0;word-break:normal;overflow-wrap:break-word}
.editorial-intro{max-width:920px;margin:clamp(2rem,5vw,4rem) auto;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--muted));background:color-mix(in srgb,var(--panel) 78%,var(--bg));border-radius:12px}
.editorial-intro h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:.5rem 0}
.editorial-intro p{max-width:78ch}
.context-line{font-size:.86rem;color:var(--muted);border-left:2px solid var(--accent);padding-left:1rem;margin-top:1.2rem}
.network-signature{flex-basis:100%;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.article-body p{max-width:78ch;line-height:1.8}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cards a.panel{min-width:0}
.cards a.panel .num{min-width:0}
.cards a.panel strong,.cards a.panel p,.cards a.panel .tag{min-width:0;overflow-wrap:break-word}

/* V8 editorial long-form system */
.editorial-intro,.case-study,.editorial-conclusion,.source-notes{max-width:920px;margin:2rem auto;padding:clamp(1.25rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--muted));background:color-mix(in srgb,var(--panel) 88%,var(--bg));border-radius:12px}
.case-study{border-left:3px solid var(--accent)}
.case-study p:first-of-type{font-size:.82rem;color:var(--muted);font-style:italic}
.editorial-conclusion{background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.source-notes ul{padding-left:1.2rem}.source-notes li{margin:.8rem 0;line-height:1.65}
.source-notes a{color:var(--accent);text-underline-offset:3px}
.research-table-wrap{max-width:920px;margin:1.5rem auto;overflow-x:auto;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--muted));border-radius:10px}
.research-table{width:100%;border-collapse:collapse;min-width:520px;background:var(--panel);font-size:.92rem}
.research-table caption{text-align:left;padding:1rem;font-weight:700;color:var(--accent)}
.research-table th,.research-table td{padding:.9rem 1rem;border-top:1px solid color-mix(in srgb,var(--muted) 22%,transparent);text-align:left;vertical-align:top;line-height:1.55}
.research-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.research-table tbody th{width:30%;font-weight:650}
.article-body>section{scroll-margin-top:6rem}
.article-body h2{line-height:1.22}
.article-body p{max-width:78ch;line-height:1.78}
@media(max-width:640px){.research-table-wrap{margin:1rem 0}.research-table{font-size:.85rem}.research-table th,.research-table td{padding:.7rem}}

.workflow-model{max-width:920px;margin:2rem auto;padding:clamp(1.25rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--muted));border-radius:12px;background:color-mix(in srgb,var(--panel) 82%,var(--bg))}
.workflow-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding:0;margin:1.3rem 0 0;counter-reset:workflow}
.workflow-steps li{display:flex;flex-direction:column;gap:.55rem;min-width:0;padding:1rem;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--muted));border-radius:9px;background:color-mix(in srgb,var(--bg) 65%,var(--panel))}
.workflow-number{font: .7rem monospace;letter-spacing:.12em;color:var(--accent)}
.workflow-steps strong{font-size:1rem}
.workflow-steps li>span:last-child{font-size:.84rem;line-height:1.5;color:var(--muted)}
@media(max-width:720px){.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.workflow-steps{grid-template-columns:1fr}}


/* BLACKOPS V10 — three-row reference reveal panel ({'brand': 'BLACKOPS MARKET', 'accent': '#c47c53', 'eyebrow': 'ARCHIVE INDEX / REFERENCE FILES', 'desc': 'Open the related BLACKOPS research notes and archive guides.'}) */
.blackops-link-panel {
  --bo-link-accent: #c47c53;
  width: min(1120px, calc(100% - 2rem));
  margin: clamp(2.5rem, 6vw, 5rem) auto;
  padding: clamp(1.1rem, 3vw, 2rem);
  color: #f1f0eb;
  background: #111318;
  border: 1px solid rgba(255,255,255,.13);
  border-top: 3px solid var(--bo-link-accent);
  box-shadow: 0 18px 48px rgba(0,0,0,.14);
}
.blackops-link-panel-head {
  display:flex; align-items:flex-end; justify-content:space-between; gap:1.2rem;
  margin-bottom:1.35rem;
}
.blackops-link-kicker {
  color:var(--bo-link-accent); font: .68rem/1.4 ui-monospace,monospace;
  letter-spacing:.15em; text-transform:uppercase;
}
.blackops-link-panel h2 {
  margin:.45rem 0 .35rem; color:#f6f4ef; font-size:clamp(1.35rem,2.4vw,2rem);
  letter-spacing:-.025em;
}
.blackops-link-panel-head p {
  max-width:62ch; margin:0; color:#aeb2b8; font-size:.9rem; line-height:1.6;
}
.blackops-link-rows { display:grid; gap:.65rem; }
.blackops-link-row {
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  min-height:82px; padding:.95rem 1rem;
  background:linear-gradient(105deg,#202329 0%,#181b20 100%);
  border:1px solid rgba(255,255,255,.09);
  transition:border-color .2s ease, transform .2s ease, background .2s ease;
}
.blackops-link-row:hover {
  border-color:color-mix(in srgb,var(--bo-link-accent) 65%,transparent);
  transform:translateX(3px);
}
.blackops-link-identity {
  display:grid; grid-template-columns:2.2rem minmax(0,1fr); column-gap:.8rem;
  align-items:center; min-width:0;
}
.blackops-link-number {
  grid-row:span 2; color:var(--bo-link-accent); font: .72rem ui-monospace,monospace;
}
.blackops-link-identity strong {
  color:#f4f2ec; font-size:.88rem; letter-spacing:.08em;
}
.blackops-link-note {
  grid-column:2; margin-top:.22rem; color:#9ca2aa; font-size:.78rem; line-height:1.45;
}
.blackops-link-action { display:flex; flex-direction:column; align-items:flex-end; gap:.5rem; }
.blackops-show-link {
  min-width:148px; padding:.7rem .9rem; border:1px solid var(--bo-link-accent);
  color:#f7f5ef; background:transparent; font:600 .72rem/1.2 inherit;
  letter-spacing:.06em; cursor:pointer; transition:background .2s ease,color .2s ease;
}
.blackops-show-link:hover,.blackops-show-link:focus-visible {
  color:#111318; background:var(--bo-link-accent); outline:none;
}
.blackops-revealed-link {
  max-width:min(46vw,520px); overflow-wrap:anywhere; text-align:right;
  color:var(--bo-link-accent); font: .72rem/1.5 ui-monospace,monospace;
}
.blackops-revealed-link[hidden] { display:none; }
.blackops-revealed-link a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:620px) {
  .blackops-link-panel { width:calc(100% - 1.25rem); padding:1rem; }
  .blackops-link-row { align-items:flex-start; flex-direction:column; }
  .blackops-link-action { width:100%; align-items:stretch; }
  .blackops-show-link { width:100%; }
  .blackops-revealed-link { max-width:100%; text-align:left; }
}
@media(prefers-reduced-motion:reduce) {
  .blackops-link-row,.blackops-show-link { transition:none; }
}
