/* ============================================================================
   AI ECONOMICS — reader pages for the Divergent Compute posts embedded on
   TheCatch.AI. Non-Fiction (Edge) side: white ground, red Pulse, grey neutrals.
   Reuses broadsheet.css tokens (--display/--serif/--label/--mono/--pulse/…).
   ========================================================================= */
.aiec-doc{background:var(--paper);color:var(--ink);font-family:var(--serif)}
.aiec-wrap{max-width:48rem;margin:0 auto;padding:0 var(--edge)}
.aiec-read{max-width:42rem}

/* ---- article header ---- */
.aiec-head{padding:clamp(34px,5vw,64px) 0 6px}
.aiec-kicker{font-family:var(--label);font-weight:700;font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--pulse);display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.aiec-kicker .cat{color:var(--slate)}
.aiec-head h1{font-family:var(--display);font-weight:500;font-size:var(--tc-title);line-height:.94;
  text-transform:uppercase;letter-spacing:.005em;margin:.1em 0 .28em}
.aiec-sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.4;
  color:var(--graphite);margin:0 0 .5em}
.aiec-dek{font-family:var(--serif);font-size:1.24rem;line-height:1.5;color:var(--graphite);font-weight:500;margin:.2em 0 0;max-width:40rem}
.aiec-byline{font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--slate);border-top:1px solid var(--mist);border-bottom:1px solid var(--mist);padding:14px 0;margin-top:26px;
  display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.aiec-byline b{color:var(--ink);font-weight:700}
.aiec-tags{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.aiec-tags span{font-family:var(--label);font-weight:600;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--slate);border:1px solid var(--mist);padding:4px 8px}

/* ---- hero image ---- */
.aiec-hero{margin:26px 0 8px;border:1px solid var(--mist);background:#0a0a0a}
.aiec-hero img{display:block;width:100%;height:auto}

/* ---- body ---- */
.aiec-body{font-size:1.12rem;line-height:1.72;color:var(--ink);padding:28px 0 8px}
.aiec-body p{margin:0 0 1.15em}
.aiec-body strong,.aiec-body b{color:var(--ink);font-weight:700}
.aiec-body em,.aiec-body i{color:var(--graphite)}
.aiec-body a{color:var(--pulse);text-decoration:none;border-bottom:1px solid rgba(42,42,42,.3)}
.aiec-body a:hover{border-bottom-color:var(--pulse)}
.aiec-body h2{font-family:var(--display);font-weight:500;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1;
  text-transform:uppercase;letter-spacing:.01em;color:var(--ink);margin:1.7em 0 .5em;padding-top:.7em;border-top:1px solid var(--mist)}
.aiec-body h2:first-of-type{border-top:0;padding-top:0}
.aiec-body h3{font-family:var(--label);font-weight:700;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite);margin:1.4em 0 .5em}
.aiec-body ul,.aiec-body ol{padding-left:1.2em;margin:0 0 1.15em}
.aiec-body li{margin:0 0 .5em}
.aiec-body figure{margin:1.8em 0;border:1px solid var(--mist);background:#0a0a0a}
.aiec-body figure img{display:block;width:100%;height:auto}
.aiec-body figcaption{font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:12px;line-height:1.5;
  color:var(--slate);background:var(--cream);padding:9px 12px;border-top:1px solid var(--mist)}
.aiec-body figcaption a{color:var(--pulse);border:0}
.aiec-body blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:3px solid var(--pulse);
  font-family:var(--serif);font-style:italic;color:var(--graphite)}
.aiec-body .toolcta{margin:1.6em 0}
.aiec-body .toolcta a{display:inline-block;font-family:var(--label);font-weight:700;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--pulse);border:1px solid var(--pulse);padding:11px 20px;border-bottom:1px solid var(--pulse)}
.aiec-body .toolcta a:hover{background:var(--pulse);color:#fff}
.aiec-body .ends{font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.04em;color:var(--slate);
  margin-top:1.8em;padding-top:16px;border-top:1px solid var(--mist)}
.aiec-body .ends a{color:var(--pulse);border:0}

/* ---- source credit + footer nav ---- */
.aiec-source{margin:10px 0 0;padding:18px 20px;background:var(--cream);border:1px solid var(--mist);border-left:4px solid var(--pulse);
  font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.03em;color:var(--slate);text-transform:uppercase}
.aiec-source a{color:var(--ink);border-bottom:2px solid var(--pulse);padding-bottom:1px}
.aiec-source a:hover{color:var(--pulse)}
.aiec-source .sub{display:block;margin-top:8px;text-transform:none;letter-spacing:0;font-family:var(--serif);font-style:italic;font-weight:400;color:var(--slate)}

.aiec-foot{border-top:2px solid var(--ink);margin-top:40px;padding:30px var(--edge);text-align:center}
.aiec-foot a{font-family:var(--display);font-weight:500;font-size:clamp(1.2rem,2.4vw,1.7rem);text-transform:uppercase;
  color:var(--ink);letter-spacing:.01em;display:inline-flex;align-items:center;gap:12px;transition:gap .2s,color .2s}
.aiec-foot a:hover{color:var(--pulse);gap:20px}
.aiec-foot a .arw{color:var(--pulse)}

@media(max-width:640px){ .aiec-tags{margin-left:0;width:100%} }