.mnip-page {
  --mnip-ink: #15231d;
  --mnip-muted: #52635b;
  --mnip-line: rgba(21, 35, 29, .14);
  --mnip-green: #236146;
  --mnip-soft: #eef6f1;
  background: #f8faf8;
  color: var(--mnip-ink);
}

.mnip-page .rsa-hero {
  background:
    radial-gradient(circle at 85% 18%, rgba(117, 190, 148, .22), transparent 32rem),
    linear-gradient(135deg, #f3faf5, #fff 58%, #f0f5f1);
  border-bottom: 1px solid var(--mnip-line);
}

.mnip-page .rsa-hero h1 { color: var(--mnip-ink); }
.mnip-page .rsa-hero .rsa-lede { color: var(--mnip-muted); }
.mnip-page .rsa-hero .rsa-breadcrumb,
.mnip-page .rsa-hero .rsa-breadcrumb a { color: #3e6b57; }

.mnip-kicker {
  color: var(--mnip-green);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mnip-page .rsa-lede { max-width: 53rem; }

.mnip-snapshot {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1.5rem;
}

.mnip-snapshot span,
.mnip-chip {
  align-items: center;
  background: #fff;
  border: 1px solid var(--mnip-line);
  border-radius: 999px;
  color: var(--mnip-muted);
  display: inline-flex;
  font-size: .85rem;
  gap: .35rem;
  padding: .52rem .78rem;
}

.mnip-snapshot strong { color: var(--mnip-ink); }

.mnip-answer,
.mnip-method,
.mnip-era,
.mnip-record,
.mnip-note {
  background: #fff;
  border: 1px solid var(--mnip-line);
  border-radius: 1.15rem;
  box-shadow: 0 12px 36px rgba(24, 55, 40, .055);
}

.mnip-answer {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1.55fr) minmax(15rem, .75fr);
  margin-top: 1.5rem;
  padding: clamp(1.2rem, 3vw, 2rem);
}

.mnip-answer h2,
.mnip-section-heading h2,
.mnip-method h2 { margin: .15rem 0 .75rem; }

.mnip-answer p,
.mnip-method p,
.mnip-era p,
.mnip-record p,
.mnip-note p { color: var(--mnip-muted); }

.mnip-definition {
  background: var(--mnip-soft);
  border-left: .3rem solid var(--mnip-green);
  border-radius: .8rem;
  padding: 1rem 1.1rem;
}

.mnip-definition strong { display: block; margin-bottom: .3rem; }

.mnip-section { margin-top: clamp(2.8rem, 7vw, 5rem); }
.mnip-section-heading { max-width: 55rem; }

.mnip-era-grid,
.mnip-method-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 1.35rem;
}

.mnip-era,
.mnip-method { padding: 1.15rem; }
.mnip-era strong { color: var(--mnip-green); display: block; margin-bottom: .35rem; }

.mnip-directory {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1.35rem;
}

.mnip-record {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.2rem;
}

.mnip-record__top {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.mnip-record h3 { font-size: clamp(1.14rem, 2vw, 1.35rem); margin: .2rem 0 .15rem; }
.mnip-record__alias { color: var(--mnip-green); font-size: .9rem; font-weight: 750; margin: 0; }
.mnip-record__index { color: #738078; font-size: .78rem; font-variant-numeric: tabular-nums; }

.mnip-record__labels {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: .85rem 0;
}

.mnip-record__labels span {
  background: var(--mnip-soft);
  border-radius: .45rem;
  color: #2d5843;
  font-size: .74rem;
  font-weight: 750;
  padding: .35rem .52rem;
}

.mnip-facts {
  border-bottom: 1px solid var(--mnip-line);
  border-top: 1px solid var(--mnip-line);
  display: grid;
  gap: .75rem;
  grid-template-columns: 1fr 1fr;
  margin: .9rem 0;
  padding: .9rem 0;
}

.mnip-facts div { min-width: 0; }
.mnip-facts dt { color: #738078; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mnip-facts dd { margin: .22rem 0 0; overflow-wrap: anywhere; }
.mnip-record__known { flex: 1; }
.mnip-record__known strong { color: var(--mnip-ink); }

.mnip-sources {
  border-top: 1px solid var(--mnip-line);
  margin-top: .8rem;
  padding-top: .85rem;
}

.mnip-sources summary { color: var(--mnip-green); cursor: pointer; font-weight: 800; }
.mnip-sources ul { margin: .8rem 0 0; padding-left: 1.15rem; }
.mnip-sources li + li { margin-top: .75rem; }
.mnip-sources a { font-weight: 750; overflow-wrap: anywhere; }
.mnip-sources small { color: #6f7974; display: block; margin-top: .15rem; }

.mnip-note { margin-top: 1rem; padding: 1.1rem 1.2rem; }
.mnip-related { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }
.mnip-related a { background: #fff; border: 1px solid var(--mnip-line); border-radius: .65rem; padding: .72rem .85rem; }

@media (max-width: 820px) {
  .mnip-answer,
  .mnip-directory { grid-template-columns: 1fr; }
  .mnip-era-grid,
  .mnip-method-grid { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .mnip-record__top { gap: .5rem; }
  .mnip-facts { grid-template-columns: 1fr; }
  .mnip-record,
  .mnip-answer { padding: 1rem; }
}