/* v0.5 — Manual das Seis Máscaras v1.2. Somente o resultado liberado. */
#mentis-baile[data-view="result"] .mb-header {
  height: 90px;
  padding: 20px 54px;
  border-bottom-color: transparent;
}

#mentis-baile[data-view="result"] .mb-result-stage {
  display: grid;
  grid-template-columns: 53.4% 46.6%;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  border-bottom: 1px solid var(--mb-border);
}

#mentis-baile[data-view="result"] .mb-result-data {
  min-width: 0;
  padding: 26px 38px 25px 54px;
}

#mentis-baile[data-view="result"] .mb-result-intro > .mb-eyebrow {
  margin-bottom: 12px;
  font-size: 11px;
  letter-spacing: .14em;
}

#mentis-baile[data-view="result"] .mb-result-intro h1 {
  max-width: 15ch;
  margin: 0;
  font: 400 clamp(42px, 3.8vw, 55px)/1.065 var(--mb-serif);
  letter-spacing: -.047em;
  text-wrap: balance;
}

#mentis-baile[data-view="result"] .mb-result-summary {
  max-width: 49ch;
  margin-top: 17px;
  color: #313748;
  font: 400 20px/1.4 var(--mb-serif);
  letter-spacing: -.018em;
}

/* Eixo e botões compartilham exatamente a mesma largura útil e as mesmas colunas. */
#mentis-baile[data-view="result"] .mb-horizontal-chart {
  --mb-chart-thumb: 50px;
  --mb-chart-label: 122px;
  --mb-chart-value: 68px;
  --mb-chart-gap: 12px;
  --mb-chart-columns: var(--mb-chart-thumb) var(--mb-chart-label) minmax(0, 1fr) var(--mb-chart-value);
  min-width: 0;
  margin: 27px 0 0;
  padding: 0;
  border: 0;
}

#mentis-baile[data-view="result"] .mb-chart-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px 20px;
  margin: 0 0 16px;
}

#mentis-baile[data-view="result"] .mb-chart-heading h2 {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip-path: none;
  white-space: normal;
  flex: 0 0 auto;
  margin: 0;
  font: 400 27px/1.2 var(--mb-serif);
  letter-spacing: -.03em;
}

#mentis-baile[data-view="result"] .mb-chart-heading p {
  max-width: 29ch;
  margin: 0;
  color: var(--mb-muted);
  font: 400 14px/1.45 Arial, Helvetica, sans-serif;
}

#mentis-baile[data-view="result"] .mb-chart-axis,
#mentis-baile[data-view="result"] .mb-mask-select {
  display: grid;
  grid-template-columns: var(--mb-chart-columns);
  column-gap: var(--mb-chart-gap);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

#mentis-baile[data-view="result"] .mb-chart-axis {
  align-items: end;
  margin-bottom: 3px;
  color: var(--mb-muted);
  font: 400 12px/1.4 Arial, Helvetica, sans-serif;
  font-variant-numeric: tabular-nums;
}

#mentis-baile[data-view="result"] .mb-axis-spacer { grid-column: 1 / 3; }

#mentis-baile[data-view="result"] .mb-axis-values {
  grid-column: 3;
  display: flex;
  justify-content: space-between;
  align-items: end;
  min-width: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #cec5b7;
}

#mentis-baile[data-view="result"] .mb-axis-values > span {
  position: relative;
  width: 0;
  display: flex;
  justify-content: center;
}

#mentis-baile[data-view="result"] .mb-axis-values > span::after {
  content: '';
  position: absolute;
  bottom: -9px;
  width: 1px;
  height: 5px;
  background: #cec5b7;
}

#mentis-baile[data-view="result"] .mb-mask-bars {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#mentis-baile[data-view="result"] .mb-mask-row {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dfd6c9;
}

#mentis-baile[data-view="result"] .mb-mask-select {
  align-items: center;
  min-height: 74px;
  border-radius: 0;
  color: var(--mb-ink);
  background: transparent;
  box-shadow: none;
  text-align: left;
  transform: none;
  transition: background-color .18s ease;
}

#mentis-baile[data-view="result"] .mb-mask-select:hover {
  background: rgba(255, 253, 248, .78);
  transform: none;
}

#mentis-baile[data-view="result"] .mb-mask-select[aria-pressed="true"] {
  background: #edeff4;
  border: 0;
  box-shadow: inset 0 -2px var(--mb-accent);
}

