:root{--ink:#1d2a33;--mut:#55636d;--acc:#0e6674;--bg:#fff;--soft:#f3f6f7;--line:#d6dee2;--w:52rem}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--acc)}
header,main,footer{max-width:var(--w);margin:0 auto;padding:0 1rem}
header{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.logo{font-weight:700;text-decoration:none;color:var(--ink)}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}
nav a{text-decoration:none}
nav a[aria-current=page]{font-weight:700;text-decoration:underline}
main{padding-top:1rem;padding-bottom:2rem}
h1{font-size:1.75rem;line-height:1.25;margin:.75rem 0}
h2{font-size:1.3rem;margin-top:2rem}
h3{font-size:1.08rem;margin-top:1.4rem}
.ariane{font-size:.9rem;color:var(--mut)}
.ariane ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}
.ariane li+li::before{content:"›";margin-right:.25rem}
.maj{background:var(--soft);border-left:4px solid var(--acc);padding:.5rem .75rem;font-size:.95rem}
article a{overflow-wrap:anywhere}
.tabla{overflow-x:auto;margin:1rem 0;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;min-width:40rem;font-size:.92rem}
th,td{padding:.5rem .6rem;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
thead th{background:var(--soft)}
footer{border-top:1px solid var(--line);padding-top:1rem;padding-bottom:2rem;font-size:.9rem;color:var(--mut)}
footer ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.site-prive{background:#fff4d6;border:1px solid #e7c76b;padding:.4rem .75rem;font-size:.9rem;margin-top:.75rem}
@media (max-width:30rem){body{font-size:16px}h1{font-size:1.45rem}}