:root {
      --site-font-serif:
        "Hiragino Mincho ProN",
        "Yu Mincho",
        "YuMincho",
        "Noto Serif JP",
        Georgia,
        serif;
      --site-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
      box-sizing: border-box;
    }

    html,
    body {
      margin: 0;
      min-height: 100%;
    }

    body {
      font-family: var(--site-font-serif);
    }

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

    .page {
      min-height: 100vh;
    }

    .site-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .brand {
      font-family: ui-rounded, "Segoe Print", "Comic Sans MS", cursive;
      font-size: clamp(20px, 2vw, 30px);
      letter-spacing: 0.03em;
      line-height: 1;
    }

    .nav {
      display: flex;
      align-items: center;
      font-family: var(--site-font-ui);
      font-size: clamp(12px, 1vw, 15px);
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .nav a {
      padding: 8px 0;
    }