:root{
      --bg:#0f172a;
      --bg-soft:#eeead6;
      --txt:#0b1220;
      --brand:#2563eb;
      --white:#e2e8f0;
      --radius:14px;
      --shadow:0 12px 30px rgba(2,6,23,.12);
    }

    *{box-sizing:border-box; margin:0; padding:0}
    html,body{height:100%; background:var(--bg-soft); color:var(--txt); font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height:1.6;}
    h1,h2,h3{font-family:'Libre Baskerville', Georgia, serif}

    .wrap{max-width:900px; margin:0 auto; padding:0 18px;}

    main {
      padding: 42px 18px;
      max-width:900px;
      margin: 80px auto 80px auto;
    }

    .post-header{text-align:center; margin-bottom:24px;}
    .post-header h1{font-size:30px; margin-bottom:8px;}

    article{font-size:17px; color:var(--txt); background:#fff; padding:28px; border-radius:12px; box-shadow:var(--shadow)}
    article p{margin-bottom:14px}
    article h2{margin-top:22px; margin-bottom:8px; color:#0f172a;}

    ul, ol { margin-left: 20px; margin-bottom: 12px; }

    .back{text-align:center; margin:28px 0;}
    .back a{background:var(--brand); color:var(--white); padding:10px 16px; border-radius:12px; text-decoration:none; font-weight:700}


     /* Botões de áudio */
    .btn-audio{
      margin:10px 5px 20px 5px;
      padding:12px 18px;
      border:none;
      background:var(--brand);
      color:white;
      border-radius:var(--radius);
      cursor:pointer;
      font-size:16px;
      font-weight:600;
      transition:background .3s;
    }
    .btn-audio:hover{background:#1e4fc5;}


    .whatsapp{
      position:fixed; right:18px; bottom:18px; width:56px; height:56px; border-radius:50%;
      background:#25d366; color:#fff; display:flex; align-items:center; justify-content:center;
      font-size:26px; text-decoration:none; box-shadow:0 8px 22px rgba(37,211,102,.4); z-index:1000;
    }
    .whatsapp img{width:28px; height:28px}

    footer{
      max-width:900px; margin:18px auto 28px auto; padding:18px; display:flex; align-items:center; justify-content:space-between; gap:12px;
      color:#333;
    }

    footer .logo{display:flex; align-items:center; gap:12px}
    footer .logo img{height:42px}
    footer p.small{font-size:13px; color:#555}

    @media (max-width:600px){
      .post-header h1{font-size:22px}
      article{padding:18px}
    }