/* Identidade do Sono de Bolso nas páginas de conteúdo: mesmos tons do app e da página de vendas. */
:root { --brand-navy:#101B47; --brand-cobalt:#514BE5; --brand-cobalt-hover:#433DD1; --brand-ice:#ECECF8; --brand-pearl:#F8F7FB; --text-secondary:#414866; --border-soft:#E0E2EF }
body { background:var(--brand-pearl) }
/* Mestre das Emoções — páginas de conteúdo (Artigos e Metodologia).
   Usa os tokens, o cabeçalho e o rodapé de home.css; aqui fica só a leitura longa. */
.leitura { padding:clamp(28px,5vw,56px) max(24px,calc((100% - 760px)/2)) clamp(56px,8vw,96px) }
.trilha { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:22px; color:var(--text-secondary); font-size:13px; font-weight:700 }
.trilha a { color:var(--brand-cobalt) }
.leitura h1 { font-size:clamp(30px,4.6vw,46px); line-height:1.1; letter-spacing:-.04em; font-weight:800 }
.leitura .linha-fina { margin-top:16px; color:var(--text-secondary); font-size:clamp(17px,2vw,19px) }
.meta { display:flex; flex-wrap:wrap; gap:4px 16px; margin-top:18px; padding-bottom:22px; border-bottom:1px solid var(--border-soft); color:var(--text-secondary); font-size:13px; font-weight:700 }
.resposta-curta { margin:30px 0; padding:22px 24px; border:1px solid var(--border-soft); border-left:4px solid var(--brand-cobalt); border-radius:14px; background:white }
.resposta-curta h2 { margin:0 0 10px; font-size:15px; letter-spacing:.08em; text-transform:uppercase; color:var(--brand-cobalt) }
.leitura h2 { margin:40px 0 12px; font-size:clamp(22px,2.6vw,28px); line-height:1.2; letter-spacing:-.03em; font-weight:800 }
.leitura h3 { margin:26px 0 8px; font-size:19px; line-height:1.3; font-weight:800 }
.leitura p, .leitura li { font-size:17px; line-height:1.7 }
.leitura p + p { margin-top:14px }
.leitura ul, .leitura ol { margin:12px 0; padding-left:22px }
.leitura li + li { margin-top:8px }
.leitura a:not(.pill) { color:var(--brand-cobalt); text-decoration:underline; text-underline-offset:3px }
.ref { font-size:.78em; vertical-align:super; line-height:0; font-weight:800 }
.ref a { text-decoration:none !important }
.limite { margin-top:8px; color:var(--text-secondary); font-size:15px !important }
.produto-cta { margin:44px 0 0; padding:28px; border-radius:18px; background:var(--brand-navy); color:#f4f8ff }
.produto-cta h2 { margin-top:0; color:white }
.produto-cta p { color:#d6e4f7 }
.produto-cta .pill { margin-top:18px; background:white; color:var(--brand-navy) }
.produto-cta .pill:hover { background:var(--brand-ice) }
.aviso { margin-top:28px; padding:16px 18px; border-radius:12px; background:var(--brand-ice); font-size:15px !important }
.referencias { margin-top:48px; padding-top:22px; border-top:1px solid var(--border-soft) }
.referencias ol li { font-size:14px; line-height:1.55; color:var(--text-secondary) }
.lista-artigos { list-style:none; padding:0 !important; display:grid; gap:14px; margin-top:22px }
.lista-artigos li { margin:0 !important }
.lista-artigos a { display:block; padding:22px 24px; border:1px solid var(--border-soft); border-radius:16px; background:white; text-decoration:none !important; color:var(--brand-navy) !important }
.lista-artigos a:hover { border-color:var(--brand-cobalt) }
.lista-artigos strong { display:block; font-size:19px; line-height:1.3 }
.lista-artigos span.resumo { display:block; margin-top:6px; color:var(--text-secondary); font-size:15px; line-height:1.55 }
.em-breve { color:var(--text-secondary); font-size:15px !important }
.sumario { display:flex; flex-wrap:wrap; gap:8px; margin:26px 0 6px }
.sumario a { padding:8px 14px; border:1px solid var(--border-soft); border-radius:999px; background:white; font-size:14px; font-weight:700; text-decoration:none !important }
.sumario a:hover { border-color:var(--brand-cobalt) }
.leitura h2[id] { scroll-margin-top:24px }
.relacionados { margin-top:36px; padding:22px 24px; border:1px solid var(--border-soft); border-radius:16px; background:white }
.relacionados h2 { margin:0 0 8px; font-size:15px; letter-spacing:.08em; text-transform:uppercase; color:var(--brand-cobalt) }
.relacionados ul { list-style:none; padding:0 !important; margin:0 }
.relacionados li { font-size:16px; font-weight:700 }

.meta a { color:var(--brand-cobalt) }
.sobre { margin-top:36px; padding:20px 22px; border:1px solid var(--border-soft); border-radius:14px; background:white }
.sobre h2 { margin:0 0 8px; font-size:15px !important; letter-spacing:.08em; text-transform:uppercase; color:var(--brand-cobalt) }
.sobre p { font-size:15px !important; line-height:1.6; color:var(--text-secondary) }
.pendente { padding:1px 6px; border-radius:6px; background:#FFF1C9; color:#6B4A00; font-weight:700 }
.draft-banner { margin:0 0 22px; padding:12px 16px; border:1px solid #F2D7A6; border-radius:12px; background:#FFF6E5; color:#6B4A00; font-size:14px !important; font-weight:700 }
.leitura a { overflow-wrap:anywhere }