/* CR-Newsletter – Archiv des Craheim-Boten auf der Website */
@layer components {
  .bote-list { display: grid; gap: var(--space-s); }
  .bote-list__item a { display: grid; gap: 0.25rem; padding: var(--space-s) var(--space-m); border-radius: var(--r-m); background: var(--surface); border: 1px solid var(--line); color: inherit; text-decoration: none; transition: border-color var(--dur-2, 200ms), translate var(--dur-2, 200ms); }
  .bote-list__item a:hover, .bote-list__item a:focus-visible { border-color: var(--accent); translate: 0 -2px; }
  .bote-list__item time { font-size: var(--step--1); color: var(--accent-ink); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
  .bote-list__item strong { font-family: var(--font-display); font-size: var(--step-1); line-height: 1.2; }
  .bote-list__item span { color: var(--ink-2); }
  .bote-frame { display: block; inline-size: 100%; min-block-size: 60vh; border: 0; border-radius: var(--r-l); background: #f4f6f1; }
  .bote-signup { display: grid; gap: var(--space-s); justify-items: start; }
  .bote-signup .newsletter { inline-size: min(100%, 36rem); }
}