/* =========================================================
   INTELLIGENT QUOTES — Category (discovery) page only
   Loaded in addition to styles.css. Holds the classes unique to this
   page, plus a few page-scoped overrides of shared spacing so the
   center column matches the discovery mock.
========================================================== */

/* "View more" link under the sidebar lists (front-page addition, included
   here so this page is self-contained even without home.css). */
.trail__more{
  display:inline-flex; align-items:center; gap:8px;
  margin-top: 12px; padding-left: 14px;
  font-family: var(--sans); font-size: 12.5px; font-weight:500;
  color: var(--ink-soft); transition: color .2s var(--ease);
}
.trail__more:hover{ color: var(--red); }
.trail__more .arr{ color: var(--red); font-size: 13px; }

/* category crumb spacing (discovery uses a slightly larger gap) */
.crumb{ margin: 0 0 24px; }

/* center section head (discovery variant: no top margin, tighter rule) */
/*.sec-head{ margin: 0 0 20px; padding-bottom: 12px; }*/

/* subcategory grid */
.subcatgrid{
  display:grid; grid-template-columns: 1fr 1fr;
  column-gap: 44px; row-gap: 18px;
  margin-bottom: 44px;
  margin: 0 0 44px; padding-top: 24px; /* NEW */
}
.subcat::before{
  content:""; flex-shrink:0;
  width:5px; height:5px; border-radius:50%;
  background: var(--red);
  align-self:center;
}
.subcat{
  display:inline-flex; align-items:baseline; gap:8px;
  font-family: var(--serif); font-size:20px; color: var(--ink);
  transition: color .2s var(--ease), padding-left .25s var(--ease);
}
.subcat:hover{ color: var(--red); padding-left: 5px; }
.subcat .count{
  font-family: var(--sans); font-size:12.5px; font-weight:600;
  color: var(--ink-faint);
}
.subcat:hover .count{ color: var(--red); }

/* quotes list — discovery adds the author name and a touch more spacing */
.quotelist{ margin-bottom: 44px; }
.quote{ padding: 18px 0; }
.quote__author{
  font-family: var(--serif); font-size:17px; color: var(--ink-soft);
  margin-top: 5px;
}

.quote__author a{ transition: color .2s var(--ease); }
.quote__author a:hover{ color: var(--red); }
.prov__note a{ color: inherit; transition: color .2s var(--ease); }
.prov__note a:hover{ color: var(--red); }

/*
.quote__author a{ transition: color .2s var(--ease); box-shadow: inset 0 -1px 0 rgba(190,42,31,.24); }
.quote__author a:hover{ color: var(--red); box-shadow: inset 0 -1px 0 var(--red); }
/* source note links to the work when a sourceUrl is present * /
.prov__note a{ color: inherit; box-shadow: inset 0 -1px 0 rgba(190,42,31,.24); transition: color .2s var(--ease), box-shadow .2s var(--ease); }
.prov__note a:hover{ color: var(--red); box-shadow: inset 0 -1px 0 var(--red); }
*/

/* explore the category (discovery) — sits right under the quotes, list links
   are underlined, author roles / work years are faint italic, tags wrap inline */
.explore{ margin-top: 8px; }
/*
.explore__list a{
  box-shadow: inset 0 -1px 0 rgba(190,42,31,.28);
  transition: color .2s var(--ease), box-shadow .2s var(--ease);
}
.explore__list a:hover{ color: var(--red); box-shadow: inset 0 -2px 0 var(--red); }
*/
.explore__list a{ transition: color .2s var(--ease); }
.explore__list a:hover{ color: var(--red); }

.explore__list .role,
.explore__list .yr{ color: var(--ink-faint); font-style:italic; box-shadow:none; }
.explore__list--wrap{ flex-direction:row; flex-wrap:wrap; gap:8px 10px; align-items:center; }