:root{
  --red:#E23E24; --ink:#101418; --ink-2:#3D454D; --ink-3:#6B747C;
  --bg:#FFFFFF; --bg-alt:#F5F6F7; --line:#E3E6E8;
  --font-h:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-b:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0; background:var(--bg-alt); color:var(--ink);
  font-family:var(--font-b); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.top{
  background:var(--bg); border-bottom:1px solid var(--line);
}
.top .in{
  max-width:760px; margin:0 auto; padding:14px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
}
.brand{font-family:var(--font-h); font-weight:800; font-size:19px; letter-spacing:-.03em; text-decoration:none; color:var(--ink);}
.brand i{font-style:normal; color:var(--red);}
.top nav{display:flex; gap:16px; flex-wrap:wrap;}
.top nav a{font-size:13.5px; color:var(--ink-2); text-decoration:none;}
.top nav a:hover{color:var(--red);}

main{max-width:760px; margin:0 auto; padding:30px 20px 56px;}
.card{background:var(--bg); border-radius:14px; padding:30px 28px; box-shadow:0 1px 2px rgba(16,20,24,.05), 0 10px 28px -16px rgba(16,20,24,.18);}
h1{font-family:var(--font-h); font-weight:700; font-size:26px; line-height:1.2; letter-spacing:-.02em; margin:0 0 6px;}
.updated{font-size:13px; color:var(--ink-3); margin:0 0 24px;}
h2{font-family:var(--font-h); font-weight:700; font-size:17px; margin:26px 0 8px;}
p{margin:0 0 12px; color:var(--ink-2);}
ul{margin:0 0 12px; padding-left:20px; color:var(--ink-2);}
li{margin-bottom:6px;}
a{color:var(--red);}
table{width:100%; border-collapse:collapse; font-size:14.5px; margin:0 0 14px;}
th,td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top;}
th{font-size:12.5px; text-transform:uppercase; letter-spacing:.03em; color:var(--ink-3);}
.box{background:var(--bg-alt); border:1px solid var(--line); border-radius:10px; padding:14px 16px; margin:0 0 14px;}
footer{max-width:760px; margin:0 auto; padding:0 20px 44px; font-size:12.5px; color:var(--ink-3); text-align:center;}
footer a{color:var(--ink-3);}
@media (max-width:520px){
  .card{padding:22px 18px;}
  h1{font-size:22px;}
}