:root{
  --bg:#ffffff;
  --text:#111111;
  --muted:#555555;
  --rule:#e7e7e7;
  --link:#0b57d0;
  --link-hover:#063a8b;
  --max: 780px;
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--text); }
body{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size:16px;
  line-height:1.55;
}

.container{
  max-width: var(--max);
  margin: 0 auto;
  padding: 32px 18px 48px;
}

header{ margin-bottom:18px; }
.site-title{
  font-size:22px;
  line-height:1.2;
  margin:0 0 6px 0;
  letter-spacing:-0.01em;
}
.site-subtitle{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

.nav{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--rule);
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
}
.nav a{
  color:var(--link);
  text-decoration:none;
}
.nav a:hover{ color:var(--link-hover); text-decoration:underline; }

main{ margin-top:18px; }
h2{ font-size:18px; margin:26px 0 10px; }
h3{ font-size:16px; margin:22px 0 8px; }
p{ margin: 0 0 12px; }
ul,ol{ margin: 0 0 14px 22px; }
hr{ border:0; border-top:1px solid var(--rule); margin:22px 0; }

.footer{
  margin-top:34px;
  padding-top:12px;
  border-top:1px solid var(--rule);
  color:var(--muted);
  font-size:13px;
}