/* Folha das páginas de assunto (sono, dívidas, solidão, trabalho,
   relacionamento). Mesma paleta e mesmos balões da home; layout mais
   simples de propósito: quem chega aqui vem do Google, direto, e quer
   resposta — não uma segunda página inicial. */
  /* Mesma paleta e mesmos balões da home (site/index.html). Layout mais
     simples de propósito: quem chega aqui vem do Google, direto, e quer
     resposta — não uma segunda página inicial. */
  :root{
    --verde:#246B68; --salvia:#5A9177; --cinza:#BDB0AD; --rosa:#F0E4EE;
    --fundo:#F0E4EE; --tinta:#1B3A32; --apoio:#4F5E5C; --balao:#FFFFFF;
  }
  @media (prefers-color-scheme: dark){
    :root{ --fundo:#123B39; --tinta:#FFFFFF; --apoio:#C9D6D3; --balao:#194B48 }
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{
    margin:0; background:var(--fundo); color:var(--tinta);
    font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    font-size:18px; line-height:1.6; -webkit-font-smoothing:antialiased;
  }
  a{color:inherit; text-underline-offset:.18em}
  :focus-visible{outline:3px solid var(--salvia); outline-offset:4px; border-radius:6px}
  .topo{background:var(--verde); padding:22px 28px}
  .topo img{height:28px; width:auto; display:block}
  .wrap{max-width:720px; margin:0 auto; padding:56px 28px 0}
  h1{font-size:clamp(28px,5vw,42px); line-height:1.15; margin:0 0 18px; text-wrap:balance}
  h2{font-size:clamp(21px,3vw,27px); line-height:1.25; margin:52px 0 14px; text-wrap:balance}
  p{margin:0 0 18px}
  .lede{font-size:clamp(19px,2.4vw,22px); color:var(--apoio)}
  ul{margin:0 0 18px; padding-left:22px}
  li{margin-bottom:10px}

  /* Balões — iguais aos da home. */
  .falas{display:flex; flex-direction:column; gap:10px; margin:28px 0 8px}
  .dela,.need{padding:13px 18px; border-radius:22px; font-size:18px; line-height:1.42; margin:0}
  .dela{align-self:flex-end; max-width:86%; background:var(--rosa); color:var(--tinta); border:1.5px solid var(--cinza); border-bottom-right-radius:6px}
  .need{align-self:flex-start; max-width:90%; background:var(--verde); color:var(--rosa); border-bottom-left-radius:6px}
  .need + .need{border-top-left-radius:6px}
  @media (prefers-color-scheme: dark){ .dela{background:#1F5552; border-color:#2E6B67} }
  .exemplo{font-size:15px; color:var(--apoio); margin:0 0 18px}

  .cta{display:inline-block; background:var(--verde); color:var(--rosa); text-decoration:none;
       padding:15px 28px; border-radius:999px; font-weight:600; margin:8px 0 4px}
  .aviso{font-size:15px; color:var(--apoio); border-top:1px solid var(--cinza); padding-top:20px; margin-top:44px}
  footer{max-width:720px; margin:0 auto; padding:28px 28px 48px; font-size:15px; color:var(--apoio)}
  footer nav{display:flex; flex-wrap:wrap; gap:6px 24px}
  footer a{color:var(--tinta); text-decoration:none}
  footer a:hover{text-decoration:underline}

  footer p{margin:0 0 8px}
  footer .assuntos{flex-direction:column; gap:6px; margin-bottom:22px}