@media(max-width:760px){
/* Início com conteúdo salvo: continuar de onde parou vem antes da apresentação */
.dashboard-grid>div:has(.continue-first){display:flex;flex-direction:column}
.continue-first{order:-1;margin:0 0 22px}
/* Leitura: botões legíveis e linhas um pouco mais compactas */
.reading-tools button,.editor-controls button{font-size:12px!important}
.reading-section>p:last-child{line-height:1.85}
.creation-art small{font-size:10px}
}
/* Descrição do formato escolhido só aparece no celular (na grade larga cada cartão já mostra a sua) */
.format-help{display:none}
/* Celular: navegação em barra fixa embaixo e tela inicial mais curta */
@media(max-width:760px){
.sidebar{padding:14px 16px 12px}
.brand{margin:0}
#etapas{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--sidebar);border-top:1px solid #ffffff1f}
#etapas button{flex-direction:column;justify-content:flex-start;gap:4px;min-height:60px;padding:8px 2px;font-size:11px;line-height:1.15;text-align:center}
#etapas button>span{white-space:normal}
#etapas button>.icon,#etapas button .icon{width:20px;height:20px}
#etapas button.active{background:#ffffff1f}
#etapas button.active:before{display:block;left:50%;top:0;width:24px;height:3px;transform:translateX(-50%);border-radius:0 0 4px 4px}
main{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
.journey-card,.bottom-note{display:none}
}

/* Botões do leitor com altura mínima de 48px (regra da casa) */
.reading-tools button,.editor-controls button{min-height:48px!important}
.hero-cta,.filter-tabs button{min-height:48px}
.bible-reference a{display:inline-flex;align-items:center;justify-content:center;min-height:48px}
@media(max-width:760px){.brand{min-height:48px;align-items:center}}
label:has(>input[type=checkbox]){display:flex;align-items:center;gap:10px;min-height:48px}

/* Textos corridos em cartões: justificados com hifenização pt-BR (regra do dono) */
.integration-status p,.platform-guide li,.sales-readiness li,.commerce-list li,.economics-box p,.ad-preview p,.field-help,.export-panel p,.commercial-review p,.backup-panel p,.creation-preview p{text-align:justify;hyphens:auto}

@media(max-width:760px){
/* Formatos compactos: só o nome na grade, a descrição do escolhido aparece abaixo */
.format-choice>span{flex-direction:row;align-items:center;gap:8px;padding:8px 9px;min-height:56px}
.format-choice strong{font-size:11.5px;white-space:nowrap}
.format-choice .icon{width:18px;height:18px;flex:none}
.format-choice small{display:none}
.format-choices .format-choice:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}
.format-help{display:block;margin-top:12px}
/* Criar conteúdo: o botão de gerar fica sempre visível acima da barra, com o resumo da escolha */
.create-submit{position:sticky;bottom:calc(80px + env(safe-area-inset-bottom));z-index:5;background:var(--paper);margin:24px -17px 0;padding:12px 17px 14px;border-top:1px solid var(--line);box-shadow:0 -10px 16px -12px rgba(20,30,80,.28)}
.create-summary{display:block;margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--muted);text-align:center;font-weight:600}
/* O foco do teclado não fica escondido atrás da barra inferior */
html{scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))}
/* O aviso flutuante fica acima da barra de navegação */
#aviso{bottom:calc(76px + env(safe-area-inset-bottom))}
/* Piso de tamanho de fonte no celular */
.brand small,.eyebrow,.section-kicker,.creation-tags>span,footer,.footer-brand,.day-label,.scripture-art em{font-size:11px!important;letter-spacing:.4px}
.hero-tag,.bible-reference small{font-size:10px!important;letter-spacing:.4px}
/* Temas em duas colunas; a fileira incompleta fica centralizada */
.theme-chips{display:flex;flex-direction:column;gap:12px}
.theme-chips button{flex:none;width:100%;min-height:48px;justify-content:center;white-space:nowrap}
.text-link{min-height:48px}
}

/* Foco visível no botão "Restaurar cópia" (o campo de arquivo fica oculto) */
.button-label:has(+input:focus-visible){outline:3px solid #b58b45;outline-offset:3px}