/* Скрижаль · концепции светлого сайта — общая основа.
   Белый фон, чёрный текст. Два голоса:
     Geist Medium 15 px — интерфейс, факты, подписи (один кегль, как у gilhuybrecht.com);
     Times New Roman — Писание и названия книг (тот же, что в самих книгах).
   Сетка: 12 колонок, поле и межколонник 16 px. */

@font-face { font-family: "Geist Site"; font-weight: 500; font-display: block; src: url("fonts/Geist-Medium.woff2") format("woff2"); }
@font-face { font-family: "Geist Site"; font-weight: 600; font-display: block; src: url("fonts/Geist-SemiBold.woff2") format("woff2"); }

:root {
  --ink: #000;
  --muted: #9a9a9a;
  --m: 16px;
  --fs: 15px;
  --lh: 1.16;
  --line: calc(var(--fs) * var(--lh));
  --times: "Times New Roman", Times, serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { background: #fff; color: var(--ink); }
body {
  font-family: "Geist Site", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: var(--fs);
  line-height: var(--lh);
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}
ul { list-style: none; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a:hover, .u { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
b { font-weight: 600; }
h1, h2, h3 { font-weight: 400; }   /* заголовки Times — обычного начертания, без браузерного полужирного */
.muted { color: var(--muted); }
.t { font-family: var(--times); font-weight: 400; letter-spacing: -0.01em; }
.r { text-align: right; }

.g12 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--m); padding: 0 var(--m); }
.top { padding-top: var(--m); align-items: start; }
.wordmark { font-weight: 600; }