/* Layout: uma coluna de celular; perguntas uma por tela; resultado em blocos por necessidade, com caixas de "feito" */
:root{
  --bg:#F7F3F4; --card:#FFFFFF; --fg:#241A1F; --muted:#54464D; --line:#85767D; --line-soft:#E6DDE0;
  --accent:#8A3B5C; --accent-ink:#FFFFFF; --accent-soft:#F6E6EC; --accent-deep:#5A2039;
  --ok-bg:#E3F4E6; --ok-ink:#0F5A22; --warm:#FFF1D6; --warm-ink:#5C3A06; --alert:#FBE3E1; --alert-ink:#7A1F17; --focus:#B4570F;
  --font:'Atkinson Hyperlegible','Segoe UI',system-ui,-apple-system,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#181215; --card:#241B20; --fg:#F4ECEF; --muted:#CDBFC5; --line:#8F7F87; --line-soft:#38292F;
    --accent:#E3A3BE; --accent-ink:#2A0F1B; --accent-soft:#3A1F2B; --accent-deep:#F2CCDB;
    --ok-bg:#16301C; --ok-ink:#A8E3B5; --warm:#3A2D14; --warm-ink:#F5D9A6; --alert:#3D1D1A; --alert-ink:#F6C1BB; --focus:#F0A35C; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#181215; --card:#241B20; --fg:#F4ECEF; --muted:#CDBFC5; --line:#8F7F87; --line-soft:#38292F;
  --accent:#E3A3BE; --accent-ink:#2A0F1B; --accent-soft:#3A1F2B; --accent-deep:#F2CCDB;
  --ok-bg:#16301C; --ok-ink:#A8E3B5; --warm:#3A2D14; --warm-ink:#F5D9A6; --alert:#3D1D1A; --alert-ink:#F6C1BB; --focus:#F0A35C; color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{font-size:18px}
body{background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.5;
  padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px));padding-block:0}
