/* sako-internal — hypothesis cards */

@layer components {
  .hypothesis-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }

  .hypothesis-card {
    --card-accent: var(--border);

    background: var(--surface);
    border: 1px solid var(--border);
    border-left: 3px solid var(--card-accent);
    border-radius: var(--radius-sm);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .hypothesis-card--due_for_review { --card-accent: var(--amber); }
  .hypothesis-card--confirmed      { --card-accent: var(--green); }
  .hypothesis-card--disconfirmed   { --card-accent: var(--red); }

  .hypothesis-card__text {
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--ink);
    margin: 0;
  }

  .hypothesis-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    align-items: center;
  }

  .hypothesis-card__learning {
    font-size: var(--text-sm);
    color: var(--ink-2);
  }

  /* ─── Close hypothesis form ────────────────────────────────── */

  .close-form summary {
    cursor: pointer;
    list-style: none;
  }

  .close-form summary::-webkit-details-marker { display: none; }

  .close-form__body {
    margin-top: var(--space-2);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-3);
    background: var(--surface-2);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-sm);
  }
}