:root{--azul:#1F6FEB;--escuro:#0B1F3A;--cinza:#5b6675;--bg:#f7f9fc;--borda:#e3e9f2}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;color:#1f2a3a;background:var(--bg);line-height:1.65}
.topbar{background:linear-gradient(155deg,#0B1F3A,#13357a);color:#fff;padding:22px 0}
.wrap{width:100%;max-width:820px;margin:0 auto;padding:0 22px}
.topbar a{color:#cfe0f7;text-decoration:none;font-size:.92rem;display:inline-flex;align-items:center;gap:6px}
.topbar a:hover{color:#fff}
main{background:#fff;max-width:820px;margin:34px auto;padding:44px 40px;border-radius:16px;box-shadow:0 10px 30px rgba(20,40,80,.06)}
h1{font-size:1.9rem;color:var(--escuro);margin-bottom:6px}
.meta{color:var(--cinza);font-size:.9rem;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--borda)}
h2{font-size:1.2rem;color:var(--azul);margin:30px 0 10px}
p{margin-bottom:12px;color:#33405a}
ul{margin:0 0 14px 22px}
li{margin-bottom:7px;color:#33405a}
a.inl{color:var(--azul)}
.box{background:var(--bg);border:1px solid var(--borda);border-radius:12px;padding:18px 20px;margin:18px 0;font-size:.95rem}
.box b{color:var(--escuro)}
footer{text-align:center;padding:26px 20px;color:var(--cinza);font-size:.85rem}
footer a{color:var(--azul);text-decoration:none}
@media(max-width:600px){main{padding:30px 22px;margin:18px}h1{font-size:1.5rem}}