body {
  margin: 0;
  background: #f4f6f9;
  color: #1b2230;
  font: 15px/1.75 "Pretendard Variable", Pretendard, -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;
}
main {
  max-width: 760px;
  margin: 32px auto;
  padding: 36px 40px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(20, 30, 50, 0.06);
}
h1 { margin: 16px 0 4px; font-size: 26px; }
h2 { margin: 28px 0 8px; font-size: 17px; }
.date { color: #6b7587; margin: 0 0 20px; }
a { color: #1f7aff; }
.home { text-decoration: none; font-size: 14px; }
ol, ul { padding-left: 22px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 8px 0; }
th, td { border: 1px solid #dde2ea; padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: #f4f6f9; }
.biz { list-style: none; padding: 0; }
@media (max-width: 640px) {
  main { margin: 0; border-radius: 0; padding: 24px 16px; }
  table { font-size: 12.5px; }
}
.cta { display: inline-block; background: #1f7aff; color: #fff !important; padding: 12px 20px; border-radius: 10px; text-decoration: none; font-weight: 600; margin: 8px 0; }
.cta:hover { background: #0f6af0; }
kbd { display: inline-block; padding: 1px 6px; border-radius: 5px; border: 1px solid #dde2ea; background: #f4f6f9; font-family: inherit; font-size: 13px; }
h3 { margin: 20px 0 4px; font-size: 15.5px; }
.foot { margin-top: 32px; color: #6b7587; font-size: 13px; }