:root{--bg:#F7F3F7;--ink:#27142E;--muted:#6A5870;--line:#D3C7D6;--accent:#8A2C44;--brass:#8F6B1F;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#150E1A;--ink:#EDE3EC;--muted:#A797AC;--line:#3A2D42;--accent:#DE8197;--brass:#D4B061;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 "Spectral",Georgia,serif}
a{color:var(--accent)}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;max-width:760px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-left,0px)) 8px}
.brand{font-family:"IM Fell English SC",Georgia,serif;font-size:20px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:9px}
.brand .mark{width:24px;height:27px;flex:none;background:var(--brass,#8F6B1F);-webkit-mask:url(/img/marca/web-arco.png) center/contain no-repeat;mask:url(/img/marca/web-arco.png) center/contain no-repeat}
.back{font-size:15px;color:var(--muted);text-decoration:none}
main{max-width:760px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-left,0px)) 56px}
.kicker{font:12px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:24px 0 8px}
h1{font-family:"IM Fell English SC",Georgia,serif;font-weight:400;font-size:clamp(32px,6vw,46px);line-height:1.1;margin:0;text-wrap:balance}
.meta{color:var(--muted);font-style:italic;margin:10px 0 28px}
h2{font-family:"IM Fell English SC",Georgia,serif;font-weight:400;font-size:24px;margin:36px 0 8px;padding-top:20px;border-top:1px solid var(--line)}
ul{padding-left:20px}
li{margin:6px 0}
.pending span{background:color-mix(in srgb,var(--brass) 18%,transparent);padding:1px 6px;border-radius:3px}
footer{max-width:760px;margin:0 auto;padding:24px 16px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