.wrap{max-width:540px;margin:0 auto;padding-block:16px 40px;display:flex;flex-direction:column;gap:16px}
button,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
h1,h2,h3{margin:0;line-height:1.25;text-wrap:balance}
p{margin:0}
a{color:var(--accent)}
.teste{background:var(--warm);color:var(--warm-ink);border-radius:12px;padding:8px 12px;font-size:.8rem;font-weight:700;text-align:center}
.marca{display:flex;align-items:center;gap:10px;font-weight:700}
.marca .ico{width:36px;height:36px;border-radius:10px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center}
.card{background:var(--card);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px}
.lead{font-size:1.05rem;color:var(--muted)}
.h1{font-size:1.6rem}
.h2{font-size:1.4rem}
.btn{min-height:60px;border:none;border-radius:16px;background:var(--accent);color:var(--accent-ink);font-size:1.1rem;font-weight:700;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.link{min-height:48px;border:none;background:transparent;color:var(--accent);font-size:1rem;font-weight:700;width:100%}
.checks{display:flex;flex-direction:column;gap:8px;color:var(--muted)}
.checks div{display:flex;gap:10px;align-items:flex-start}
.checks svg{color:var(--accent);flex-shrink:0;margin-top:3px}
.prog{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:var(--muted)}
.bar{height:10px;border-radius:6px;background:var(--line-soft)}
.bar div{height:10px;border-radius:6px;background:var(--accent)}
.ajuda{color:var(--muted)}
.opts{display:flex;flex-direction:column;gap:12px}
.opt{min-height:62px;border:2px solid var(--line);border-radius:16px;background:var(--card);font-size:1.05rem;font-weight:700;text-align:left;padding:12px 16px;display:flex;align-items:center;gap:14px;width:100%}
.opt[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.box{width:28px;height:28px;flex-shrink:0;border-radius:8px;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--accent-ink)}
.opt[aria-pressed="true"] .box{background:var(--accent);border-color:var(--accent)}
.opt[aria-pressed="false"] .box svg{visibility:hidden}
.opt-txt{display:flex;flex-direction:column;gap:4px}
.opt-txt small{font-size:.9rem;font-weight:400;color:var(--muted);line-height:1.4}
.sel{min-height:62px;width:100%;border:2px solid var(--line);border-radius:16px;background:var(--card);color:var(--fg);font-size:1.1rem;font-weight:700;padding:12px 14px}
.sel-label{font-weight:700}
.reais{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem}
.inp{min-height:62px;flex:1;min-width:0;border:2px solid var(--line);border-radius:16px;background:var(--card);color:var(--fg);font-size:1.2rem;font-weight:700;padding:12px 14px}
.acolhe{background:var(--accent-soft);color:var(--accent-deep);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px}
.acolhe h2{font-size:1.35rem}
.feitos{font-weight:700;color:var(--accent-deep)}
.perigo{background:var(--alert);color:var(--alert-ink);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;border:2px solid var(--alert-ink)}
.perigo h2{font-size:1.25rem}
.perigo ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.perigo small{font-size:.88rem}
.etapa{display:flex;flex-direction:column;gap:10px}
.etapa-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 4px 0}
.etapa-top h3{font-size:1.25rem}
.etapa-top span{font-size:.9rem;color:var(--muted);flex-shrink:0}
.passo{background:var(--card);border-radius:18px;padding:16px;display:flex;gap:14px;align-items:flex-start;border:2px solid transparent}
.passo.feito{opacity:.72}
.passo.urgente{border-color:var(--alert-ink)}
.passo.nota{background:var(--accent-soft)}
.marcar{width:44px;height:44px;flex-shrink:0;border-radius:12px;border:2px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--accent-ink)}
.marcar[aria-pressed="true"]{background:var(--accent);border-color:var(--accent)}
.marcar[aria-pressed="false"] svg{visibility:hidden}
.passo-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.passo-txt b{font-size:1.05rem;line-height:1.3}
.passo.feito .passo-txt b{text-decoration:line-through}
.passo-txt p{color:var(--muted);font-size:.95rem}
.passo.nota .passo-txt p{color:var(--accent-deep)}
.chip{align-self:flex-start;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700}
.chip.urg{background:var(--alert);color:var(--alert-ink)}
.chip.dir{background:var(--accent-soft);color:var(--accent-deep)}
.chip.ate{background:var(--warm);color:var(--warm-ink)}
.cuidado{background:var(--warm);color:var(--warm-ink);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.cuidado h3{font-size:1.15rem}
.cuidado ul,.ajudas ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.ajudas{background:var(--card);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.ajudas h3{font-size:1.15rem}
.ajudas ul.lista-zap{list-style:none;padding-left:0}
.lista-zap span{display:inline-block;width:1.4em;font-weight:700;color:var(--accent)}
.fb-card h3{font-size:1.2rem}
.fb-botoes{display:flex;flex-direction:column;gap:10px}
.fb-btn{min-height:58px;border:2px solid var(--accent);border-radius:16px;background:var(--card);color:var(--accent-deep);font-size:1.05rem;font-weight:700;width:100%}
.fb-label{font-weight:700}
.fb-aviso{background:var(--warm);color:var(--warm-ink);border-radius:12px;padding:10px 12px;font-size:.92rem}
textarea{color:var(--fg);background:var(--card);border:2px solid var(--line);border-radius:14px;padding:12px;width:100%;resize:vertical}
.fb-conta{font-size:.85rem;color:var(--muted);text-align:right}
.renda-box{background:var(--card);border:2px solid var(--accent);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.renda-box h2{font-size:1.15rem}
.renda-h{font-size:1rem;margin-top:10px}
.renda-ul2{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px}
.renda-sub{font-weight:700;margin-top:6px}
.renda-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;color:var(--ok-ink)}
.renda-ul li{font-weight:700}
.renda-n{font-size:2rem;font-weight:700;color:var(--accent-deep);line-height:1.1}
.passo-txt p.crit{border-radius:10px;padding:10px 12px;font-size:.92rem;display:flex;flex-direction:column;gap:4px;background:var(--ok-bg);color:var(--ok-ink);border:1px solid var(--ok-ink)}
.passo-txt p.crit .crit-ok{font-weight:700;font-size:1rem}
.passo-txt p.crit-talvez{background:var(--warm);color:var(--warm-ink);border-color:var(--warm-ink)}
.rodape{font-size:.85rem;color:var(--muted);text-align:center}