.nav-simple{display:flex;gap:24px;align-items:center}
.nav-simple a{text-decoration:none;color:var(--muted);font-size:.95rem}
.nav-simple a:hover{color:#fff}
.nav-simple a.btn{color:#fff}
.post{max-width:780px;padding:120px 20px 60px}
.crumbs{color:var(--muted);font-size:.85rem;margin-bottom:24px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:#fff}
.post h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:14px}
.post .meta{color:var(--muted);font-size:.9rem;margin-bottom:34px}
.post h2{font-size:1.7rem;margin:42px 0 14px;max-width:none}
.post h3{font-size:1.25rem;margin:28px 0 8px}
.post p,.post li{color:#d3d9ec;font-size:1.06rem;margin-bottom:14px}
.post ul,.post ol{padding-left:22px;margin-bottom:18px}
.post a{color:var(--c)}
.post strong{color:#fff}
.post .lead{font-size:1.2rem;color:#fff;margin-bottom:24px}
.post .callout{background:var(--card);border-left:4px solid var(--p);border-radius:12px;padding:16px 20px;margin:24px 0}
.post .callout p{margin:0}
.post table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.95rem}
.post th,.post td{border:1px solid #ffffff22;padding:10px 12px;text-align:left;vertical-align:top;color:#d3d9ec}
.post th{background:var(--card);color:#fff}
.post .banner{margin-top:50px}
.post .banner .btn{background:#fff;color:#4c1d95}
.related{margin-top:40px}
.related a{display:block;padding:12px 0;border-bottom:1px solid #ffffff14}
/* índice de notas */
.list{display:grid;gap:20px;margin-top:30px}
.note{display:block;background:var(--card);border:1px solid #ffffff14;border-radius:var(--r);padding:26px;text-decoration:none;transition:.2s}
.note:hover{border-color:var(--v);transform:translateY(-3px)}
.note h2{font-size:1.4rem;margin:6px 0 8px;color:#fff}
.note p{color:var(--muted);margin:0}
.note .tag{display:inline-block;font-size:.75rem;background:#ffffff22;padding:3px 10px;border-radius:999px;color:#fff}
@media(max-width:640px){.nav-simple a:not(.btn){display:none}.post table{font-size:.85rem}}