#mentis-baile[data-view="result"] .mb-mask-select:focus-visible {
  position: relative;
  z-index: 1;
  outline: 3px solid var(--mb-accent);
  outline-offset: 3px;
}

#mentis-baile[data-view="result"] .mb-mask-select img.mb-mask-thumb {
  position: static;
  display: block;
  grid-column: 1;
  width: var(--mb-chart-thumb);
  height: 64px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: normal;
}

#mentis-baile[data-view="result"] .mb-mask-label {
  grid-column: 2;
  display: block;
  min-width: 0;
}

#mentis-baile[data-view="result"] .mb-mask-name {
  display: block;
  color: var(--mb-ink);
  font: 400 18px/1.25 var(--mb-serif);
  letter-spacing: -.03em;
  overflow-wrap: normal;
}

#mentis-baile[data-view="result"] .mb-mask-state {
  display: block;
  min-height: 0;
  margin: 4px 0 0;
  color: #684519;
  font: 400 12px/1.35 Arial, Helvetica, sans-serif;
}

#mentis-baile[data-view="result"] .mb-mask-state:empty { display: none; }

#mentis-baile[data-view="result"] .mb-bar-track {
  position: relative;
  grid-column: 3;
  display: block;
  width: 100%;
  height: 22px;
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #e6ded2;
}

#mentis-baile[data-view="result"] .mb-bar-track::after { content: none; }

#mentis-baile[data-view="result"] .mb-bar-fill {
  display: block;
  width: calc(var(--mb-count, 0) * 10%);
  min-width: 0;
  max-width: 100%;
  height: 100%;
  border-radius: inherit;
  background: var(--mask-color, var(--mb-accent));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, .14), rgba(12, 20, 39, .14));
  transition: width .32s ease;
}

#mentis-baile[data-view="result"] .mb-bar-value {
  grid-column: 4;
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--mb-ink);
  font: 400 20px/1.25 var(--mb-serif);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-align: right;
}

#mentis-baile[data-view="result"] .mb-bar-value small {
  color: var(--mb-ink);
  font: 400 15px/1.3 var(--mb-serif);
}

#mentis-baile[data-view="result"] .mb-neutral-count {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px 8px;
  margin: 0;
  padding: 12px 0 0;
  color: var(--mb-muted);
  font: 400 14px/1.55 Arial, Helvetica, sans-serif;
}

#mentis-baile[data-view="result"] .mb-neutral-count > strong,
#mentis-baile[data-view="result"] .mb-neutral-count small {
  color: inherit;
  font: inherit;
}

#mentis-baile[data-view="result"] .mb-horizontal-chart figcaption {
  margin-top: 2px;
  color: var(--mb-muted);
  font: 400 14px/1.6 Arial, Helvetica, sans-serif;
}

#mentis-baile[data-view="result"] .mb-chart-explanation { margin: 0; }

#mentis-baile[data-view="result"] .mb-chart-explanation summary {
  min-height: 44px;
  padding: 11px 0;
  color: var(--mb-muted);
  font-size: 14px;
  line-height: 1.55;
}

#mentis-baile[data-view="result"] .mb-chart-explanation p {
  max-width: 60ch;
  margin-bottom: 12px;
  color: var(--mb-muted);
  font-size: 14px;
  line-height: 1.65;
}

#mentis-baile[data-view="result"] .mb-explore-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  margin-top: 2px;
  padding: 10px 0;
  color: var(--mb-accent);
  font: 400 17px/1.4 var(--mb-serif);
  text-underline-offset: 5px;
}

#mentis-baile[data-view="result"] .mb-result-next {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #0b1742;
}

#mentis-baile[data-view="result"] .mb-result-art {
  position: static;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: #0b1742;
}

#mentis-baile[data-view="result"] .mb-result-art > img {
  position: static;
  display: block;
  width: 100%;
  height: clamp(330px, 38vw, 548px);
  margin: 0;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: normal;
}

#mentis-baile[data-view="result"] .mb-next-invitation {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  padding: 28px 35px 24px;
  color: var(--mb-ivory);
  background: #0b1742;
  text-align: center;
  background-image: url('./travessia-galeria-v3.webp');
  background-position: left center;
  background-size: 220% auto;
  background-repeat: no-repeat;
}

