:root{--navy:#21254a;--lav:#b7b0d8;--aqua:#b2dee8}
*{box-sizing:border-box;margin:0}
body{font-family:"area-normal","Segoe UI",system-ui,sans-serif;color:var(--navy);line-height:1.65;background:linear-gradient(var(--lav),var(--aqua)) fixed;min-height:100vh;display:flex;flex-direction:column}
header{padding:.8rem 4vw;background:rgba(207,236,240,.9)}
header img{height:38px}
main{flex:1;padding:3rem 5vw}
article{max-width:820px;margin:auto;background:#fff;border-radius:28px;padding:clamp(1.5rem,4vw,3rem)}
h1{font-family:"area-normal-light","area-normal",sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.2em;font-size:clamp(1.3rem,3vw,1.9rem);margin-bottom:.4rem}
.upd{font-size:.85rem;opacity:.75;margin-bottom:2rem}
h2{font-size:1.15rem;margin:2rem 0 .6rem}
p{margin-bottom:.8rem}ul{margin:0 0 1rem 1.2rem}
a{color:inherit}
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:1rem}
th,td{border:1px solid rgba(33,37,74,.25);padding:.5rem .6rem;text-align:left;vertical-align:top}
mark{background:#ffe9a8;padding:0 .2em;border-radius:4px}
.back{display:inline-block;margin-top:2rem}
footer{background:var(--navy);color:#fff;padding:1.5rem 5vw;display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between;font-size:.9rem}
footer a{color:#fff}