/* 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-human {
  --bs-border-radius: var(--mm-radius);
  --bs-border-radius-sm: .125rem;
  --bs-border-radius-lg: var(--mm-radius);
  --bs-border-radius-xl: var(--mm-radius);
  --bs-border-radius-xxl: var(--mm-radius);
  --bs-border-radius-pill: var(--mm-radius);
  font-size: 1rem;
  line-height: 1.6;
}
.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 { max-width: 28ch; font-size: clamp(1.75rem, 2.5vw, 2.5rem); line-height: 1.15; letter-spacing: -.025em; font-weight: 650; }
.mm-intro p, .mm-prose { max-width: 72ch; }
.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; max-width: 72ch; }
.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-bloco > p, .mm-human .mm-faq-item p { max-width: 72ch; }
.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 .btn, .mm-human .form-control, .mm-human .form-select { min-height: 2.75rem; }
.mm-human .btn-sm { min-height: 2.25rem; }
.mm-human :focus-visible { outline: 3px solid var(--mm-accent, var(--bs-primary)); outline-offset: 3px; }
.mm-human main, .mm-human section, .mm-human .tab-content { min-width: 0; }
.mm-human h2, .mm-human h3 { text-wrap: balance; }
.mm-human footer { font-size: .875rem; }
.mm-discovery { padding-block: 1.25rem; font-size: .875rem; }
.mm-reference { margin: 0; background: #fafaf8; color: #252a30; font-family: system-ui, sans-serif; --bs-border-color: #d2d5d8; --bs-secondary-color: #555d66; --bs-primary: #2459a6; }
[data-bs-theme="dark"] .mm-reference { background: #181b1f; color: #e4e7eb; --bs-border-color: #434a53; --bs-secondary-color: #b0b7c0; --bs-primary: #8bb8ff; }
.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 a { color: var(--bs-primary); text-underline-offset: .2em; }
.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 p, .mm-reference li { max-width: 72ch; }
.mm-reference pre { padding: 1rem; border: 1px solid var(--bs-border-color); overflow: auto; font-size: .875rem; max-width: 80rem; }
.mm-reference button, .mm-reference .btn { font: inherit; padding: .5rem .75rem; border: 1px solid var(--bs-border-color); border-radius: var(--mm-radius); background: transparent; color: inherit; cursor: pointer; }
.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; }
}