/* =====================================================================
   MÉTODO INDUTIVO DE ESTUDO BÍBLICO — visual. Leve: sem animações contínuas.
   Prefixo .mi- para não misturar com outras ferramentas.
   ===================================================================== */
#mi-pagina [hidden] { display: none !important; }
#mi-pagina .so-imprimir { display: none; }
.mi-selo { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: .4rem 0 0; font-size: .85rem; font-weight: 700; color: var(--dourado); text-transform: uppercase; letter-spacing: .08em; }
.mi-ficha { display: flex; flex-wrap: wrap; gap: .3rem 1.2rem; color: var(--texto-2); font-size: .95rem; }
.mi-ficha strong { color: var(--texto); }
.mi-acoes, .mi-fim-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: 1rem; }
.mi-rotulo { display: block; margin: 0 0 .35rem; font-weight: 700; font-size: .95rem; }
.mi-rotulo small { font-weight: 400; color: var(--texto-2); }
.mi-ver { margin: .8rem 0 0; font-weight: 700; }
.mi-mais { font-size: .95rem; color: var(--texto-2); }
.mi-dica, .mi-dica-oracao { padding: .6rem .85rem; border-radius: 12px; background: var(--dourado-suave); font-size: .95rem; line-height: 1.55; }
.mi-aviso { padding: .6rem .85rem; border-radius: 12px; border: 1.5px dashed var(--borda); }

/* As três etapas */
.mi-tres { list-style: none; padding: 0; margin: 1.2rem 0; display: grid; gap: .6rem; }
@media (min-width: 680px) { .mi-tres { grid-template-columns: repeat(3, 1fr); } }
.mi-tres li { display: flex; flex-direction: column; gap: .15rem; padding: .9rem 1rem; border-radius: 16px; background: var(--superficie); border: 1px solid var(--borda); }
.mi-tres-emoji { font-size: 1.6rem; line-height: 1; margin-bottom: .2rem; }
.mi-tres span:not(.mi-tres-emoji) { font-family: var(--fonte-titulo); font-size: 1.05rem; color: var(--primaria); }
.mi-tres small { color: var(--texto-2); font-size: .88rem; line-height: 1.45; }