#mentis-baile[data-view="result"] .mb-next-invitation h2 {
  max-width: none;
  margin: 0;
  color: var(--mb-ivory);
  font: 400 clamp(33px, 2.8vw, 40px)/1.075 var(--mb-serif);
  letter-spacing: -.04em;
  text-wrap: balance;
}

#mentis-baile[data-view="result"] .mb-next-invitation > p:not(.mb-agenda-note) {
  max-width: 43ch;
  margin: 14px 0 0;
  color: #e5e8f0;
  font: 400 20px/1.3 var(--mb-serif);
}

#mentis-baile[data-view="result"] .mb-next-invitation .mb-next-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 19px;
  width: 100%;
  max-width: 460px;
  min-height: 62px;
  margin-top: 22px;
  padding: 17px 22px;
  border: 1px solid var(--mb-ivory);
  border-radius: 999px;
  color: #0b1742;
  background: var(--mb-ivory);
  font: 600 21px/1.3 var(--mb-serif);
  text-decoration: none;
  text-align: center;
}

#mentis-baile[data-view="result"] .mb-next-invitation .mb-next-button:hover {
  color: var(--mb-accent);
  background: #fffdf8;
  border-color: #fffdf8;
  transform: translateY(-1px);
}

#mentis-baile[data-view="result"] .mb-next-invitation .mb-instagram-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  margin-top: 10px;
  padding: 9px 0;
  color: var(--mb-ivory);
  font: 400 16px/1.4 var(--mb-serif);
}

#mentis-baile[data-view="result"] .mb-next-invitation .mb-instagram-handle:hover { color: #eed2a7; }
#mentis-baile[data-view="result"] .mb-next-invitation .mb-instagram-handle .mb-icon { filter: invert(1); }
#mentis-baile[data-view="result"] .mb-next-invitation :focus-visible { outline-color: #f3d6a4; }

#mentis-baile[data-view="result"] .mb-next-invitation .mb-agenda-note {
  max-width: 46ch;
  margin-top: 5px;
  color: #ced6e8;
  font: 400 14px/1.5 Arial, Helvetica, sans-serif;
}

/* Exploração vem depois da visualização e do convite; nunca sobre a imagem. */
#mentis-baile[data-view="result"] .mb-result-learning {
  max-width: 1190px;
  margin: 0 auto;
  padding: 58px 54px 10px;
  scroll-margin-top: 24px;
}

#mentis-baile[data-view="result"] .mb-learning-head { margin-bottom: 26px; }

#mentis-baile[data-view="result"] .mb-learning-head h2 {
  max-width: 30ch;
  font: 400 34px/1.15 var(--mb-serif);
  letter-spacing: -.035em;
}

#mentis-baile[data-view="result"] .mb-learning-head p {
  max-width: 65ch;
  margin-top: 12px;
  color: var(--mb-muted);
  font-size: 15px;
  line-height: 1.65;
}

#mentis-baile[data-view="result"] .mb-learning-grid {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  align-items: start;
  gap: 50px;
}

#mentis-baile[data-view="result"] .mb-learning-portrait {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
}

#mentis-baile[data-view="result"] .mb-learning-portrait > img {
  position: static;
  display: block;
  width: 100%;
  max-width: 360px;
  height: auto;
  max-height: 380px;
  margin: 0;
  object-fit: contain;
  mix-blend-mode: normal;
}

#mentis-baile[data-view="result"] .mb-learning-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
#mentis-baile[data-view="result"] .mb-learning-pair .mb-learning-caption { grid-column: 1 / -1; }

#mentis-baile[data-view="result"] .mb-learning-caption {
  position: static;
  max-width: 34ch;
  margin: 20px 0 0;
  color: var(--mb-muted);
  font: 400 15px/1.6 Arial, Helvetica, sans-serif;
  text-align: center;
}

#mentis-baile[data-view="result"] .mb-mask-explorer {
  min-width: 0;
  scroll-margin-top: 28px;
}

#mentis-baile[data-view="result"] .mb-mask-explorer h2 {
  max-width: 23ch;
  margin: 13px 0 16px;
  font: 400 clamp(35px, 3.3vw, 47px)/1.08 var(--mb-serif);
  letter-spacing: -.04em;
}

#mentis-baile[data-view="result"] .mb-explore-count,
#mentis-baile[data-view="result"] .mb-overview-message { max-width: 55ch; font-size: 20px; line-height: 1.4; }

