/* Palpedia Modding — safety page layout: rule cards, checklists and the
   recovery block. Tokens and shared primitives live in chrome.css. */

body.modding-page .mod-safety-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: .9rem;
}

body.modding-page .mod-safety-card {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding: 1.1rem 1.2rem 1.1rem;
}

body.modding-page .mod-safety-card h3 {
  margin: 0;
  color: var(--text, #edf7f5);
  font-size: 1.02rem;
}

body.modding-page .mod-safety-card p {
  margin: 0;
  color: var(--muted, #9fb5b7);
  font-size: .89rem;
  line-height: 1.6;
}

body.modding-page .mod-safety-card p + p {
  margin-top: .1rem;
}

body.modding-page .mod-safety-card a {
  color: var(--cyan, #62e7ed);
}

body.modding-page .mod-safety-card code {
  padding: .08rem .35rem;
  background: rgba(98, 231, 237, .08);
  border: 1px solid rgba(98, 231, 237, .18);
  color: var(--cyan-soft, #a6fbf6);
  font-size: .82em;
  font-family: "Consolas", "Courier New", monospace;
}

body.modding-page .mod-safety-card ul {
  margin: 0;
  padding-left: 1.15rem;
  color: var(--muted, #9fb5b7);
  font-size: .89rem;
  line-height: 1.6;
  display: grid;
  gap: .3rem;
}

/* Patch-day rule card keeps the amber accent so it reads as the big one. */
body.modding-page .mod-safety-card--amber {
  border-color: color-mix(in srgb, var(--amber, #f2b84b) 45%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--amber, #f2b84b) 10%, var(--panel-2, #112a34)), var(--panel, #0d202a));
}

body.modding-page .mod-safety-card--amber h3 {
  color: var(--amber, #f2b84b);
}

/* ---------- Recovery block ---------- */

body.modding-page .mod-safety-recovery__panel {
  padding: 1.3rem 1.5rem;
}

body.modding-page .mod-safety-recovery__panel h2 {
  margin: 0;
  color: var(--text, #edf7f5);
  font-size: clamp(1.15rem, 1.8vw, 1.5rem);
}

body.modding-page .mod-safety-recovery__panel > p {
  max-width: 74ch;
  margin: .55rem 0 0;
  color: var(--muted, #9fb5b7);
  font-size: .9rem;
  line-height: 1.55;
}

body.modding-page .mod-safety-recovery__panel ol {
  margin: .9rem 0 0;
  padding-left: 1.3rem;
  display: grid;
  gap: .45rem;
  color: var(--muted, #9fb5b7);
  font-size: .9rem;
  line-height: 1.6;
}

body.modding-page .mod-safety-recovery__panel ol strong {
  color: var(--text, #edf7f5);
}

body.modding-page .mod-safety-recovery__panel code {
  padding: .08rem .35rem;
  background: rgba(98, 231, 237, .08);
  border: 1px solid rgba(98, 231, 237, .18);
  color: var(--cyan-soft, #a6fbf6);
  font-size: .82em;
  font-family: "Consolas", "Courier New", monospace;
}

body.modding-page .mod-safety-recovery__panel a {
  color: var(--cyan, #62e7ed);
}