:root{
  --bg: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --accent: #0ea5a4;
  --max-width: 900px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color-scheme: light;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}

.container{
  width: calc(100% - 40px);
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 32px 0;
}

/* Header */
.site-header{
  border-bottom: 1px solid #eef2f7;
}
.header-inner{
  display:flex;
  align-items:center;
  gap:16px;
}
.brand{
  display:flex;
  gap:12px;
  align-items:center;
  text-decoration:none;
  color:inherit;
}
.logo{width:56px;height:56px}
.brand-text h1{margin:0;font-size:1.25rem}
.tag{margin:4px 0 0;color:var(--muted);font-size:0.9rem}

/* Main */
.main{padding-top:18px;padding-bottom:40px}
.lead{font-size:1rem;margin:0 0 16px;color:var(--text)}
.note{margin:0 0 18px;color:var(--muted)}
.activities{margin:0 0 20px; padding-left:20px}
.activities li{margin-bottom:8px}
.contact a{color:var(--accent);text-decoration:none;font-weight:600}

/* Footer */
.site-footer{border-top:1px solid #f1f5f9;padding:18px 0;color:var(--muted)}
.footer-inner{display:flex;justify-content:center;align-items:center}

/* Accessibility helpers */
.sr-only{
  position:absolute !important;
  height:1px;width:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px);white-space:nowrap;
}
@media (max-width:600px){
  .header-inner{gap:10px}
  .logo{width:48px;height:48px}
  .brand-text h1{font-size:1.05rem}
}