:root{
  --bg: #f5f1e8;
  --card: #ffffff;
  --accent: #2b6cb0;
  --text: #1d2329;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: 'Georgia', 'Cambria', 'Times New Roman', Times, serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:flex;
  flex-direction:column;
}
main{flex:1}
.container{
  max-width:720px;
  margin:1.25rem auto;
  background:var(--card);
  padding:1.25rem;
  border-radius:8px;
  box-shadow:0 6px 18px rgba(15,23,42,0.06);
}
h2{margin:.25rem 0 1rem 0}
.container p,
ol li{margin-bottom:1rem;line-height:1.7}
ol{padding-left:1.25rem}
.site-footer{
  text-align:center;
  padding:1rem;
  color:#475569;
  margin-top:2rem;
  border-top:1px solid #e2e8f0;
}
.footer-content{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}
.footer-content a{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;transition:opacity 0.2s}
.footer-content a:hover{opacity:0.8}
.updated{margin-top:0.5rem;color:#64748b;font-size:0.9rem}

/* Layout responsive */
@media (max-width:480px){
  .container{margin:0.75rem;padding:1rem;border-radius:6px}
  .footer-content{gap:0.5rem;font-size:0.9rem}
}