/* Primitivas de leitura e interação. O produto escolhe composição e cor; fonte: assets/. */
:root {
  --mm-space-1: .5rem;
  --mm-space-2: 1rem;
  --mm-space-3: 1.5rem;
  --mm-space-4: 2.5rem;
  --mm-radius: .25rem;
  --mm-gutter: clamp(1rem, 3vw, 3rem);
}
.mm-workspace { width: 100%; max-width: none; margin: 0; padding-inline: var(--mm-gutter); }
.navbar > .mm-workspace { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.mm-intro { padding-block: var(--mm-space-4) var(--mm-space-3); text-align: left; }
.mm-intro h1 { font-size: clamp(1.75rem, 2.5vw, 2.5rem); line-height: 1.15; font-weight: 650; }
.mm-task { max-width: 64rem; margin-block: var(--mm-space-3); }
.mm-nav { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.5rem; }
.mm-nav a { text-underline-offset: .2em; }
.mm-example { border-left: 3px solid var(--mm-accent, var(--bs-primary)); padding: .5rem 1.25rem; margin-block: 1.5rem; }
.mm-example p:last-child { margin-bottom: 0; }
.mm-kicker { display: block; margin-bottom: .5rem; font-size: .875rem; font-weight: 650; color: var(--bs-secondary-color); }
.mm-human .mm-bloco { border-top: 1px solid var(--bs-border-color); }
.mm-human .mm-faq-item summary { padding-block: .4rem; }
.mm-human .mm-codigo { min-width: 0; max-width: 100%; overflow: auto; }
.mm-human .mm-precos td { padding-block: .75rem; }
.mm-human .mm-precos td:last-child { white-space: normal; min-width: 8rem; }
.mm-human main, .mm-human section, .mm-human .tab-content { min-width: 0; }
.mm-human footer { font-size: .875rem; }
.mm-discovery { padding-block: 1.25rem; font-size: .875rem; }
.mm-reference { margin: 0; background: var(--bs-body-bg); color: var(--bs-body-color); }
.mm-reference .mm-workspace { width: auto; }
.mm-reference-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-bottom: 1px solid var(--bs-border-color); padding-block: 1rem; }
.mm-reference .mm-bloco { padding-block: 2rem; margin-top: 2rem; }
.mm-reference h2 { font-size: 1.4rem; }
.mm-reference h3 { font-size: 1.05rem; margin-top: 1.5rem; }
.mm-reference pre { padding: 1rem; border: 1px solid var(--bs-border-color); overflow: auto; font-size: .875rem; max-width: 80rem; }
.mm-reference .d-flex { display: flex; flex-wrap: wrap; gap: .75rem; }
.mm-reference footer { padding-block: 1.5rem; border-top: 1px solid var(--bs-border-color); }
@media (max-width: 575.98px) {
  .mm-intro { padding-top: 1.5rem; }
  .mm-human .mm-precos td:last-child { min-width: 6rem; }
  .mm-task { margin-block: 1rem; }
}