/* omahapokerbot.com — longform essay overlay on Marx */
:root{
  --cream:#fafaf2;
  --ink:#1d1a14;
  --ink-soft:#3a342a;
  --rule:#d9d3bf;
  --accent:#8a3324; /* burnt brick */
  --accent-soft:#b85a3a;
}
html,body{background:var(--cream);color:var(--ink);}
body{
  font-family:'Lora', Georgia, 'Iowan Old Style', 'Times New Roman', serif;
  font-size:18px;
  line-height:1.72;
  max-width:720px;
  margin:0 auto;
  padding:2.4rem 1.4rem 4rem;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
header.site{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding-bottom:1.2rem;
  margin-bottom:2rem;
  border-bottom:1px solid var(--rule);
  flex-wrap:wrap;
}
header.site .brand{
  font-family:'Lora', Georgia, serif;
  font-weight:700;
  font-size:1.05rem;
  letter-spacing:0.01em;
  color:var(--ink);
  text-decoration:none;
}
header.site nav{
  display:flex;
  align-items:center;
  gap:1.1rem;
  flex-wrap:wrap;
}
header.site nav a{
  font-size:0.94rem;
  color:var(--ink-soft);
  text-decoration:none;
  border-bottom:1px dotted transparent;
}
header.site nav a:hover{border-bottom-color:var(--accent-soft);}
.cta-btn{
  display:inline-block;
  background:var(--accent);
  color:#fff8ec;
  padding:0.55rem 1rem;
  border-radius:3px;
  font-size:0.92rem;
  font-weight:600;
  text-decoration:none;
  letter-spacing:0.01em;
  border:1px solid var(--accent);
  transition:background .15s;
}
.cta-btn:hover{background:var(--accent-soft);color:#fff8ec;}
h1{
  font-family:'Lora', Georgia, serif;
  font-size:2.05rem;
  line-height:1.2;
  margin:0.4rem 0 0.6rem;
  font-weight:700;
  letter-spacing:-0.005em;
}
h2{
  font-family:'Lora', Georgia, serif;
  font-size:1.35rem;
  line-height:1.3;
  margin-top:2.4rem;
  margin-bottom:0.6rem;
  font-weight:700;
  color:var(--ink);
}
h3{font-size:1.1rem;margin-top:1.6rem;}
p{margin:0 0 1.05rem;}
a{color:var(--accent);text-underline-offset:3px;}
.lede{
  font-size:1.18rem;
  color:var(--ink-soft);
  font-style:italic;
  margin:0.4rem 0 1.6rem;
  border-left:3px solid var(--accent-soft);
  padding-left:1rem;
}
blockquote{
  border-left:3px solid var(--rule);
  padding-left:1.1rem;
  margin:1.4rem 0;
  color:var(--ink-soft);
  font-style:italic;
}
hr{
  border:none;
  border-top:1px solid var(--rule);
  margin:2.4rem 0;
}
.byline{
  font-size:0.85rem;
  color:var(--ink-soft);
  letter-spacing:0.04em;
  text-transform:uppercase;
  margin-bottom:0.2rem;
}
.cta-row{
  margin:2.4rem 0 1rem;
  padding:1.4rem 1.2rem;
  background:#f3eedb;
  border:1px solid var(--rule);
  border-radius:4px;
}
.cta-row p{margin-bottom:0.9rem;}
footer.site{
  margin-top:3.6rem;
  padding-top:1.4rem;
  border-top:1px solid var(--rule);
  font-size:0.84rem;
  color:var(--ink-soft);
  display:flex;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
}
ul,ol{padding-left:1.4rem;}
li{margin-bottom:0.35rem;}
code{background:#efe9d4;padding:0.05rem 0.3rem;border-radius:2px;font-size:0.92em;}
@media (max-width:620px){
  body{font-size:17px;padding:1.6rem 1.1rem 3rem;}
  h1{font-size:1.7rem;}
  h2{font-size:1.22rem;}
  header.site{flex-direction:column;align-items:stretch;}
  header.site nav{justify-content:space-between;width:100%;}
  .cta-btn{display:block;text-align:center;width:100%;}
}
@media (prefers-color-scheme: dark){
  html,body{background:var(--cream);color:var(--ink);}
  h1,h2,h3{color:var(--ink);}
  .cta-row{background:#f3eedb;}
}