/* ============================================================
   MiCA crypto-asset white paper — regulatory filing layout.
   Builds on whitepaper.css (shell, typography, tables) and adds
   the ESMA template's field list. Loaded only by this route.
   ============================================================ */

/* ---- Filing header ------------------------------------------------------ */
.mc-head { padding: calc(var(--header-h) + var(--s-8)) 0 var(--s-7); }
.mc-head .kicker {
  font: 600 11px/1 var(--font-mono); letter-spacing: .24em; text-transform: uppercase;
  color: var(--accent-ink); margin: 0 0 var(--s-4);
}
.mc-head h1 {
  color: var(--ink);
  font-size: clamp(1.9rem, 4.4vw, 2.9rem); line-height: 1.12; letter-spacing: -.02em;
  margin: 0 0 var(--s-5); max-width: 22ch;
}
.mc-head .sub { color: var(--ink-70); font-size: 1.05rem; margin: 0; max-width: 62ch; }

/* ---- Regulatory notice -------------------------------------------------- */
.mc-notice {
  margin: var(--s-6) 0;
  border: 1px solid rgba(255, 200, 0, .28); border-left-width: 3px;
  border-radius: var(--r-chip);
  background: rgba(255, 200, 0, .05);
  padding: var(--s-5);
  color: var(--ink-70); font-size: .95rem; line-height: 1.7;
}
.mc-notice strong { color: var(--accent-amber); }
.mc-notice p { margin: 0 0 var(--s-3); }
.mc-notice p:last-child { margin-bottom: 0; }

/* ---- Sections ----------------------------------------------------------- */
.mc-part { scroll-margin-top: calc(var(--header-h) + 24px); padding-top: var(--s-7); }
.mc-part > h2 {
  color: var(--ink);
  font-size: clamp(1.25rem, 2.6vw, 1.55rem); line-height: 1.25; letter-spacing: -.01em;
  margin: 0 0 var(--s-5); padding-bottom: var(--s-4);
  border-bottom: 1px solid var(--glass-bd-strong);
}
.mc-part > h2 .tag {
  display: block; margin-bottom: 8px;
  font: 600 10px/1 var(--font-mono); letter-spacing: .2em; text-transform: uppercase;
  color: var(--accent-ink);
}

/* ---- Group headings (sub-divisions inside a Part) ----------------------- */
.mc-group {
  color: var(--ink); font-weight: 700; font-size: .98rem; line-height: 1.4;
  margin: var(--s-6) 0 var(--s-3);
}
.mc-group .code { color: var(--ink-50); font-family: var(--font-mono); font-size: .85em; margin-right: 8px; }

/* ---- Fields ------------------------------------------------------------- */
.mc-field { padding: var(--s-4) 0; border-top: 1px solid var(--glass-bd); }
.mc-field:first-of-type { border-top: 0; }
.mc-field--d2 { padding-left: var(--s-5); }
.mc-field--d3 { padding-left: var(--s-7); }

.mc-field__label {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px;
  color: var(--ink); font-weight: 700; font-size: .95rem; line-height: 1.45;
  margin-bottom: 8px;
}
.mc-field__label .code {
  font: 700 12px/1.4 var(--font-mono); color: var(--accent-ink);
  letter-spacing: .04em; flex: none;
}
.mc-field__label .type {
  margin-left: auto; flex: none;
  font: 500 10px/1.4 var(--font-mono); letter-spacing: .1em; text-transform: uppercase;
  color: var(--ink-30);
}

.mc-field__value { color: var(--ink-70); font-size: 1rem; line-height: 1.72; }
.mc-field__value p { margin: 0 0 var(--s-3); }
.mc-field__value p:last-child { margin-bottom: 0; }
/* Bullet lines come through the filing as "- " prefixed blocks. */
.mc-field__value p.bullet { position: relative; padding-left: 20px; margin-bottom: 8px; }
.mc-field__value p.bullet::before {
  content: ''; position: absolute; left: 4px; top: .72em;
  width: 5px; height: 5px; border-radius: 50%; background: var(--accent-ink); opacity: .65;
}
/* Merged series — e.g. the 29 host member states — as a compact wrapped list. */
.mc-list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 6px 8px;
}
.mc-list li {
  padding: 4px 11px; border-radius: var(--r-chip);
  border: 1px solid var(--glass-bd); background: rgba(255, 255, 255, .03);
  font: 500 12.5px/1.4 var(--font-mono); color: var(--ink-70);
}

.mc-none { color: var(--ink-50); font-style: italic; margin: 0; }

/* ---- Provenance footer -------------------------------------------------- */
.mc-source {
  margin-top: var(--s-9); padding-top: var(--s-6);
  border-top: 1px solid var(--glass-bd);
  font-size: 13px; line-height: 1.75; color: var(--ink-50);
}
.mc-source a { color: var(--accent-ink); }
.mc-source dl { display: grid; grid-template-columns: auto 1fr; gap: 4px var(--s-5); margin: var(--s-4) 0 0; }
.mc-source dt { font-family: var(--font-mono); font-size: 11.5px; color: var(--ink-30); }
.mc-source dd { margin: 0; }