/* medita.cepea.org — Turma XII (07/10/2026). Papel e tinta: mesmos tokens da plataforma do curso, AA nos dois temas (conferido por contraste.py). Mobile-first. */
@font-face{font-family:'EBG';src:url('/assets/EBGaramond.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'EBG';src:url('/assets/EBGaramond-Italic.woff2') format('woff2');font-weight:400 800;font-style:italic;font-display:swap}
@font-face{font-family:'Jost';src:url('/assets/Jost.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;
  --fundo:#F7F4EC;--superficie:#FFFDF8;--texto:#17263C;--texto-secundario:#4B5663;--acento:#725B2E;--borda:#687487;
  --acao:#17263C;--sobre-acao:#FFFDF8;--foco:#725B2E;--faixa:#17263C;--sobre-faixa:#F5F0E5;--ok:#1F5A3F;--erro:#9A2F20;--filete:#D9CFB8;
  --titulo:'EBG',Georgia,serif;--corpo:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
  --raio:6px;--e0:4px;--e1:8px;--e2:12px;--e3:20px;--e4:32px;--e5:56px;--toque:48px;--ico:24px;
  --fs-0:1rem;--fs-1:1.125rem;--fs-2:1.25rem;--fs-3:1.5rem;--fs-4:1.75rem;--fs-5:2.25rem;--fs-6:3.25rem;--larg:1040px;--leitura:680px}
:root[data-theme="dark"]{color-scheme:dark;
  --fundo:#101A29;--superficie:#19263A;--texto:#F5F0E5;--texto-secundario:#C2CBD5;--acento:#D4B779;--borda:#8795A8;
  --acao:#D4B779;--sobre-acao:#101A29;--foco:#D4B779;--faixa:#D4B779;--sobre-faixa:#101A29;--ok:#8FD0A9;--erro:#FFB4A4;--filete:#2E3D55}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;
  --fundo:#101A29;--superficie:#19263A;--texto:#F5F0E5;--texto-secundario:#C2CBD5;--acento:#D4B779;--borda:#8795A8;
  --acao:#D4B779;--sobre-acao:#101A29;--foco:#D4B779;--faixa:#D4B779;--sobre-faixa:#101A29;--ok:#8FD0A9;--erro:#FFB4A4;--filete:#2E3D55}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--corpo);font-size:var(--fs-2);line-height:1.55;overflow-wrap:break-word}
a{color:var(--acento);text-underline-offset:var(--e0)}
:focus-visible{outline:var(--e0) solid var(--foco);outline-offset:var(--e0);border-radius:var(--e0)}
.pular{position:absolute;left:-100vw;top:0;background:var(--acao);color:var(--sobre-acao);padding:var(--e1) var(--e2);z-index:50}
.pular:focus{left:var(--e2);top:var(--e2)}
svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.miolo{max-width:var(--larg);margin:0 auto;padding:0 var(--e3)}
/* topo */
.topo{display:flex;align-items:center;justify-content:space-between;gap:var(--e2);max-width:var(--larg);margin:0 auto;padding:var(--e2) var(--e3)}
.marca{font-family:var(--titulo);font-size:var(--fs-2);font-weight:600;color:var(--texto);text-decoration:none;min-height:var(--toque);display:inline-flex;align-items:center}
.topo nav{display:flex;gap:var(--e1);align-items:center}
.topo nav a.ancora{display:none}
button.tema{min-height:var(--toque);padding:0 var(--e2);font:inherit;font-size:var(--fs-0);font-weight:600;color:var(--texto);background:none;border:0;text-decoration:underline;text-underline-offset:var(--e0);cursor:pointer;border-radius:var(--raio)}
/* abertura */
.abertura{max-width:var(--larg);margin:0 auto;padding:0 var(--e3) var(--e4);display:grid;gap:var(--e3)}
.abertura figure{margin:0;border-radius:var(--raio);overflow:hidden;border:1px solid var(--filete)}
.abertura img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:78% 40%}
.selo{text-transform:uppercase;display:inline-block;font-size:var(--fs-0);font-weight:600;letter-spacing:.06em;color:var(--acento);margin:0 0 var(--e1)}
h1{font-family:var(--titulo);font-weight:500;font-size:var(--fs-5);line-height:1.1;margin:0 0 var(--e2)}
h1 em{font-style:italic;color:var(--acento)}
h2{font-family:var(--titulo);font-weight:500;font-size:var(--fs-4);line-height:1.2;margin:0 0 var(--e2)}
h3{font-family:var(--titulo);font-weight:600;font-size:var(--fs-3);margin:0 0 var(--e1)}
.sub{font-size:var(--fs-2);color:var(--texto-secundario);margin:0 0 var(--e3);max-width:var(--leitura)}
.fatos{display:grid;grid-template-columns:1fr 1fr;gap:var(--e2);margin:0 0 var(--e3);padding:0;list-style:none}
.fatos li{border-top:1px solid var(--filete);padding-top:var(--e1)}
.fatos b{text-transform:uppercase;display:block;font-size:var(--fs-0);font-weight:600;letter-spacing:.06em;color:var(--acento)}
.fatos span{font-family:var(--titulo);font-size:var(--fs-3);font-weight:500}
.acao{display:inline-flex;align-items:center;justify-content:center;gap:var(--e1);min-height:var(--toque);padding:0 var(--e3);font-family:var(--corpo);font-size:var(--fs-1);font-weight:600;border:2px solid var(--acao);background:var(--acao);color:var(--sobre-acao);border-radius:var(--raio);text-decoration:none;cursor:pointer;max-width:100%}
.acao svg{width:var(--ico);height:var(--ico)}
/* seções */
section.bloco{padding:var(--e5) 0 0}
.leitura{max-width:var(--leitura)}
.leitura p{margin:0 0 var(--e2)}
.faixa{background:var(--faixa);color:var(--sobre-faixa);border-radius:var(--raio);padding:var(--e3);margin:var(--e4) 0 0}
.faixa p{margin:0;font-family:var(--titulo);font-size:var(--fs-3);line-height:1.3}
.evid{margin:var(--e3) 0 0;padding:0;list-style:none;display:grid;gap:var(--e1)}
.evid li{display:flex;gap:var(--e2);align-items:flex-start;border-top:1px solid var(--filete);padding-top:var(--e1)}
.evid svg{width:var(--ico);height:var(--ico);color:var(--acento);margin-top:var(--e0)}
.fonte{font-size:var(--fs-0);color:var(--texto-secundario)}
.fases{display:grid;gap:var(--e3);margin:var(--e3) 0 0}
.fase{border-top:2px solid var(--acento);padding-top:var(--e2)}
.fase .quando{font-size:var(--fs-0);font-weight:600;letter-spacing:.06em;color:var(--acento)}
.fase ul{margin:var(--e1) 0 0;padding-left:var(--e3);color:var(--texto-secundario)}
.semanas{margin:var(--e3) 0 0;padding:0;list-style:none;counter-reset:s}
.semanas li{counter-increment:s;display:grid;grid-template-columns:var(--toque) 1fr;gap:var(--e2);padding:var(--e1) 0;border-top:1px solid var(--filete)}
.semanas li::before{content:counter(s,decimal-leading-zero);font-family:var(--titulo);color:var(--acento);font-size:var(--fs-3)}
.dif{display:grid;gap:var(--e3);margin:var(--e3) 0 0}
.dif>div{display:flex;gap:var(--e2);align-items:flex-start}
.dif>div>div{flex:1;min-width:0}
.dif svg{width:var(--ico);height:var(--ico);color:var(--acento);margin-top:var(--e0)}
.dif p{margin:0;color:var(--texto-secundario)}
/* formulário */
.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:var(--e3);margin:var(--e3) 0 0;max-width:var(--leitura)}
label{display:block;font-size:var(--fs-1);font-weight:600;margin:var(--e3) 0 var(--e0)}
label small{font-weight:400;font-size:var(--fs-0);color:var(--texto-secundario)}
input:not([type=checkbox]),select,textarea{width:100%;min-height:var(--toque);font-family:var(--corpo);font-size:var(--fs-2);padding:var(--e1) var(--e2);border:2px solid var(--borda);background:var(--fundo);color:var(--texto);border-radius:var(--raio)}
::placeholder{color:var(--texto-secundario);opacity:1}
textarea{min-height:calc(var(--toque) * 2.5)}
.lgpd{display:flex;gap:var(--e2);align-items:flex-start;font-weight:400;font-size:var(--fs-0);margin-top:var(--e3)}
.lgpd input{width:var(--ico);height:var(--ico);min-height:0;margin-top:var(--e0);accent-color:var(--acao)}
.cartao button.acao{width:100%;margin-top:var(--e3)}
.status{font-size:var(--fs-1);font-weight:500;margin:var(--e2) 0 0;min-height:var(--e4)}
.status.ok{color:var(--ok)}.status.erro{color:var(--erro)}
/* rodapé */
footer{margin-top:var(--e5);border-top:1px solid var(--filete);padding:var(--e4) 0}
footer .miolo{display:grid;gap:var(--e3);font-size:var(--fs-0);color:var(--texto-secundario)}
footer b{color:var(--texto);font-family:var(--titulo);font-size:var(--fs-2)}
footer p{margin:0}
@media (min-width:860px){
  .topo nav a.ancora{display:inline-flex;align-items:center;min-height:var(--toque);padding:0 var(--e2);font-weight:500;color:var(--texto);text-decoration:none}
  .abertura{grid-template-columns:1.05fr 1fr;align-items:center;gap:var(--e4);padding-bottom:var(--e5)}
  .abertura img{aspect-ratio:4/5}
  h1{font-size:var(--fs-6)}
  .fases{grid-template-columns:repeat(4,1fr)}
  .dif{grid-template-columns:1fr 1fr 1fr}
  footer .miolo{grid-template-columns:2fr 1fr 1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.espaco{margin-top:var(--e4)}
footer .largo{grid-column:1/-1}
.lgpd input{min-width:var(--ico)}
.mail{display:inline-flex;align-items:center;min-height:var(--toque)}
.fase .quando{text-transform:uppercase}
