/* need — páginas legais publicadas (medical · terms · privacy) e a inicial.
   Paleta do manual (logo_nova/paleta_cores_need.pdf), claro por padrão.
   ⚠️ O sálvia não carrega texto (3,65 com branco): texto e link vão no verde
   profundo. Só dependência externa: Google Fonts. */
:root{
  --bg:#F0E4EE; --card:#FFFFFF; --text:#1B3A32; --muted:#4F5E5C;
  --accent:#246B68; --on-accent:#F0E4EE; --line:rgba(90,145,119,.35);
  --rule:rgba(27,58,50,.12); --crisis:#C62828;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#123B39; --card:#194B48; --text:#FFFFFF; --muted:#C9D6D3;
    --accent:#F0E4EE; --on-accent:#123B39; --line:rgba(90,145,119,.5);
    --rule:rgba(255,255,255,.12); --crisis:#FF8080;
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  line-height:1.7; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding:36px 22px 72px}
/* A faixa do topo: o mesmo campo verde da página inicial, com o logo
   levando de volta a ela. Link absoluto porque o app Flutter também serve
   estas páginas, em /legal/. */
.faixa{background:#246B68; color:#F0E4EE}
.faixa-in{max-width:760px; margin:0 auto; padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:16px}
.faixa .marca{display:block; line-height:0; border-radius:6px}
.faixa .marca img{height:30px; width:auto}
:focus-visible{outline:3px solid #5A9177; outline-offset:3px; border-radius:6px}
::selection{background:#246B68; color:#F0E4EE}
.langbar{display:flex; gap:8px; margin:18px 0 30px}
.langbar a{
  font-size:13px; text-decoration:none; color:var(--muted);
  border:1px solid var(--line); border-radius:999px; padding:5px 14px;
}
.langbar a.active{color:var(--on-accent); background:var(--accent); border-color:var(--accent); font-weight:600}
h1{font-weight:700; font-size:30px; line-height:1.25; margin:.2em 0 .1em}
.updated{color:var(--muted); font-size:13px; margin-bottom:26px}
h2{font-weight:700; font-size:20px; margin:36px 0 10px; color:var(--text)}
h3{font-size:15px; font-weight:700; color:var(--accent); margin:24px 0 6px; letter-spacing:.2px}
p,li{color:var(--text)}
strong{color:var(--text)}
a{color:var(--accent)}
.lead{color:var(--muted)}
table{width:100%; border-collapse:collapse; margin:14px 0; font-size:14px}
th,td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--rule); vertical-align:top}
th{color:var(--accent); font-weight:600}
.callout{
  background:var(--card); border:1px solid var(--line);
  border-radius:14px; padding:16px 18px; margin:22px 0;
}
.callout.crisis{border-color:var(--crisis); border-width:1.5px}
footer{margin-top:56px; padding-top:22px; border-top:1px solid var(--rule); color:var(--muted); font-size:14px; line-height:1.9}
footer nav{display:flex; flex-wrap:wrap; gap:0 20px}
footer nav a{color:var(--text); text-decoration:none}
footer nav a:hover{text-decoration:underline}
footer p{margin-top:8px}
@media (max-width:560px){ .faixa .marca img{height:26px} }
.lang-pt{display:none}
body.show-pt .lang-en{display:none}
body.show-pt .lang-pt{display:block}