#mentis-baile[data-view="result"] .mb-explore-tabs { gap: 15px; margin-top: 25px; }
#mentis-baile[data-view="result"] .mb-explore-tabs button { min-height: 49px; font-size: 14px; }
#mentis-baile[data-view="result"] .mb-explore-panel { min-height: 0; padding-top: 20px; }
#mentis-baile[data-view="result"] .mb-explore-panel p { font-size: 20px; line-height: 1.5; }

@media (max-width: 1200px) {
  #mentis-baile[data-view="result"] .mb-header { padding-left: 34px; padding-right: 34px; }
  #mentis-baile[data-view="result"] .mb-result-data { padding-left: 34px; padding-right: 28px; }
  #mentis-baile[data-view="result"] .mb-result-intro h1 { font-size: 45px; }
  #mentis-baile[data-view="result"] .mb-horizontal-chart { --mb-chart-thumb: 37px; --mb-chart-label: 111px; --mb-chart-value: 61px; --mb-chart-gap: 10px; }
  #mentis-baile[data-view="result"] .mb-chart-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  #mentis-baile[data-view="result"] .mb-chart-heading p { max-width: none; }
  #mentis-baile[data-view="result"] .mb-mask-select { min-height: 66px; }
  #mentis-baile[data-view="result"] .mb-mask-select img.mb-mask-thumb { height: 49px; }
  #mentis-baile[data-view="result"] .mb-bar-value { font-size: 19px; }
  #mentis-baile[data-view="result"] .mb-bar-value small { font-size: 14px; }
  #mentis-baile[data-view="result"] .mb-next-invitation { padding: 28px 27px 24px; }
  #mentis-baile[data-view="result"] .mb-next-invitation .mb-next-button { gap: 14px; font-size: 19px; }
  #mentis-baile[data-view="result"] .mb-learning-grid { gap: 35px; }
}

@media (max-width: 960px) {
  #mentis-baile[data-view="result"] .mb-result-stage { grid-template-columns: minmax(0, 1fr); }
  #mentis-baile[data-view="result"] .mb-result-data { padding: 29px 36px 24px; }
  #mentis-baile[data-view="result"] .mb-result-intro h1 { max-width: 20ch; font-size: 50px; }
  #mentis-baile[data-view="result"] .mb-result-summary { max-width: 58ch; }
  #mentis-baile[data-view="result"] .mb-horizontal-chart { --mb-chart-thumb: 44px; --mb-chart-label: 136px; --mb-chart-value: 75px; --mb-chart-gap: 15px; }
  #mentis-baile[data-view="result"] .mb-chart-heading { flex-direction: row; align-items: baseline; }
  #mentis-baile[data-view="result"] .mb-chart-heading p { max-width: 32ch; }
  #mentis-baile[data-view="result"] .mb-mask-select { min-height: 67px; }
  #mentis-baile[data-view="result"] .mb-mask-select img.mb-mask-thumb { height: 54px; }
  #mentis-baile[data-view="result"] .mb-mask-name { font-size: 18px; }
  #mentis-baile[data-view="result"] .mb-bar-value { font-size: 21px; }
  #mentis-baile[data-view="result"] .mb-bar-value small { font-size: 16px; }
  #mentis-baile[data-view="result"] .mb-next-invitation { order: -1; padding: 32px 36px 27px; }
  #mentis-baile[data-view="result"] .mb-next-invitation h2 { max-width: 28ch; font-size: 39px; }
  #mentis-baile[data-view="result"] .mb-next-invitation > p:not(.mb-agenda-note) { max-width: 52ch; }
  #mentis-baile[data-view="result"] .mb-result-art > img { height: 250px; object-position: center 48%; }
  #mentis-baile[data-view="result"] .mb-result-learning { padding: 43px 36px 0; }
  #mentis-baile[data-view="result"] .mb-learning-grid { gap: 30px; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); }
  #mentis-baile[data-view="result"] .mb-learning-portrait > img { max-height: 310px; }
}

