/* =========================================================
   base.css – Grundregeln / Reset / Typografie
   ========================================================= */

:root{
  --spoe-red:#E30613;
  --spoe-red-dark:#b3050f;
  --text:#222;
  --muted:#666;
  --maxw:1100px;
  --pad:20px;
  --radius:14px;
}

*,
*::before,
*::after{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; }
html, body{ overflow-x:hidden; }

body{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background:#fff;
  color:var(--text);
  line-height:1.6;
}

img{ max-width:100%; height:auto; display:block; }

a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:underline; }

.site-container{
  width: min(var(--maxw), 92%);
  margin-left:auto;
  margin-right:auto;
}