:root {
  --link: #0645ad;
  --muted: #777;
  --mono: Consolas, "Courier New", monospace;
  --col: 760px;
}

body {
  background: #fff;
  color: #111;
  font: 13px/1.5 Verdana, Tahoma, "맑은 고딕", "Malgun Gothic", sans-serif;
  margin: 0;
  padding: 16px 18px 60px;
}
a { color: #0645ad; text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #d00; text-decoration: underline; }
.link-button { appearance: none; border: 0; background: none; padding: 0; color: #0645ad; font: inherit; cursor: pointer; }
.link-button:hover { color: #d00; text-decoration: underline; }

#head { border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-bottom: 10px; }
#head h1, #head .site-title { font-size: 17px; font-weight: bold; margin: 0 0 2px; letter-spacing: -0.3px; }
#head p { margin: 0; font-size: 11px; color: #777; }
#head .site-title { font-size: 17px; color: #111; }
#head .nav a { margin: 0 1px; }

#foot { margin-top: 14px; font-size: 11px; color: #999; }
.hide, [hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #0645ad; outline-offset: 1px; }