:root{
  --navy:#011D5E; --blue:#0158FF; --ink:#14203F; --muted:#5A6478;
  --paper:#FFFFFF; --wash:#F4F6FB; --line:#DCE2EE;
  --display:"Rubik","Assistant",Arial,sans-serif; --body:"Assistant","Rubik",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.75 var(--body)}
.wrap{max-width:780px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.top{background:var(--navy)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:18px;max-width:1120px}
.brand{font:800 1.2rem var(--display);color:#fff;text-decoration:none}
.brand span{color:#7FA8FF;font-weight:500}
.top a.back{color:#C9D6F5;text-decoration:none;font-weight:600}
.top a.back:hover{color:#fff}
main{padding-block:48px 64px}
h1{font:800 clamp(1.8rem,3.4vw,2.4rem)/1.2 var(--display);color:var(--navy);margin:0 0 6px;text-wrap:balance}
.updated{color:var(--muted);font-size:.95rem;margin:0 0 28px}
.summary{background:var(--wash);border-radius:12px;padding:18px 22px;margin-bottom:32px}
.summary h2{margin-top:0}
h2{font:700 1.25rem/1.3 var(--display);color:var(--navy);margin:36px 0 8px}
p,li{margin:0 0 10px}
ul,ol{padding-inline-start:22px;margin:0 0 10px}
a{color:var(--blue)}
a:focus-visible{outline:3px solid #FFB800;outline-offset:3px}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:.95rem}
th,td{text-align:start;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--wash);color:var(--navy);font-weight:700}
.tablebox{overflow-x:auto}
footer{background:#EEF3FB;color:var(--muted);font-size:.9rem;text-align:center;border-top:1px solid var(--line)}
footer .wrap{padding-block:24px;display:flex;flex-direction:column;gap:6px;align-items:center}
footer nav{display:flex;gap:18px}
footer a{color:var(--navy)}