@media (max-width: 600px) {
  #mentis-baile[data-view="result"] .mb-header { height: 84px; padding: 17px 22px; }
  #mentis-baile[data-view="result"] .mb-result-data { padding: 24px 22px 20px; }
  #mentis-baile[data-view="result"] .mb-result-intro > .mb-eyebrow { margin-bottom: 11px; font-size: 10px; }
  #mentis-baile[data-view="result"] .mb-result-intro h1 { max-width: 17ch; font-size: clamp(35px, 8.5vw, 45px); }
  #mentis-baile[data-view="result"] .mb-result-summary { margin-top: 15px; font-size: 18px; line-height: 1.45; }
  #mentis-baile[data-view="result"] .mb-horizontal-chart { --mb-chart-thumb: 32px; --mb-chart-label: 103px; --mb-chart-value: 52px; --mb-chart-gap: 8px; margin-top: 26px; }
  #mentis-baile[data-view="result"] .mb-chart-heading { align-items: flex-start; flex-direction: column; gap: 8px; margin-bottom: 15px; }
  #mentis-baile[data-view="result"] .mb-chart-heading h2 { font-size: 26px; }
  #mentis-baile[data-view="result"] .mb-chart-heading p { max-width: 40ch; font-size: 14px; }
  #mentis-baile[data-view="result"] .mb-chart-axis { font-size: 11px; }
  #mentis-baile[data-view="result"] .mb-mask-select { min-height: 62px; }
  #mentis-baile[data-view="result"] .mb-mask-select img.mb-mask-thumb { height: 43px; }
  #mentis-baile[data-view="result"] .mb-mask-name { font-size: 15px; line-height: 1.25; letter-spacing: -.035em; }
  #mentis-baile[data-view="result"] .mb-mask-state { font-size: 11px; }
  #mentis-baile[data-view="result"] .mb-bar-track { height: 18px; border-radius: 7px; }
  #mentis-baile[data-view="result"] .mb-bar-value { font: 400 17px/1.25 var(--mb-serif); }
  #mentis-baile[data-view="result"] .mb-bar-value small { font-size: 13px; }
  #mentis-baile[data-view="result"] .mb-neutral-count { padding-top: 11px; font-size: 14px; }
  #mentis-baile[data-view="result"] .mb-chart-explanation summary { min-height: 44px; padding: 11px 0; }
  #mentis-baile[data-view="result"] .mb-explore-link { font-size: 17px; }
  #mentis-baile[data-view="result"] .mb-next-invitation { padding: 29px 24px 25px; }
  #mentis-baile[data-view="result"] .mb-next-invitation h2 { max-width: 19ch; font-size: 34px; }
  #mentis-baile[data-view="result"] .mb-next-invitation > p:not(.mb-agenda-note) { max-width: 37ch; margin-top: 14px; font-size: 15px; }
  #mentis-baile[data-view="result"] .mb-next-invitation .mb-next-button { max-width: 390px; min-height: 58px; margin-top: 21px; padding: 16px 18px; font-size: 19px; gap: 12px; }
  #mentis-baile[data-view="result"] .mb-next-invitation .mb-agenda-note { max-width: 36ch; font-size: 14px; }
  #mentis-baile[data-view="result"] .mb-result-art > img { height: 185px; object-position: center; }
  #mentis-baile[data-view="result"] .mb-result-learning { padding: 37px 24px 0; }
  #mentis-baile[data-view="result"] .mb-learning-head { margin-bottom: 24px; }
  #mentis-baile[data-view="result"] .mb-learning-head h2 { font-size: 30px; }
  #mentis-baile[data-view="result"] .mb-learning-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #mentis-baile[data-view="result"] .mb-learning-portrait > img { max-width: 240px; max-height: 255px; }
  #mentis-baile[data-view="result"] .mb-learning-caption { margin-top: 14px; max-width: 36ch; font-size: 14px; }
  #mentis-baile[data-view="result"] .mb-mask-explorer h2 { max-width: 22ch; margin-top: 12px; font-size: 35px; }
  #mentis-baile[data-view="result"] .mb-explore-count,
  #mentis-baile[data-view="result"] .mb-overview-message { font-size: 19px; line-height: 1.45; }
  #mentis-baile[data-view="result"] .mb-explore-tabs { gap: 12px; margin-top: 23px; }
  #mentis-baile[data-view="result"] .mb-explore-tabs button { min-height: 51px; padding: 10px 0; font-size: 14px; }
  #mentis-baile[data-view="result"] .mb-explore-panel p { font-size: 19px; }
}

