/* Methodology & negative-results page module. */
.method-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 1.3em 0 1.8em; }
.method {
  background: var(--panel); border: 1px solid var(--rule); border-radius: 10px;
  padding: 18px 20px;
}
.method h3 { margin: 0 0 6px; font-size: 1.05rem; }
.method p { margin: 0; font-size: .94rem; color: var(--ink-soft); line-height: 1.5; }

.stages { list-style: none; padding: 0; margin: 1.2em 0 1.8em; display: flex; flex-direction: column; gap: 12px; }
.stages li { display: flex; gap: 16px; align-items: flex-start; background: var(--panel); border: 1px solid var(--rule); border-left: 4px solid var(--accent); border-radius: 9px; padding: 14px 18px; }
.stages li div { font-size: .96rem; line-height: 1.5; }
.stage-n {
  flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%;
  background: var(--accent); color: var(--bg); font-family: system-ui, sans-serif;
  font-weight: 700; display: flex; align-items: center; justify-content: center; font-size: 15px;
}

.method-grid + h2, .stages + h2 { margin-top: 2.2em; }

td .x { display: inline-block; font-family: system-ui, sans-serif; font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .04em; color: var(--warn);
  background: var(--code-bg); padding: 2px 7px; border-radius: 20px; margin-right: 6px; }

.muted-note { font-size: .92rem; color: var(--ink-soft); background: var(--code-bg);
  border-radius: 8px; padding: 14px 18px; line-height: 1.55; }

.callout { background: var(--code-bg); border: 1px solid var(--accent-soft); border-radius: 12px;
  padding: 20px 24px; margin: 1.2em 0; }
.callout p { margin: 0 0 .9em; }
.callout p:last-child { margin-bottom: 0; }
.callout .lesson { font-size: .95rem; color: var(--ink-soft); border-top: 1px solid var(--rule);
  padding-top: 12px; }

@media (max-width: 620px) { .method-grid { grid-template-columns: 1fr; } }