:root{
      --page-max: 980px;
      --text: #111;
      --muted: #444;
      --bg: #fff;
      --accent: #b00020; /* strong red for the strikeout */
    }

    *{ box-sizing: border-box; }

    body{
      margin: 0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
      color: var(--text);
      background: var(--bg);
    }

    .wrap{
      max-width: var(--page-max);
      margin: 0 auto;
      padding: 32px 18px 56px;
      text-align: center;
    }

h1 {
	margin: 8px 0 14px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: clamp(32px, 5vw, 54px);
	line-height: 1.05;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.nav {
	display: flex;
	justify-content: center;  /* ← this centers it */
	gap: 20px;                 /* spacing between items */
	margin-bottom: 30px;

	width: 90%;              /* ← controls line length */
	margin: 0 auto 30px;     /* ← centers it horizontally */

	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

	padding: 10px 0;         /* space between text and lines */
}

.nav a {
	text-decoration: none;     /* remove underline */
	color: #222;               /* darker text */
	padding: 6px 10px;         /* clickable area */
	border-radius: 6px;
}

.nav a:hover {
	background-color: #f0f0f0; /* subtle hover */
}