/* Revisão de legibilidade, navegação móvel e estados de conteúdo. */
:root{--ink:#20372b;--muted:#5e7063;--green:#2f5a40;--green-dark:#1e432f}
body{font-size:16px;line-height:1.6}
.topbar{position:sticky;top:0;z-index:12;background:#f7f4ebf2;backdrop-filter:blur(12px)}
.nav-link{font-size:14px}
.brand strong{font-size:20px}
.brand small{font-size:9px}
.brand-mark.brand-logo{overflow:hidden;border-radius:9px;background:transparent;box-shadow:none}
.brand-mark.brand-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}
.hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;padding:46px 0 30px}
.hero-copy{max-width:820px}
.hero-subtitle{font-size:17px;color:#53665a}
.daily-card{padding:34px 40px 22px}
.verse-text{font-size:clamp(32px,3.6vw,46px);line-height:1.3}
.verse-reference{font-size:14px}
.button{min-height:48px;padding:13px 19px;font-size:14px}
.icon-action{width:48px;height:48px;font-size:19px}
.text-button{font-size:14px;min-height:40px}
.section-heading h2,.support-banner h2{font-size:clamp(28px,3vw,38px)}
.search-box input{font-size:16px}
.theme-card{min-height:150px;padding:21px}
.theme-card strong{font-size:17px}
.theme-card small{font-size:13px;color:#5d6d61}
.topic-tab{min-height:46px;padding:11px 16px;color:#405649;font-size:14px}
.topic-result-head h2{font-size:32px}
.topic-result-head p{font-size:15px;color:#586b5c}
.passage-card{padding:25px}
.passage-text{font-size:22px;line-height:1.55}
.passage-text.is-loading{color:#758578;animation:loading-pulse 1s ease-in-out infinite alternate}
.study-controls label{font-size:14px}
.study-controls select{min-height:48px;font-size:15px}
.study-controls .button{min-height:48px}
.study-columns h3{font-size:16px}
.study-columns ol,.study-columns ul{font-size:15px;line-height:1.8}
.study-source,.content-note{font-size:13px;line-height:1.7;color:#56685b}
.ai-note strong{font-size:15px}
.ai-note p{font-size:14px;line-height:1.65;color:#53665a}
.footer-license{font-size:12px}
.footer-credit{grid-column:1/-1;margin:2px 0 0;color:#68786e;font:500 12px/1.6 var(--sans);text-align:center}
.footer-credit a{color:#2f5a40;text-decoration:underline;text-underline-offset:3px}
.retry-button{color:#8b532c;margin:-4px 0 14px}
.load-error{color:#80542e!important}
.verse-text.is-loading{color:#758578;animation:loading-pulse 1.25s ease-in-out infinite alternate}
@keyframes loading-pulse{to{opacity:.55}}
.music-search{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 30px;padding:22px 24px;border:1px solid #dce3d8;border-radius:10px;background:linear-gradient(110deg,#edf2e9,#faf9f2)}
.music-search-copy{min-width:0}
.music-search h3{margin:0;color:var(--green-dark);font:600 22px var(--display)}
.music-search p{margin:5px 0 0;color:#5d7062;font-size:14px}
.music-search-actions{display:flex;flex-wrap:wrap;gap:10px}
.music-search-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 16px;border-radius:7px;background:#2f5a40;color:white;text-decoration:none;font-size:14px;font-weight:700}
.music-search-link:hover{background:#1e432f}
.music-search-link.secondary{background:#fffefa;color:#2f5a40;border:1px solid #cdd9cd}
.intercession-target-section,.intercession-scriptures{margin:0 0 38px}
.intercession-target-section .section-heading,.intercession-scriptures .section-heading{margin-bottom:18px}
.intercession-target-section .section-heading h2,.intercession-scriptures .section-heading h2{font-size:clamp(26px,3vw,34px)}
.prayer-target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.prayer-target-card{min-height:190px;padding:22px;border:1px solid #dce3d8;border-radius:10px;background:#fffefa;box-shadow:0 4px 14px #26372908}
.prayer-target-card>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#e8eee5;color:#345b40;font-size:18px}
.prayer-target-card h3{margin:14px 0 6px;color:#254735;font:700 17px/1.3 var(--display)}
.prayer-target-card p{margin:0;color:#526558;font-size:14px;line-height:1.6}
.prayer-target-card small{display:block;margin-top:10px;color:#718074;font-size:12px;line-height:1.5}
.intercession-scriptures{padding-bottom:20px}
.week-label{margin:6px 0;color:#526558;font-size:15px;font-weight:700}
.week-progress{margin:4px 0 0;color:#617367;font-size:13px;line-height:1.5}
.week-progress strong{color:#254b3d}
.prayer-target-head{display:flex;align-items:center;justify-content:space-between}
.prayer-target-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#e8eee5;color:#345b40;font-size:18px}
.prayer-check{display:grid;width:38px;height:38px;place-items:center;cursor:pointer}
.prayer-check input{position:absolute;width:1px;height:1px;opacity:0}
.prayer-check span{display:grid;width:25px;height:25px;place-items:center;border:2px solid #9eaf9d;border-radius:7px;color:transparent;font-size:16px;font-weight:800;transition:background .15s,border-color .15s,color .15s}
.prayer-check input:checked+span{background:#2f5a40;border-color:#2f5a40;color:#fff}
.prayer-check input:focus-visible+span{outline:3px solid #bd9350;outline-offset:2px}
.prayer-target-card.is-checked{border-color:#adc1ae;background:#f4f7f1}
.pause-speech-button{font-weight:800}
.ai-study-copy{font-size:16px;line-height:1.85}
.ai-study-result h2{font-size:28px}
.ai-study-result small{font-size:13px}
.retry-passage{margin:-8px 0 13px;color:#84572f;text-align:left}
.retry-context{margin:0 5px 8px;color:#84572f;text-align:left}
.passage-study-controls{margin:22px 0 25px;padding:25px;border:1px solid #dce2d8;border-radius:11px;background:#fffefa;box-shadow:0 5px 18px #26372908}
.passage-study-heading h2{margin:0;color:var(--green-dark);font:500 30px/1.15 var(--serif)}
.passage-study-heading p:not(.eyebrow){max-width:750px;margin:9px 0 0;color:#586b5e;font-size:15px;line-height:1.6}
.passage-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(115px,.55fr) minmax(150px,.8fr);gap:13px;margin:21px 0}
.passage-fields label{display:grid;gap:7px;color:#43594a;font-size:14px;font-weight:700}
.passage-fields select,.passage-fields input{width:100%;min-height:50px;padding:10px 13px;border:1px solid #cfd8cc;border-radius:7px;background:#fff;color:#23372b;font:15px var(--sans)}
.passage-study-controls>.button{min-width:min(100%,340px)}
.passage-study-status{margin:12px 0 0;color:#8a4c2e;font-size:14px}
.ai-study-sources{margin-top:21px;padding-top:16px;border-top:1px solid #e1e7de}
.ai-study-sources h3{margin:0 0 9px;color:#405849;font:700 14px var(--sans)}
.ai-study-sources ul{margin:0;padding-left:20px;color:#526558;font-size:13px;line-height:1.8}
.ai-study-sources a{color:#2f5a40;text-underline-offset:3px}
.ai-study-sources p{margin:0;color:#68776c;font-size:13px;line-height:1.6}

@media(max-width:850px){
  .app-shell{padding:0 25px}
  .hero-subtitle{font-size:16px}
  .daily-card{padding:27px 29px 18px}
}
@media(max-width:620px){
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom));font-size:16px}
  .app-shell{padding:0 17px}
  .topbar{height:70px;margin:0 -17px;padding:0 17px}
  .brand{gap:9px}
.brand-mark{width:36px;height:36px}
.brand-mark.brand-logo{overflow:hidden;border-radius:9px;background:transparent;box-shadow:none}
.brand-mark.brand-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}
  .brand strong{font-size:18px}
  .brand small{font-size:8px}
  .profile-button{min-height:42px;padding:8px 12px;font-size:13px}
  .hero-grid{padding:30px 0 21px;gap:18px}
  .hero-copy h1{font-size:clamp(42px,11vw,52px);line-height:1.04;letter-spacing:-1.6px}
  .hero-subtitle{max-width:100%;margin:14px 0;font-size:16px;line-height:1.65}
  .eyebrow{font-size:11px;letter-spacing:1.5px}
  .date-line{font-size:13px;gap:8px;margin-top:14px;padding:10px 13px}
  .daily-card{padding:19px 17px 15px;border-radius:10px}
  .daily-card-top{align-items:center;flex-wrap:wrap;gap:9px}
  .label-pill{font-size:10px;letter-spacing:.8px}
  .version-label{font-size:11px;max-width:145px}
  .verse-layout{gap:13px;padding:23px 0 16px}
  .verse-text{font-size:clamp(30px,8vw,36px);line-height:1.35;margin-bottom:12px}
  .verse-reference{font-size:14px;margin-bottom:16px}
  .verse-actions{display:grid;grid-template-columns:repeat(4,minmax(48px,1fr));gap:9px}
  .verse-actions .button{grid-column:1/-1;width:100%;min-height:52px;font-size:15px}
  .verse-actions .icon-action{width:100%;height:48px}
  .copyright-line{font-size:11px;line-height:1.65}
  .section-block{padding:42px 0 35px}
  .section-heading{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:17px}
  .section-heading h2{font-size:31px;line-height:1.1}
  .section-heading .text-button{margin:0;font-size:14px}
  .search-box{height:52px;border-radius:9px}
  .search-box input{font-size:15px}
  .search-box kbd{display:none}
  .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}
  .theme-card{min-height:128px;padding:15px;border-radius:9px}
  .theme-icon{font-size:20px;margin-bottom:10px}
  .theme-card strong{font-size:16px}
  .theme-card small{font-size:12px;line-height:1.4}
  .theme-arrow{right:12px;bottom:12px}
  .support-banner{grid-template-columns:42px minmax(0,1fr);padding:18px 15px;margin-bottom:30px}
  .support-banner h2{font-size:23px;line-height:1.12}
  .support-banner p:not(.eyebrow){font-size:14px;line-height:1.55}
  .support-banner .button{min-height:50px;font-size:14px}
  .page-intro{padding:39px 0 22px}
  .page-intro h1{font-size:clamp(43px,11vw,56px);line-height:1.04;letter-spacing:-1.5px}
  .page-intro>p:not(.eyebrow){font-size:15px;line-height:1.65;margin-top:12px}
  .theme-search-main{margin-top:17px}
  .topic-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0 0 15px}
  .topic-tab{width:100%;min-height:48px;padding:10px 8px;border-radius:8px;font-size:14px;text-align:center}
  .topic-result{padding-top:20px}
  .topic-result-head{align-items:flex-start;flex-direction:column;gap:10px}
  .topic-result-head h2{font-size:29px}
  .topic-result-head p{font-size:14px;line-height:1.55}
  .passage-list{grid-template-columns:1fr;gap:10px}
  .passage-card{padding:18px;border-radius:9px}
  .passage-text{font-size:21px;line-height:1.55}
  .passage-card .verse-actions{display:flex;flex-wrap:wrap}
  .passage-card .button{flex:1 1 100%;min-height:48px;font-size:14px}
  .passage-card .icon-action{flex:1 1 0;width:auto;height:46px}
  .content-note{font-size:12px;line-height:1.65}
  .intercession-target-section,.intercession-scriptures{margin-bottom:28px}
  .prayer-target-grid{grid-template-columns:1fr;gap:10px}
  .prayer-target-card{min-height:0;padding:17px}
  .prayer-target-card h3{font-size:16px;margin-top:11px}
  .prayer-target-card p{font-size:14px}
  .week-label{font-size:14px}
  .week-progress{font-size:12px}
  .study-intro{padding-bottom:18px}
  .study-controls{display:grid;grid-template-columns:1fr;gap:10px;padding:16px;border-radius:10px}
  .study-controls label{grid-column:auto;font-size:14px}
  .study-controls select{width:100%;min-height:50px;font-size:15px}
  .study-controls .button{width:100%;min-height:50px;font-size:14px}
  .passage-study-controls{margin:17px 0 20px;padding:17px;border-radius:10px}
  .passage-study-heading h2{font-size:27px}
  .passage-study-heading p:not(.eyebrow){font-size:14px}
  .passage-fields{grid-template-columns:1fr 1fr;gap:10px;margin:17px 0}
  .passage-fields label:first-child{grid-column:1/-1}
  .passage-fields select,.passage-fields input{min-height:50px;font-size:15px}
  .passage-study-controls>.button{width:100%;min-height:52px;font-size:14px}
  .passage-study-status{font-size:13px;line-height:1.5}
  .study-outline{padding:18px}
  .study-outline-head h2{font-size:23px;line-height:1.2}
  .mindmap{grid-template-columns:1fr 1fr;gap:8px}
  .mind-node{min-width:0;padding:13px}
  .mind-node strong{font-size:14px;overflow-wrap:anywhere}
  .mind-node small{font-size:12px;line-height:1.45}
  .study-columns{gap:23px}
  .study-columns ol,.study-columns ul{font-size:14px}
  .study-source{font-size:11px;line-height:1.6}
  .ai-note{padding:15px;gap:10px}
  .ai-note p{font-size:13px}
  .ai-study-result{padding:18px}
  .ai-study-result h2{font-size:24px}
  .ai-study-copy{font-size:15px;line-height:1.75}
  .ai-study-sources h3{font-size:14px}
  .ai-study-sources ul,.ai-study-sources p{font-size:12px}
  .music-search{align-items:stretch;flex-direction:column;padding:18px;margin:17px 0 25px}
  .music-search h3{font-size:22px}
  .music-search p{font-size:13px;line-height:1.5}
  .music-search-actions{display:grid;grid-template-columns:1fr 1fr}
  .music-search-link{min-height:50px;padding:10px 8px;font-size:13px;text-align:center}
  .footer{gap:15px}
  .footer>p{font-size:14px}
  .footer-license{font-size:11px;line-height:1.6}
  .footer-credit{font-size:12px;line-height:1.6}
  .mobile-nav{height:calc(70px + env(safe-area-inset-bottom));padding:6px 8px calc(5px + env(safe-area-inset-bottom))}
  .mobile-nav button{gap:4px;font-size:12px}
  .mobile-nav button span{font-size:21px}
  .toast{bottom:calc(83px + env(safe-area-inset-bottom));font-size:13px}
  .context-dialog{width:calc(100% - 20px);max-height:86vh;padding:18px 16px}
  .context-verse{font-size:16px;line-height:1.65}
}