@media (max-width: 360px) {
  #mentis-baile[data-view="result"] .mb-header { padding-left: 17px; padding-right: 17px; }
  #mentis-baile[data-view="result"] .mb-result-data { padding-left: 17px; padding-right: 17px; }
  #mentis-baile[data-view="result"] .mb-horizontal-chart { --mb-chart-thumb: 28px; --mb-chart-label: 96px; --mb-chart-value: 49px; --mb-chart-gap: 6px; }
  #mentis-baile[data-view="result"] .mb-mask-select img.mb-mask-thumb { height: 38px; }
  #mentis-baile[data-view="result"] .mb-mask-name { font-size: 14px; }
  #mentis-baile[data-view="result"] .mb-bar-value { font-size: 16px; }
  #mentis-baile[data-view="result"] .mb-bar-value small { font-size: 12px; }
  #mentis-baile[data-view="result"] .mb-next-invitation { padding-left: 20px; padding-right: 20px; }
  #mentis-baile[data-view="result"] .mb-next-invitation .mb-next-button { font-size: 17px; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  #mentis-baile[data-view="result"] .mb-mask-select,
  #mentis-baile[data-view="result"] .mb-bar-fill,
  #mentis-baile[data-view="result"] .mb-next-button { transition: none; animation: none; }
  #mentis-baile[data-view="result"] .mb-next-button:hover { transform: none; }
}

/* A pergunta é o rótulo principal; nome e contagem não dependem da cor. */
#mentis-baile[data-view="result"] .mb-result-intro h1 { max-width: 22ch; font-size: clamp(35px, 3.3vw, 48px); }
#mentis-baile[data-view="result"] .mb-result-summary { max-width: 58ch; font: 400 17px/1.55 Arial, Helvetica, sans-serif; letter-spacing: 0; }
#mentis-baile[data-view="result"] .mb-horizontal-chart { --mb-chart-label: 176px; }
#mentis-baile[data-view="result"] .mb-mask-select { min-height: 91px; }
#mentis-baile[data-view="result"] .mb-mask-label { gap: 5px; padding: 10px 0; }
#mentis-baile[data-view="result"] .mb-mask-question { display: block; color: #152035; font: 400 18px/1.22 var(--mb-serif); }
#mentis-baile[data-view="result"] .mb-bar-fill { box-shadow: inset 0 0 0 1px #6b635b; }
#mentis-baile[data-view="result"] .mb-mask-name { color: #505664; font: 400 12px/1.3 Arial, Helvetica, sans-serif; letter-spacing: 0; }
#mentis-baile[data-view="result"] .mb-step-safety,
#mentis-baile[data-view="result"] .mb-explore-panel .mb-step-safety { margin-top: 18px; color: #505664; font: 400 14px/1.55 Arial, Helvetica, sans-serif; }
#mentis-baile[data-view="result"] .mb-manual-footer { margin-top: 25px; max-width: 80ch; font-size: 15px; line-height: 1.6; }
#mentis-baile[data-view="result"] .mb-support-note { margin-top: 10px; font-size: 14px; line-height: 1.6; }
#mentis-baile[data-view="result"] .mb-support-note a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1200px) and (min-width: 961px) {
  #mentis-baile[data-view="result"] .mb-horizontal-chart { --mb-chart-label: 134px; --mb-chart-value: 52px; --mb-chart-gap: 8px; }
  #mentis-baile[data-view="result"] .mb-mask-question { font-size: 17px; }
}
@media (max-width: 600px) {
  #mentis-baile[data-view="result"] .mb-horizontal-chart { --mb-chart-thumb: 36px; --mb-chart-value: 54px; --mb-chart-columns: var(--mb-chart-thumb) minmax(0, 1fr) var(--mb-chart-value); }
  #mentis-baile[data-view="result"] .mb-mask-select { min-height: 108px; grid-template-rows: auto 18px; row-gap: 0; padding: 8px 0 14px; }
  #mentis-baile[data-view="result"] .mb-mask-select img.mb-mask-thumb { grid-column: 1; grid-row: 1 / 3; height: 52px; }
  #mentis-baile[data-view="result"] .mb-mask-label { grid-column: 2; grid-row: 1; padding: 3px 0 10px; }
  #mentis-baile[data-view="result"] .mb-mask-question { font-size: 19px; }
  #mentis-baile[data-view="result"] .mb-mask-name { font-size: 12px; }
  #mentis-baile[data-view="result"] .mb-bar-track { grid-column: 2; grid-row: 2; }
  #mentis-baile[data-view="result"] .mb-bar-value { grid-column: 3; grid-row: 1 / 3; }
  #mentis-baile[data-view="result"] .mb-axis-spacer { grid-column: 1; }
  #mentis-baile[data-view="result"] .mb-axis-values { grid-column: 2; }
}