:root{color-scheme:light dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;background:#f7f8fa;color:#17202a}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
.wrap{width:min(100% - 2rem,760px);margin-inline:auto}
header{padding-block:1.4rem .8rem;border-bottom:1px solid #bac4cf}
.brand{font-size:1.15rem;font-weight:750;margin:0 0 .7rem;color:#153c50}
.brand span{font-weight:400}
nav{display:flex;flex-wrap:wrap;gap:.35rem .9rem;align-items:center;margin:.55rem 0}
a{color:#075473;text-decoration-thickness:.08em;text-underline-offset:.16em}
a:hover{text-decoration-thickness:.14em}
a:focus-visible{outline:3px solid #b86d14;outline-offset:3px;border-radius:2px}
nav a{display:inline-block;padding:.25rem 0}
nav a[aria-current="page"]{font-weight:750;color:#153c50;text-decoration:none}
.languages{font-size:.94rem}
main{padding-block:1.4rem 2.5rem}
h1{font-size:clamp(1.65rem,5vw,2.2rem);line-height:1.22;margin:.2rem 0 .5rem}
h2{font-size:1.2rem;line-height:1.35;margin:0 0 .5rem}
p{margin:.45rem 0 1rem}
.date{font-size:.91rem;color:#44515d}
.lead{font-size:1.06rem}
section{border-top:1px solid #d4dbe2;padding-top:1.2rem;margin-top:1.35rem}
ul{padding-left:1.35rem}
li{margin:.45rem 0}
.action{padding:1rem;border:1px solid #95a9b5;border-radius:.5rem;background:#eaf3f6}
footer{border-top:1px solid #bac4cf;padding-block:1.5rem 2.5rem;font-size:.9rem}
.skip{position:absolute;top:-5rem;left:1rem;background:#fff;padding:.5rem;z-index:2}
.skip:focus{top:.5rem}
@media(max-width:430px){.wrap{width:min(100% - 1.4rem,760px)}nav{gap:.18rem .7rem}}
@media(prefers-color-scheme:dark){:root{background:#101a24;color:#e9eff4}.brand,nav a[aria-current="page"]{color:#bde6ed}a{color:#8ed1e8}.date{color:#b1bec9}header,footer{border-color:#465461}section{border-color:#394956}.action{background:#193240;border-color:#658393}.skip{background:#101a24}}
