:root{--fundo:#faf8f5;--texto:#1f1b24;--suave:#5c5566;--linha:#e6e0d8;--marca:#4b2a6b}
@media (prefers-color-scheme:dark){:root{--fundo:#141117;--texto:#efeaf3;--suave:#b3abbd;--linha:#2c2633;--marca:#c9a8ec}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 48px}
header{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--linha);padding-bottom:16px;margin-bottom:28px}
header .nome{font-weight:700;font-size:20px;color:var(--marca);text-decoration:none}
nav a{color:var(--suave);text-decoration:none;margin-left:16px}nav a:first-child{margin-left:0}
h1{font-size:30px;line-height:1.25;margin:0 0 12px}h2{font-size:20px;margin:32px 0 8px}
p,li{color:var(--texto)}.suave{color:var(--suave)}
.caixa{border:1px solid var(--linha);border-radius:10px;padding:16px 18px;margin:16px 0}
a{color:var(--marca)}
footer{border-top:1px solid var(--linha);margin-top:40px;padding-top:16px;font-size:14px;color:var(--suave)}