.iwomm-article {
  --iwomm-paper: #f1d397;
  --iwomm-orange: #e97832;
  --iwomm-teal: #4aa39b;
  --iwomm-ink: #172c35;
}

.iwomm-article .article-hero-copy {
  background:
    radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--iwomm-orange) 20%, transparent), transparent 33%),
    linear-gradient(145deg, color-mix(in srgb, var(--iwomm-paper) 10%, transparent), transparent 55%),
    color-mix(in srgb, var(--surface-solid) 88%, transparent);
}

.iwomm-article .article-label,
.iwomm-article .article-kicker {
  color: var(--iwomm-orange) !important;
}

.iwomm-article .article-label span {
  background: var(--iwomm-orange);
  box-shadow: 0 0 12px color-mix(in srgb, var(--iwomm-orange) 70%, transparent);
}

.iwomm-opening {
  border-color: color-mix(in srgb, var(--iwomm-orange) 32%, transparent) !important;
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--iwomm-orange) 13%, transparent), transparent 36%),
    color-mix(in srgb, var(--surface-solid) 86%, transparent);
}

.iwomm-opening > div {
  color: var(--iwomm-orange);
}

.machine-stamp {
  display: flex;
  max-width: 720px;
  align-items: center;
  gap: 18px;
  margin: 30px 0;
  padding: 21px 23px;
  border: 1px dashed color-mix(in srgb, var(--iwomm-teal) 58%, var(--line));
  border-radius: 14px;
  background: color-mix(in srgb, var(--iwomm-teal) 7%, transparent);
  transform: rotate(-0.6deg);
}

.machine-stamp i {
  color: var(--iwomm-teal);
  font-size: 2rem;
}

.machine-stamp span,
.machine-stamp strong {
  display: block;
}

.machine-stamp span {
  color: var(--iwomm-teal);
  font-family: var(--font-mono);
  font-size: 0.52rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.machine-stamp strong {
  margin-top: 4px;
  color: var(--text);
  font-size: 0.82rem;
}

.denial-stages {
  display: grid;
  max-width: 900px;
  gap: 12px;
  margin: 32px 0;
}

.denial-stages article {
  position: relative;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 3px 18px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background:
    linear-gradient(110deg, color-mix(in srgb, var(--iwomm-orange) 6%, transparent), transparent 55%),
    color-mix(in srgb, var(--surface-solid) 74%, transparent);
}

.denial-stages b {
  grid-row: 1 / 4;
  color: color-mix(in srgb, var(--iwomm-orange) 75%, var(--text));
  font-family: var(--font-mono);
  font-size: 1.35rem;
}

.denial-stages span {
  color: var(--iwomm-orange);
  font-family: var(--font-mono);
  font-size: 0.5rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.denial-stages h3 {
  margin: 7px 0 5px;
  font-size: clamp(1rem, 2.5vw, 1.32rem);
}

.denial-stages p {
  margin: 0;
  color: var(--muted-strong);
  font-size: 0.72rem;
  line-height: 1.6;
}

.excuse-wall {
  display: grid;
  max-width: 900px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 32px 0;
}

.excuse-wall blockquote {
  margin: 0;
  padding: 21px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface-solid) 74%, transparent);
  color: var(--text);
  font-size: 0.78rem;
  line-height: 1.55;
}

.excuse-wall blockquote:nth-child(3n + 1) {
  border-color: color-mix(in srgb, var(--iwomm-orange) 27%, var(--line));
  transform: rotate(-0.35deg);
}

.excuse-wall blockquote:nth-child(3n + 2) {
  border-color: color-mix(in srgb, var(--iwomm-teal) 27%, var(--line));
  transform: rotate(0.3deg);
}

.excuse-wall small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.66rem;
}

.history-strip {
  display: grid;
  max-width: 900px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 32px 0;
}

.history-strip > div {
  padding: 19px;
  border-top: 3px solid var(--iwomm-orange);
  border-radius: 0 0 13px 13px;
  background: color-mix(in srgb, var(--surface-solid) 74%, transparent);
}

.history-strip time {
  color: var(--iwomm-orange);
  font-family: var(--font-mono);
  font-size: 0.53rem;
  text-transform: uppercase;
}

.history-strip p {
  margin: 12px 0 0;
  color: var(--muted-strong);
  font-size: 0.68rem;
  line-height: 1.55;
}

.iwomm-callout {
  border-left-color: var(--iwomm-orange);
  background: color-mix(in srgb, var(--iwomm-orange) 7%, transparent);
}

.iwomm-callout span {
  color: var(--iwomm-orange);
}

.wasteland-checklist {
  display: grid;
  max-width: 880px !important;
  gap: 10px;
  padding: 0 !important;
  list-style: none;
}

.wasteland-checklist li {
  position: relative;
  display: grid;
  grid-template-columns: minmax(170px, 0.7fr) minmax(0, 1.5fr);
  gap: 14px;
  padding: 17px 18px 17px 47px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: color-mix(in srgb, var(--surface-solid) 68%, transparent);
}

.wasteland-checklist li::before {
  position: absolute;
  top: 18px;
  left: 18px;
  color: var(--iwomm-teal);
  font-family: "remixicon";
  content: "\eb7b";
}

.wasteland-checklist strong {
  font-size: 0.73rem;
}

.wasteland-checklist span {
  color: var(--muted-strong);
  font-size: 0.69rem;
  line-height: 1.55;
}

@media (max-width: 800px) {
  .history-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .excuse-wall,
  .history-strip {
    grid-template-columns: 1fr;
  }

  .denial-stages article {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .wasteland-checklist li {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}