/* Cartões dos estudos */
.mi-indice { margin: 1.6rem 0; }
.mi-cartoes { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; grid-template-columns: 1fr; }
@media (min-width: 560px) { .mi-cartoes { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .mi-cartoes { grid-template-columns: repeat(3, 1fr); } }
.mi-cartoes a { display: flex; gap: .75rem; align-items: center; min-height: 64px; height: 100%; box-sizing: border-box; padding: .7rem .9rem; border-radius: 16px; background: var(--superficie); border: 1px solid var(--borda); color: var(--texto); text-decoration: none; }
.mi-cartoes a:hover { border-color: var(--primaria); }
.mi-cartoes a[aria-current="page"] { box-shadow: inset 0 0 0 2px var(--primaria); }
.mi-cartoes-emoji { font-size: 1.6rem; line-height: 1; flex: none; }
.mi-cartoes strong { display: block; line-height: 1.3; }
.mi-cartoes small { display: block; color: var(--texto-2); font-size: .82rem; }
.mi-cartoes .mi-progresso { color: var(--primaria); font-weight: 700; }

/* Estudo livre */
.mi-livre { margin: 2rem 0; padding: 1rem 1.1rem 1.2rem; border-radius: 20px; background: var(--superficie); border: 1px solid var(--borda); }
.mi-livre > h2 { margin-top: .2rem; }
.mi-livre-linha { display: flex; flex-wrap: wrap; gap: .5rem; }
.mi-livre-linha input { flex: 1 1 220px; }
#mi-ref, #mi-colar, .mi-q textarea { width: 100%; box-sizing: border-box; min-height: 48px; padding: .65rem .85rem; border-radius: 12px; border: 1.5px solid var(--borda); background: var(--fundo, var(--superficie)); color: var(--texto); font: inherit; line-height: 1.5; }
#mi-ref:focus, #mi-colar:focus, .mi-q textarea:focus { outline: 2px solid var(--primaria); outline-offset: 1px; }
.mi-livre-info { min-height: 1.2em; margin: .4rem 0 .8rem; color: var(--texto-2); font-size: .92rem; }
.mi-livre-acoes { margin: .6rem 0 0; }
.mi-meus { margin-top: 1.2rem; }
.mi-meus h3 { margin: 0 0 .4rem; font-size: 1.05rem; }
.mi-meus-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.mi-meus-lista li { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; padding: .5rem .7rem; border-radius: 12px; border: 1px solid var(--borda); }
.mi-meus-lista .mi-meus-nome { flex: 1 1 180px; font-weight: 700; }
.mi-meus-lista small { color: var(--texto-2); font-weight: 400; display: block; }
.mi-caderno-tit { margin-top: 1.6rem; }
.mi-caderno-novo { margin: 0 0 1rem; }

/* Contexto */
.mi-contexto { margin: 1.4rem 0; }

/* Navegação das etapas (fica presa no alto ao rolar; sem animação) */
.mi-etapas { position: sticky; top: var(--topo-h, 60px); z-index: 5; display: flex; gap: .3rem; margin: 1.2rem 0 .4rem; padding: .35rem; border-radius: 14px; background: var(--superficie); border: 1px solid var(--borda); box-shadow: var(--sombra); overflow-x: auto; }
.mi-etapas a { flex: 1 0 auto; display: flex; align-items: center; justify-content: center; gap: .3rem; padding: .3rem .5rem; border-radius: 10px; color: var(--texto); text-decoration: none; font-weight: 700; font-size: .8rem; white-space: nowrap; }
@media (min-width: 620px) { .mi-etapas a { font-size: .9rem; padding: .4rem .7rem; } }
.mi-etapas a:hover { background: var(--superficie-2, var(--dourado-suave)); }
.mi-etapas small { font-weight: 600; font-size: .72rem; font-variant-numeric: tabular-nums; color: var(--texto-2); min-height: 1em; }
.mi-etapas small.mi-ok { color: var(--sucesso); }

/* Etapas */
.mi-etapa { margin: 1.6rem 0; scroll-margin-top: calc(var(--topo-h, 60px) + 70px); }
.mi-etapa h2 { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .5rem; }
.mi-etapa h2 small { font-family: var(--fonte, inherit); font-size: .9rem; font-weight: 600; color: var(--texto-2); }

/* Marcadores */
.mi-marcadores { display: flex; flex-wrap: wrap; gap: .35rem; margin: .8rem 0 .3rem; }
.mi-marc { display: inline-flex; align-items: center; gap: .3rem; min-height: 38px; padding: .3rem .7rem; border-radius: 999px; border: 1.5px solid var(--borda); background: var(--superficie); color: var(--texto); font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; }
.mi-marc[aria-pressed="true"] { border-color: var(--texto); box-shadow: 0 0 0 2px var(--texto) inset; }
.mi-marc-s { font-weight: 800; color: var(--mi-cor, var(--texto)); }
.mi-marc-n { font-size: .75rem; color: var(--texto-2); }
.mi-marc-opcoes { margin: .2rem 0 .8rem; font-size: .88rem; color: var(--texto-2); }

/* Cor de cada marcador (troque aqui se quiser) */
.mi-m-deus { --mi-cor: #6d4796; --mi-fundo: #ece3f7; }
.mi-m-jesus { --mi-cor: #b3261e; --mi-fundo: #fbe1de; }
.mi-m-espirito { --mi-cor: #a1660f; --mi-fundo: #fbefcf; }
.mi-m-chave { --mi-cor: #2d4f86; --mi-fundo: #dde8f8; }
.mi-m-ordem { --mi-cor: #0f766e; --mi-fundo: #d5f1ed; }
.mi-m-promessa { --mi-cor: #2e7d32; --mi-fundo: #dff1df; }
.mi-m-pecado { --mi-cor: #5d4037; --mi-fundo: #e9e0dc; }
.mi-m-tempo { --mi-cor: #c2410c; --mi-fundo: #fde5d6; }
:root[data-tema="escuro"] .mi-p[data-s]::after { color: color-mix(in srgb, var(--mi-cor) 55%, #fff); }
@media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) .mi-p[data-s]::after { color: color-mix(in srgb, var(--mi-cor) 55%, #fff); } }
:root[data-tema="escuro"] .mi-p[class*="mi-m-"] { --mi-fundo: color-mix(in srgb, var(--mi-cor) 38%, #16211e); }
@media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) .mi-p[class*="mi-m-"] { --mi-fundo: color-mix(in srgb, var(--mi-cor) 38%, #16211e); } }

/* O texto bíblico */
.mi-texto { margin: .6rem 0 .3rem; padding: 1rem 1.1rem; border-radius: 16px; background: var(--superficie); border: 1px solid var(--borda); font-family: var(--fonte-titulo); font-size: 1.12rem; line-height: 1.85; }
.mi-texto:empty { display: none; }
.mi-texto p { margin: 0 0 .5rem; }
.mi-texto sup { font-family: var(--fonte, inherit); font-size: .7em; font-weight: 700; color: var(--dourado); margin-right: .15rem; }
.mi-p { cursor: pointer; border-radius: 4px; padding: 0 .05em; -webkit-tap-highlight-color: transparent; }
.mi-p:hover { background: var(--dourado-suave); }
.mi-p[class*="mi-m-"] { background: var(--mi-fundo); box-shadow: inset 0 -2px 0 var(--mi-cor); }
.mi-p[data-s]::after { content: attr(data-s); font-family: var(--fonte, inherit); font-size: .62em; font-weight: 800; vertical-align: super; margin-left: .08em; color: var(--mi-cor); }
.mi-p.mi-realce { outline: 2.5px solid var(--dourado); outline-offset: 1px; }
.mi-texto-fonte { margin: 0 0 .8rem; font-size: .85rem; color: var(--texto-2); }

/* Palavras repetidas */
.mi-repetidas { margin: .8rem 0 1.2rem; }
.mi-chips { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; }
.mi-chip { min-height: 34px; padding: .2rem .7rem; border-radius: 999px; border: 1.5px solid var(--borda); background: var(--superficie); color: var(--texto); font: inherit; font-size: .85rem; cursor: pointer; }
.mi-chip b { color: var(--primaria); }
.mi-chip[aria-pressed="true"] { border-color: var(--dourado); background: var(--dourado-suave); }

/* Perguntas */
.mi-q { margin: 1rem 0; padding: .85rem .95rem; border-radius: 16px; background: var(--superficie); border: 1px solid var(--borda); }
.mi-q.mi-feita { border-left: 4px solid var(--sucesso); }
.mi-q-tit { display: block; margin: 0 0 .45rem; font-weight: 700; line-height: 1.45; }
.mi-q textarea { resize: vertical; min-height: 84px; }
.mi-pista { margin-top: .5rem; font-size: .93rem; }
.mi-pista summary { cursor: pointer; color: var(--primaria); font-weight: 700; min-height: 32px; display: inline-flex; align-items: center; }
.mi-pista p { margin: .35rem 0 0; padding: .55rem .75rem; border-radius: 10px; background: var(--dourado-suave); line-height: 1.55; }

/* Textos para comparar */
.mi-cruzadas { margin: 1rem 0; padding: .8rem .95rem; border-radius: 16px; border: 1.5px dashed var(--borda); }
.mi-cruzadas ul { margin: 0; padding-left: 1.1rem; }
.mi-cruzadas li { margin: .35rem 0; line-height: 1.5; }
.mi-cruzadas q { color: var(--texto-2); font-style: italic; }

/* Aplicação: caixinhas */
.mi-speca { margin: 1rem 0; padding: .8rem .95rem; border-radius: 16px; border: 1px solid var(--borda); background: var(--superficie); }
.mi-speca legend { font-weight: 700; padding: 0 .3rem; }
.mi-speca label { display: flex; align-items: center; gap: .55rem; min-height: 40px; cursor: pointer; }
.mi-speca input { width: 20px; height: 20px; accent-color: var(--primaria); }

/* Fim: status e botões */
.mi-fim { margin: 2rem 0; padding: 1rem 1.1rem; border-radius: 20px; background: color-mix(in srgb, var(--primaria) 8%, var(--superficie)); border: 1px solid var(--borda); }
.mi-fim h2 { margin-top: .2rem; }
.mi-fim-status { font-weight: 600; }
.mi-barra { height: 10px; border-radius: 999px; background: var(--borda); overflow: hidden; }
.mi-barra span { display: block; height: 100%; width: 0; background: var(--primaria); }
.mi-fim-op { display: inline-flex; align-items: center; gap: .4rem; font-size: .9rem; min-height: 38px; }
.mi-perigo { color: var(--perigo) !important; }

/* Estudos vizinhos */
.mi-vizinhos { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin: 2rem 0; }
.mi-vizinhos a { display: block; padding: .7rem .9rem; border-radius: 14px; background: var(--superficie); border: 1px solid var(--borda); color: var(--texto); text-decoration: none; }
.mi-vizinhos a[rel="next"] { text-align: right; grid-column: 2; }
.mi-vizinhos small { display: block; color: var(--texto-2); }

/* =====================================================================
   IMPRESSÃO: folha de estudo limpa (sem anúncios nem botões).
   As respostas aparecem escritas; em branco, aparecem linhas para escrever.
   ===================================================================== */
@media print {
  #mi-pagina .so-imprimir { display: block; }
  .mi-indice, .mi-vizinhos, .mi-livre-form, .mi-meus, .mi-caderno-novo, .mi-tres, .outras, .faq, .artigo { display: none !important; }
  .mi-livre { border: 0; padding: 0; background: #fff; }
  .mi-livre > h2, .mi-livre > p { display: none; }
  .mi-texto, .mi-q, .mi-cruzadas, .mi-speca { background: #fff; border-color: #999; break-inside: avoid; }
  .mi-texto { font-size: 12pt; line-height: 1.7; }
  .mi-p[class*="mi-m-"] { background: #fff; box-shadow: inset 0 -2px 0 var(--mi-cor); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .mi-q textarea { display: none; }
  .mi-impresso { min-height: 3.2em; white-space: pre-wrap; line-height: 1.6; background-image: linear-gradient(#bbb 1px, transparent 1px); background-size: 100% 1.6em; background-position: 0 1.55em; }
  .mi-impresso:not(:empty) { background: none; min-height: 0; }
  .mi-pista { display: none; }
  body.mi-com-pistas .mi-pista { display: block; }
  body.mi-com-pistas .mi-pista p { background: #f3f3f3; }
  body.mi-em-branco .mi-impresso { font-size: 0; min-height: 4.8em; background-image: linear-gradient(#bbb 1px, transparent 1px) !important; background-size: 100% 1.6em !important; }
  body.mi-em-branco .mi-p[class*="mi-m-"] { box-shadow: none; }
  body.mi-em-branco .mi-p[data-s]::after { content: none; }
  body.mi-em-branco .mi-speca input { opacity: 1; }
  .mi-legenda { font-size: 9pt; color: #444; }
  .mi-legenda b { color: var(--mi-cor); }
  .mi-etapa { break-before: auto; }
  .mi-etapa h2 { break-after: avoid; }
}