/* ============================================================
   AMC Resources directory. Sits on top of styles.css and gigs.css
   (reuses the gig filter bar, chips, card shell, and disclaimer).
   ============================================================ */

.res-paths{padding-bottom:56px}
.res-paths .lede-lg{margin-bottom:32px}

/* ---------- Category tiles ---------- */
.res-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.res-tile{
  text-align:left;cursor:pointer;font-family:var(--sans);
  background:var(--white);color:var(--blue);
  border:none;border-radius:var(--box-radius);box-shadow:var(--box-shadow);
  padding:22px 24px 24px;
  display:flex;flex-direction:column;gap:6px;min-height:150px;
  transition:transform .3s ease,box-shadow .3s ease,background-color .2s ease;
}
.res-tile:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-hover)}
.res-tile:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.res-tile .n{font-family:var(--display);font-size:40px;line-height:1;color:var(--blue);letter-spacing:.02em}
.res-tile .t{font-family:var(--display);font-size:24px;line-height:1.05;letter-spacing:.03em;color:var(--blue)}
.res-tile .d{font-size:14.5px;line-height:1.45;color:var(--n600);font-weight:300}
.res-tile[aria-pressed="true"]{background:var(--blue)}
.res-tile[aria-pressed="true"] .n,.res-tile[aria-pressed="true"] .t,.res-tile[aria-pressed="true"] .d{color:#FFFFFF}
@media(max-width:900px){.res-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){
  .res-tiles{grid-template-columns:1fr;gap:18px}
  .res-tile{min-height:0;padding:18px 20px}
  .res-tile .n{font-size:30px}
}

/* ---------- Listing ---------- */
.res-group{margin-bottom:44px}
.res-group:last-child{margin-bottom:0}
.res-group .gig-day-head h2{font-size:30px}
.res .tags{margin-top:10px}
.res .org{font-size:15px;color:var(--near-black);font-weight:500;margin-bottom:2px}
.res .facts{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px;margin:10px 0 0;max-width:68ch}
.res .facts dt{font-weight:500;color:var(--near-black);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.res .facts dd{color:var(--n600);margin:0}
.res .tag.confirm{border-color:var(--warning);color:#7A5A00}
.res .checked{font-size:12px;color:var(--n600);margin-top:10px}
.gig.res{grid-template-columns:1fr auto}
@media(max-width:760px){
  .gig.res{grid-template-columns:1fr}
  .res .facts{grid-template-columns:1fr;gap:0}
  .res .facts dd{margin-bottom:6px}
}
.res-tools .count{margin-left:0}