/* =========================================================
   INTELLIGENT QUOTES — Authors index page only
   Loaded in addition to styles.css and home.css. Holds the one
   piece unique to this page: the "Browse the authors" field grid.
========================================================== */

/* fields grid (no sub-fields — just a name + author count, with a red bullet) */
.fieldgrid{
  margin-top: 22px;
  display:grid; grid-template-columns: 1fr 1fr;
  column-gap: 44px; row-gap: 16px;
}
.field{
  display:inline-flex; align-items:center; gap:9px;
  width:fit-content;
  font-family: var(--serif); font-size:20px; color: var(--ink);
  transition: color .2s var(--ease), padding-left .25s var(--ease);
}
.field::before{
  content:""; flex:0 0 auto; width:6px; height:6px; border-radius:50%;
  background: var(--red);
}
.field:hover{ color: var(--red); padding-left:5px; }
.field .count{
  font-family: var(--sans); font-size:12.5px; font-weight:600; color: var(--ink-faint);
}
.field:hover .count{ color: var(--red); }

@media (max-width: 820px){
  .fieldgrid{ grid-template-columns: 1fr; }
}