:root{color-scheme:light;--bg:#F3EFEB;--ink:#121212;--soft:#5A5450;--line:rgba(18,18,18,.09);--glass:rgba(255,255,255,.62);--gline:rgba(255,255,255,.95);--o:#FF6D08;--oi:#B34800;--grad:linear-gradient(135deg,#FFB878 0%,#FF7A1A 50%,#F05A00 100%);--img:url(/fundo-claro.jpg);--serif:'Marcellus',Georgia,serif;--sans:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#151312;--ink:#F4F1EE;--soft:#B8B0AB;--line:rgba(255,255,255,.1);--glass:rgba(34,30,27,.66);--gline:rgba(255,255,255,.1);--oi:#FF9A55;--img:url(/fundo-escuro.jpg)}}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;position:relative;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--img) center/cover no-repeat}
a{color:var(--oi);text-underline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;margin:0}
.wrap{max-width:860px;margin:0 auto;padding:0 18px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0}
.top img{height:30px;width:auto;display:block}
.lg-d{display:none!important}
@media (prefers-color-scheme:dark){.lg-l{display:none!important}.lg-d{display:block!important}}
.card{background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--gline);border-radius:30px;box-shadow:0 20px 60px rgba(150,90,40,.14);padding:clamp(22px,4vw,40px)}
.lab{font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--oi)}
.muted{color:var(--soft)}
.pill{display:inline-flex;align-items:center;gap:12px;background:#121212;color:#F7F4F1;border-radius:999px;padding:6px 6px 6px 22px;font-weight:600;font-size:15px;text-decoration:none;border:0}
.pill::after{content:"";width:34px;height:34px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/15px no-repeat,var(--grad)}
@media (prefers-color-scheme:dark){.pill{background:#F4F1EE;color:#121212}}
footer{padding:36px 0 48px;font-size:13px;color:var(--soft);display:flex;flex-wrap:wrap;gap:8px 18px}
:focus-visible{outline:2px solid var(--o);outline-offset:3px}
.doc h2{font-size:24px;margin:30px 0 8px}
.doc p,.doc li{max-width:68ch}
.doc ul{padding-left:20px}