/* Base / reset-ish */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #222;
  background: #fff;
  line-height: 1.6;
}

/* Layout */
.container { max-width: 960px; margin: 0 auto; padding: 2rem 1.25rem; }

/* Header */
.site-header { background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.05); }
.site-header .container { padding-top: 1.5rem; padding-bottom: 1rem; text-align: center; }
.site-logo { max-width: 160px; height: auto; display: block; margin: 0 auto 1rem; }
.site-title { font-size: 2rem; margin: 0 0 .25rem; }
.site-subtitle { color: #555; font-size: 1rem; margin: 0; }

/* Main */
.center { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 40vh; }
h1, h2, h3 { line-height: 1.25; margin: 1.5rem 0 .75rem; }
h1 { margin-top: 0; }
p { margin: .75rem 0; }
ul { margin: .75rem 0 .75rem 1.25rem; }

/* Links */
a { color: #0b57d0; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Footer */
.site-footer { background: #f1f1f1; color: #666; font-size: .9rem; }
.site-footer .container { padding: 1rem 1.25rem; text-align: center; }
.site-footer a { color: inherit; }

/* Responsive tweaks */
@media (max-width: 600px) {
  .site-title { font-size: 1.6rem; }
}