/* =====================================================================
   CAW essay layout: "Reification in AI" series (Batch 5 template).
   Loads ON TOP of shell.css. Adds the long-form reading column,
   byline, callouts, footnote references, and related-posts rail.
   ===================================================================== */

/* hero / byline */
.essay-hero{padding:64px 0 8px;}
.essay-hero .series{color:var(--target);}
.essay-hero h1{font-size:clamp(32px,4vw,52px);letter-spacing:-0.03em;font-weight:800;
  max-width:20ch;margin-top:16px;line-height:1.05;}
.byline{display:flex;align-items:center;gap:12px;margin-top:22px;
  font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--muted);letter-spacing:0.02em;}
.byline .dot{width:4px;height:4px;border-radius:50%;background:var(--hair-2);}
.byline b{color:var(--ink-soft);font-weight:600;}

/* reading column */
.essay-band{padding:48px 0 84px;border-top:1px solid var(--hair);margin-top:40px;}
.measure{max-width:720px;margin:0 auto;}
.essay-body p{font-size:18px;line-height:1.7;color:var(--ink-soft);margin:0 0 24px;}
.essay-body p strong{color:var(--ink);font-weight:600;}
.essay-body em{font-style:italic;color:var(--ink);}
.essay-body h2{font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-0.02em;
  color:var(--ink);margin:44px 0 18px;line-height:1.2;}
.essay-body h3{font-size:19px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);
  margin:32px 0 14px;}
.essay-body ul{margin:0 0 24px;padding-left:22px;}
.essay-body li{font-size:18px;line-height:1.6;color:var(--ink-soft);margin-bottom:10px;}
.essay-body a{color:var(--target);text-decoration:none;font-weight:500;}
.essay-body a:hover{text-decoration:underline;}
.essay-body hr{border:none;border-top:1px solid var(--hair);margin:40px 0;}

/* footnote markers */
.essay-body sup a{font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;
  color:var(--target);text-decoration:none;padding:0 1px;}
.essay-body sup a:hover{text-decoration:underline;}

/* lead paragraph */
.essay-body .lead{font-size:21px;line-height:1.6;color:var(--ink);font-weight:500;}

/* key-takeaway callout */
.takeaway{background:var(--target-bg);border:1px solid #B8D8CC;border-radius:14px;
  padding:26px 30px;margin:0 0 36px;}
.takeaway .tk{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--target);font-weight:600;margin-bottom:10px;}
.takeaway p{font-size:16px;line-height:1.6;color:#1d4a3c;margin:0;}
.takeaway p strong{color:var(--target);font-weight:700;}
.takeaway p em{font-style:italic;color:#1d4a3c;}

/* editor's note */
.editor-note{border-left:2px solid var(--hair-2);padding:4px 0 4px 22px;margin:0 0 36px;}
.editor-note .tk{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.1em;
  text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:8px;}
.editor-note p{font-size:15.5px;line-height:1.6;color:var(--muted);font-style:italic;margin:0;}

/* pull / block quote */
.essay-body blockquote{margin:32px 0;padding:4px 0 4px 26px;border-left:3px solid var(--target);}
.essay-body blockquote p{font-size:21px;line-height:1.45;color:var(--ink);font-weight:600;
  letter-spacing:-0.01em;font-style:normal;margin:0;}
.essay-body blockquote.plain{border-left-color:var(--hair-2);}
.essay-body blockquote.plain p{font-size:18px;font-weight:500;color:var(--ink-soft);}

/* author note */
.author-note{font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--muted);line-height:1.65;
  border-top:1px solid var(--hair);margin-top:44px;padding-top:18px;}
.author-note a{color:var(--target);text-decoration:none;}
.author-note a:hover{text-decoration:underline;}

/* references */
.essay-refs{max-width:720px;margin:0 auto;padding-top:36px;border-top:1px solid var(--hair);}
.essay-refs h2{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 18px;}
.essay-refs ol{margin:0;padding-left:24px;}
.essay-refs li{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin-bottom:12px;}
.essay-refs li a{color:var(--target);text-decoration:none;}
.essay-refs li a:hover{text-decoration:underline;}
.essay-refs li b{color:var(--ink);font-weight:600;}

/* related rail */
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:920px){
  .related{grid-template-columns:1fr;gap:18px;}
  .essay-body p,.essay-body li{font-size:17px;}
}