/* Prepare my claim: the public introduction (2026-09-04). Site tokens only;
   light and dark follow the page. Buttons follow the BUTTON LAW: 2px accent
   border, card-fx glow (the page loads card-fx.css / card-fx.js), hover shift
   to --color-primary. No card-specific script, no fetch, nothing personal. */
.pmc-main { padding-top: 1.5rem; padding-bottom: 3rem; max-width: 1180px; }
.pmc-head { max-width: 780px; }
.pmc-eyebrow {
  margin: 0 0 .5rem; font-size: .78rem; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; color: var(--color-primary);
}
.pmc-h1 {
  margin: 0 0 .75rem; font-family: var(--font-serif); font-size: clamp(1.9rem, 4vw, 2.6rem);
  line-height: 1.15; color: var(--color-text-strong, var(--color-text));
}
.pmc-lead { margin: 0 0 1.25rem; font-size: 1.1rem; line-height: 1.55; color: var(--color-text); }
.pmc-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0 0 .75rem; }
.pmc-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: .65rem 1.25rem;
  border: 2px solid var(--color-accent); border-radius: var(--radius-sm);
  font: inherit; font-weight: 700; font-size: 1rem; text-decoration: none;
  transition: border-color .15s, transform .1s, box-shadow .15s;
}
.pmc-btn-primary { background: var(--color-accent); color: #06162a; }
.pmc-btn-secondary { background: var(--color-surface); color: var(--color-primary); }
.pmc-btn:hover { border-color: var(--color-primary); text-decoration: none; transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.pmc-btn:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 3px; }
.pmc-signin { margin: 0 0 2rem; font-size: .92rem; color: var(--color-text-muted); }

.pmc-how h2 { margin: 0 0 1rem; font-family: var(--font-serif); font-size: 1.5rem; color: var(--color-text-strong, var(--color-text)); }
.pmc-steps {
  list-style: none; margin: 0 0 1.75rem; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem 2rem;
}
.pmc-step { border-top: 2px solid var(--color-accent); padding-top: 1rem; min-width: 0; }
.pmc-step-n {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.1rem; height: 2.1rem; margin-bottom: .6rem;
  border: 2px solid var(--color-accent); border-radius: 50%;
  font-weight: 800; color: var(--color-primary);
}
.pmc-step h3 { margin: 0 0 .35rem; font-size: 1.05rem; color: var(--color-text-strong, var(--color-text)); }
.pmc-step p { margin: 0; font-size: .95rem; line-height: 1.55; color: var(--color-text); }

.pmc-notice {
  margin: 0 0 1.5rem; padding: 1rem 1.25rem;
  background: var(--color-surface); border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-accent); border-radius: var(--radius-md);
}
.pmc-notice p { margin: 0; font-size: .95rem; line-height: 1.55; color: var(--color-text); }

@media (max-width: 860px) {
  .pmc-steps { grid-template-columns: minmax(0, 1fr); gap: 1.1rem; }
}
@media (max-width: 480px) {
  .pmc-actions { flex-direction: column; }
  .pmc-btn { width: 100%; }
}