* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: #fcfcfa;
  color: #16181d;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.65;
}
main { width: min(760px, 90vw); margin: 0 auto; padding: 56px 0 72px; }
.back { color: #33475e; text-decoration: none; font-size: 0.92rem; }
h1 { margin-top: 28px; font-size: clamp(2rem, 5vw, 2.8rem); line-height: 1.08; letter-spacing: -0.025em; }
h2 { margin-top: 36px; font-size: 1.12rem; letter-spacing: -0.01em; }
p, ol { margin-top: 12px; color: #4c5158; }
ol { padding-left: 1.3em; }
li + li { margin-top: 8px; }
main a { color: #33475e; }
footer {
  width: min(1160px, 90vw);
  margin: 0 auto;
  padding: 22px 0 30px;
  border-top: 1px solid rgba(22, 24, 29, 0.1);
  font-size: 0.82rem;
  color: #83878e;
  display: flex;
  justify-content: space-between;
  gap: 12px 28px;
  flex-wrap: wrap;
}
footer nav { display: flex; gap: 22px; flex-wrap: wrap; }
footer a { color: #83878e; text-decoration: none; }