*,*::before,*::after{box-sizing:border-box}
:root{
  --paper:#FFFFFF;
  --ink:#14151B;
  --muted:#676A78;
  --line:#E6E7EE;
  --yellow:#FFD807;
  --display:"Unbounded", "Arial Black", system-ui, sans-serif;
  --body:"Manrope", "Segoe UI", system-ui, sans-serif;
  color-scheme:light;
}
html{background:var(--paper)}
body{margin:0;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}
main{max-width:720px;margin:0 auto;padding:32px 20px 64px;display:flex;flex-direction:column;gap:28px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{font-family:var(--display);font-weight:900;font-size:20px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.back{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-weight:800;font-size:14px;color:var(--ink);text-decoration:none}
.back:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
h1{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(28px,6vw,40px);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
.upd{margin:8px 0 0;color:var(--muted);font-size:14px}
section{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:2px solid var(--line)}
h2{margin:0;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.01em}
p,li{margin:0;text-wrap:pretty}
ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
a{color:var(--ink);text-underline-offset:3px}
dl{margin:0;display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 16px}
dt{font-weight:800}
dd{margin:0}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
th{font-weight:800}
.foot{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted)}
.foot a{color:var(--muted)}
@media (max-width:480px){dl{grid-template-columns:1fr}dt{margin-top:6px}}
