.article-wrap{
  max-width:780px;
  margin:0 auto;
  padding-left:var(--space-lg);
  padding-right:var(--space-lg);
}

.article-hero{
  padding:var(--space-3xl) 0 var(--space-2xl);
  border-bottom:1px solid var(--rule);
}

.article-hero h1{
  font-size:var(--t-display);
  line-height:1.06;
  letter-spacing:-0.03em;
  margin-bottom:var(--space-md);
}

.article-deck{
  color:var(--mid);
  font-size:var(--t-lead);
  line-height:1.5;
  max-width:64ch;
}

.article-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-top:var(--space-md);
  color:var(--muted);
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:var(--t-cap);
  letter-spacing:.025em;
}

.article-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-md);
  margin-top:var(--space-lg);
}

.article-body{
  padding-top:var(--space-2xl);
  padding-bottom:var(--space-2xl);
}

.article-body > p{
  max-width:70ch;
  margin-bottom:1.25rem;
  color:#302d2b;
  line-height:1.78;
}

.article-body > h2{
  margin-top:var(--space-2xl);
  margin-bottom:var(--space-md);
  padding-top:var(--space-lg);
  border-top:1px solid var(--rule);
  font-size:var(--t-h1);
  line-height:1.16;
}

.article-body > h2:first-child{
  margin-top:0;
  padding-top:0;
  border-top:0;
}

.article-subhead{
  margin-top:var(--space-lg);
  margin-bottom:10px;
  font-size:var(--t-h3);
}

.signal-head::before,
.stop-head::before{
  display:block;
  margin-bottom:7px;
  color:var(--muted);
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.signal-head::before{content:"Judgement risk signal";}
.stop-head::before{content:"Mandatory Judgement Stop";color:var(--accent);}

.question-head{
  color:var(--accent-deep);
}

.article-question{
  margin:var(--space-lg) 0;
  padding:var(--space-md) 0 var(--space-md) var(--space-md);
  border-left:3px solid var(--accent);
  color:var(--ink);
  font-size:var(--t-lead);
  font-style:italic;
  line-height:1.55;
}

.article-list{
  margin:0 0 var(--space-lg) 1.15rem;
  padding-left:1rem;
  color:#302d2b;
}

.article-list li{
  margin-bottom:8px;
  padding-left:4px;
  line-height:1.65;
}

.article-list li::marker{
  color:var(--accent);
}

.stop-line,
.relationship-line,
.article-final{
  margin:var(--space-lg) 0 !important;
  padding:var(--space-md);
  border-top:2px solid var(--accent);
  border-bottom:1px solid var(--rule);
  color:var(--ink) !important;
  font-size:var(--t-lead);
  font-weight:600;
  line-height:1.5 !important;
}

.relationship-line{
  border-top-color:var(--gold);
}

.article-final{
  margin-top:var(--space-xl) !important;
}

.article-next{
  padding:var(--space-2xl) 0;
  background:var(--paper);
}

.article-next h2{
  max-width:24ch;
  margin-bottom:var(--space-md);
  font-size:var(--t-h1);
}

.article-next p{
  color:var(--mid);
  font-size:var(--t-lead);
  line-height:1.6;
}

.article-related{
  padding:var(--space-xl) 0;
}

.related-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-lg);
}

.related-item{
  display:block;
  padding:var(--space-md) 0;
  border-top:1px solid var(--rule-strong);
}

.related-item h3{
  margin:10px 0 var(--space-md);
}

@media (max-width:880px){
  .article-wrap{
    padding-left:var(--space-md);
    padding-right:var(--space-md);
  }
  .article-hero{
    padding:var(--space-2xl) 0 var(--space-xl);
  }
  .article-body{
    padding-top:var(--space-xl);
    padding-bottom:var(--space-xl);
  }
  .article-body > h2{
    margin-top:var(--space-xl);
  }
  .related-grid{
    grid-template-columns:1fr;
    gap:0;
  }
}