/*
 * Lista para revisar antes de entregar: cada punto es una casilla nativa que la
 * persona marca mientras revisa su tesis. No se guarda nada; sirve para leer con
 * la tesis al lado.
 */
@layer components {
  .checklist__list {
    display: grid;
    gap: var(--space-3xs);
  }

  .checklist__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    column-gap: var(--space-xs);
    min-block-size: 2.75rem; /* área táctil cómoda */
    padding-block: var(--space-2xs);
    cursor: pointer;
  }

  .checklist__input {
    inline-size: 1.25rem;
    block-size: 1.25rem;
    margin: 0.2em 0 0;
    accent-color: var(--color-accent);
    cursor: pointer;
  }

  /* Lo ya revisado pasa a segundo plano, sin tacharlo: tiene que seguir leyéndose. */
  .checklist__input:checked + .checklist__text {
    color: var(--color-ink-soft);
  }
}