@font-face{font-family:Inter;src:url(../fonts/inter.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:Fraunces;src:url(../fonts/fraunces.woff2) format("woff2");font-weight:500 700;font-display:swap}
:root{--bg:#F4F1E6;--card:#FFFDF8;--tx:#14211D;--mut:#56645D;--ln:#E4DCCB;--pri:#0F3F45;--sol:#E6B84F;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-tema=claro]){--bg:#0B1F22;--card:#122E33;--tx:#EAF2EF;--mut:#9DB3AD;--ln:#1F4148;--pri:#9FD3CF;color-scheme:dark}}
:root[data-tema=escuro]{--bg:#0B1F22;--card:#122E33;--tx:#EAF2EF;--mut:#9DB3AD;--ln:#1F4148;--pri:#9FD3CF;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Inter,-apple-system,sans-serif}
a{color:inherit}.wrap{width:min(1000px,calc(100% - 32px));margin-inline:auto}
.topo{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--ln);z-index:5}
.topo .wrap{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.marca{display:flex;gap:10px;align-items:center;font-weight:800;text-decoration:none;font-size:18px}
.tema{background:var(--card);color:var(--tx);border:1px solid var(--ln);border-radius:999px;width:40px;height:40px;font-size:18px;cursor:pointer}
.abas{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px}.abas a{white-space:nowrap;text-decoration:none;padding:6px 14px;border-radius:999px;border:1px solid var(--ln);font-size:14px}
.abas a[aria-current]{background:var(--pri);color:var(--bg);border-color:var(--pri)}
.hero{padding:32px 0 8px}.cid{color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;margin:0}
h1{font-family:Fraunces,Georgia,serif;font-size:clamp(32px,8vw,52px);line-height:1.1;margin:.2em 0;color:var(--pri)}h2{font-size:18px;margin:28px 0 10px}
.cards{list-style:none;padding:0;margin:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cards li{background:var(--card);border:1px solid var(--ln);border-radius:16px}.cards li>*,.cards li{display:block}
.cards a,.cards li:not(:has(a)){padding:14px 16px;text-decoration:none}.cards strong{display:block}.cards span{color:var(--mut);font-size:15px}
mark.conf{background:#F7E3A8;color:#5A3D00;border-radius:4px;padding:0 4px}
footer{color:var(--mut);font-size:14px;padding:32px 0;border-top:1px solid var(--ln);margin-top:40px}