/* Shared site stylesheet — home palette (#17365d), max-width 900px */
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65;
  color:#222;
  max-width:900px;
  margin:0 auto;
  padding:16px 18px 48px;
  font-size:17px;
}
header{
  border-bottom:2px solid #17365d;
  padding-bottom:10px;
  margin-bottom:24px;
}
header h1{
  color:#17365d;
  font-size:1.75rem;
  line-height:1.25;
  margin:0 0 6px;
}
header > p{margin:0 0 10px;color:#444}
nav{
  border-bottom:2px solid #17365d;
  padding-bottom:10px;
  margin-bottom:24px;
  font-size:17px;
}
header nav{
  border-bottom:none;
  padding-bottom:0;
  margin-bottom:0;
}
nav a{
  color:#17365d;
  text-decoration:none;
  margin-right:18px;
  font-weight:600;
}
nav a:hover{text-decoration:underline}
nav a[aria-current="page"]{text-decoration:underline}
.hero{
  background:#eef3f8;
  border-left:6px solid #17365d;
  padding:20px 22px;
  margin:0 0 28px;
}
.hero h1{
  color:#17365d;
  font-size:32px;
  line-height:1.25;
  margin:0 0 10px;
}
h1{color:#17365d;font-size:1.75rem;line-height:1.25}
h2{
  color:#17365d;
  font-size:1.35rem;
  border-bottom:1px solid #ccd6e0;
  padding-bottom:6px;
  margin-top:36px;
}
h3{color:#17365d;font-size:1.12rem;margin-top:22px}
.card{
  border:1px solid #ccd6e0;
  border-radius:8px;
  padding:16px 18px;
  margin:14px 0;
}
.formula{
  background:#f7f7f7;
  border-radius:8px;
  padding:14px 16px;
  margin:12px 0;
  overflow-x:auto;
  font-size:1.05rem;
}
figure{margin:24px 0}
figure img{
  max-width:100%;
  width:100%;
  height:auto;
  border:1px solid #ccd6e0;
  border-radius:8px;
}
figcaption{font-size:15px;color:#444;margin-top:8px}
.note{font-size:15px;color:#555;font-style:italic}
.scope{
  background:#f2f5f8;
  border-left:4px solid #17365d;
  padding:12px 14px;
  margin:14px 0;
  font-size:16px;
}
a{color:#1a5f8a}
main{margin-top:1.2em}
li{margin-bottom:0.6em}
footer{
  border-top:1px solid #ccd6e0;
  margin-top:40px;
  padding-top:14px;
  font-size:15px;
  color:#555;
}
@media (max-width:600px){
  body{padding:12px 14px 36px}
  .hero h1{font-size:27px}
  h1{font-size:1.45rem}
  nav{font-size:16px}
  nav a{display:inline-block;margin:6px 12px 6px 0}
}