:root{
  --bg:#ffffff; --bg-soft:#f7f5f4; --fg:#222; --muted:#5f5f5f; --line:#e3dfdd;
  --brand:#981A32; --brand-soft:#f6e8eb; --code-bg:#f3f1f0; --ok:#1e7a46; --new:#0b5cad;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--brand)}
header{background:var(--brand);color:#fff;padding:40px 16px 32px}
header .wrap{max-width:1040px;margin:0 auto}
header h1{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.2}
header p{margin:0;opacity:.92;max-width:760px}
main{max-width:1040px;margin:0 auto;padding:24px 16px 64px}
h2{color:var(--brand);font-size:1.45rem;margin:44px 0 8px;scroll-margin-top:16px}
h3{font-size:1.05rem;margin:22px 0 6px}
p{margin:8px 0}
.lead{color:var(--muted)}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}
code{background:var(--code-bg);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}
pre{background:var(--code-bg);padding:14px;border-radius:8px;overflow-x:auto;line-height:1.45;margin:10px 0}
pre code{background:none;padding:0}
.table-wrap{overflow-x:auto;margin:10px 0;border:1px solid var(--line);border-radius:8px}
table{border-collapse:collapse;width:100%;font-size:.93rem}
th,td{text-align:left;vertical-align:top;padding:8px 12px;border-bottom:1px solid var(--line)}
th{background:var(--bg-soft);font-weight:600;white-space:nowrap}
tr:last-child td{border-bottom:0}
td code{white-space:nowrap}
.feed{border:1px solid var(--line);border-radius:10px;padding:4px 20px 18px;margin:18px 0;background:var(--bg)}
.feed h2{margin-top:18px}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:.9rem;margin:4px 0 10px}
.url{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;color:inherit;text-decoration:none;background:var(--brand-soft);border-left:4px solid var(--brand);padding:8px 12px;border-radius:4px;margin:8px 0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem}
.badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:999px;vertical-align:middle;margin-left:6px}
.badge.static{background:var(--bg-soft);color:var(--muted);border:1px solid var(--line)}
.note{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:12px 0;font-size:.94rem}
ul{padding-left:22px}
li{margin:3px 0}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;padding:20px 16px;text-align:center}
.volver{display:inline-block;color:#fff;opacity:.9;text-decoration:none;font-size:.95rem;margin-bottom:10px}
.volver:hover{opacity:1;text-decoration:underline}
.indice{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:12px 0;padding:0;list-style:none}
.indice li{margin:0}
.indice a{display:block;height:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-decoration:none;color:var(--fg)}
.indice a:hover{border-color:var(--brand);background:var(--brand-soft)}
.indice strong{display:block;color:var(--brand)}
.indice span{font-size:.9rem;color:var(--muted)}
.pie-nav{margin-top:32px;font-size:.95rem}

.url:hover span:first-child{text-decoration:underline}
.url .bruto{font-family:inherit;font-size:.85rem;color:var(--brand);white-space:nowrap}