:root{
  color-scheme:light;
  --bg:#f5f7fa;
  --card:#ffffff;
  --text:#1f2937;
  --muted:#667085;
  --line:#d9e0e8;
  --accent:#2f6f9f;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Arial,Helvetica,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
}
main{
  max-width:780px;
  margin:48px auto;
  padding:36px 40px;
  background:var(--card);
  border-top:5px solid var(--accent);
  box-shadow:0 1px 8px rgba(16,24,40,.08);
}
h1,h2{line-height:1.25}
h1{font-size:2rem;margin-top:0}
h2{font-size:1.2rem;margin-top:2rem}
p,li{font-size:1rem}
.kicker{
  color:var(--muted);
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:.4rem;
}
.note{
  border-left:3px solid var(--line);
  padding-left:1rem;
  color:var(--muted);
}
nav,footer{
  margin-top:2rem;
  padding-top:1rem;
  border-top:1px solid var(--line);
}
a{color:#245f8f}
small{color:var(--muted)}
@media(max-width:700px){
  main{margin:0;padding:28px 22px;box-shadow:none}
}