/* --- Colors --- */
    :root {
      --bg: #f0d7af;        /* sand */
      --ink: #000000;       /* black text */
      --nav-bg: #000000;    /* black */
      --nav-fg: #f0d7af;    /* sand text on nav */
      --accent: #ea0a0f;    /* red links */
      --border: rgba(0,0,0,0.8);
      --maxw: 640px;        /* optimal for older devices with smaller displays */
      --radius: 6px;
    }

/* --- Resets --- */
    html, body { height: 100%; }
    html { box-sizing: border-box; }
    *, *::before, *::after { box-sizing: inherit; }

    body {
      margin: 0;
      background: var(--bg);
      color: var(--ink);
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
      line-height: 1.5;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    a { color: var(--accent); text-decoration: none; font-weight: 700; }
    a:hover, a:focus-visible { text-decoration: underline; }
    :focus-visible { outline: 2px dashed var(--ink); outline-offset: 2px; }

    .site { max-width: var(--maxw); margin-inline: auto; padding: 1rem; }

/* --- Top nav --- */
    .nav {
      position: sticky; top: 0; z-index: 10;
      background: var(--nav-bg); color: var(--nav-fg);
      border-bottom: 1px solid var(--border);
    }
    .nav__inner { max-width: var(--maxw); margin: 0 auto; display: flex; gap: .75rem; justify-content: center; padding: .6rem 1rem; }
    .nav a { color: var(--nav-fg); font-weight: 700; }
    .nav .dot { opacity: .6; }

/* --- Pixel-art images --- */
    .pixelated {
      image-rendering: pixelated;
      image-rendering: crisp-edges;
    }
    .media-grid {
      display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem; align-items: start;
    }
    .card-img { min-height: 126px; max-width:100%; display: block; border: 0px solid var(--border); border-radius: var(--radius); background: #fff0; }

/* --- Section blocks --- */
    section { margin-top: 1.25rem; }
    .section-title {
      display: block; width: 100%; background: #000; color: var(--nav-fg);
      border: 1px solid var(--border); border-bottom: none; border-radius: var(--radius) var(--radius) 0 0;
      padding: .6rem .75rem; font-weight: 700; letter-spacing: .2px; text-align: left;
    }
	h3 {margin:0px;}
    .panel {
      border: 1px solid var(--border);
      border-radius: 0 0 var(--radius) var(--radius);
      overflow: clip;
    }
	
	.center { text-align: center; }
	.center img { margin-inline: auto; display: block; }

/* Clean two-column layout */
    .list {
      display: grid; grid-template-columns: 130px 1fr;
      gap: .35rem .75rem; padding: .75rem; margin: 0; align-items: start;
    }
    .list dt { font-weight: 800; }
    .list dd { margin: 0; }

    .center { text-align: center; }

    hr { border: none; border-top: 1px solid var(--border); margin: 1.25rem 0; }
    footer { text-align: center; font-size: .9rem; opacity: .9; }

/* --- Responsive tweaks --- */
    @media (max-width: 520px; ) {
      .list { grid-template-columns: 1fr; }
      .nav__inner { flex-wrap: wrap; row-gap: .25rem; }
      .media-grid { grid-template-columns: 1fr; }
    }