/* Один файл на весь сайт, без збірки. Сторінка має відкриватись миттєво й
   читатись без JavaScript: так її бачать і люди, і краулери, і AI. */
:root { color-scheme: light dark; --line: #d8d8d8; --dim: #666; }
* { box-sizing: border-box; }
body {
  max-width: 44rem; margin: 0 auto; padding: 1.5rem 1.25rem 4rem;
  font: 1.05rem/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
header { border-bottom: 1px solid var(--line); padding-bottom: .75rem; margin-bottom: 2rem; }
.brand { font-weight: 700; letter-spacing: .04em; text-decoration: none; }
.tagline { margin: .2rem 0 0; color: var(--dim); font-size: .9rem; }
h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 1rem; }
.summary { font-size: 1.15rem; margin: 0 0 1.75rem; }
.expired {
  border-left: 3px solid #c47f00; padding: .6rem .9rem; margin: 0 0 1.5rem;
  background: rgba(196, 127, 0, .08);
}
dl { margin: 0 0 2rem; }
dt { font-weight: 600; margin-top: 1.1rem; }
dd { margin: .25rem 0 0; }
.source { border-top: 1px solid var(--line); padding-top: 1rem; }
.source small { color: var(--dim); }
.channels { border: 1px solid var(--line); border-radius: .5rem; padding: 1rem 1.25rem; }
.channels p { margin: 0 0 .5rem; font-weight: 600; }
.channels ul { margin: 0; padding-left: 1.2rem; }
footer { margin-top: 3rem; border-top: 1px solid var(--line); padding-top: 1rem; color: var(--dim); font-size: .85rem; }
@media (prefers-color-scheme: dark) { :root { --line: #333; --dim: #999; } }

/* Переліки знахідок. */
.finds { list-style: none; margin: 0; padding: 0; }
.finds li { border-bottom: 1px solid var(--line); padding: 1.1rem 0; }
.finds li:last-child { border-bottom: 0; }
.finds a { font-size: 1.1rem; font-weight: 600; text-decoration: none; }
.finds a:hover { text-decoration: underline; }
.excerpt { margin: .35rem 0 0; color: var(--dim); font-size: .95rem; }
.meta {
  display: inline-block; margin-left: .5rem; font-size: .8rem;
  color: var(--dim); white-space: nowrap;
}
.meta.done { color: #c47f00; }