:root{
  --text:#1f2937;
  --muted:#6b7280;
  --line:#e5e7eb;
  --bg:#ffffff;
  --panel:#f8fafc;
  --accent:#b42318;
  --max:900px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.65;
}
main{
  width:min(var(--max),calc(100% - 32px));
  margin:48px auto;
}
header{
  border-bottom:1px solid var(--line);
  margin-bottom:32px;
  padding-bottom:20px;
}
h1{font-size:2rem;line-height:1.2;margin:0 0 8px}
h2{font-size:1.3rem;margin-top:32px}
h3{font-size:1.05rem;margin-top:24px}
p,li{font-size:1rem}
ul{padding-left:22px}
.notice{
  background:var(--panel);
  border-left:4px solid var(--accent);
  padding:14px 16px;
  margin:20px 0;
}
.small{color:var(--muted);font-size:.92rem}
a{color:inherit}
footer{
  border-top:1px solid var(--line);
  margin-top:42px;
  padding-top:18px;
  color:var(--muted);
  font-size:.9rem;
}
@media(max-width:600px){
  main{margin:28px auto}
  h1{font-size:1.65rem}
}
.legal-links {
  margin-top: 12px;
  font-size: 14px;
  text-align: center;
}

.legal-links a {
  color: inherit;
  text-decoration: underline;
}

.legal-links a:hover {
  text-decoration: none;
}