/* ============================================================
   Groov-illa · archivio-guide.css — solo token del sistema v5
   ============================================================ */

.guide-archive-page{ background: var(--cream); }

/* ── Breadcrumb ── */
.ga-crumbs{
  max-width:1320px; margin:0 auto; padding:28px 40px 0;
  font-family:var(--mono); font-size:11px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--ink-3);
  display:flex; gap:10px; align-items:center;
}
.ga-crumbs a{ color:var(--ink-3); transition:color .2s; }
.ga-crumbs a:hover{ color:var(--rust); }
.ga-crumbs .sep{ opacity:.5; }

/* ── Masthead ── */
.ga-masthead{
  max-width:1320px; margin:0 auto;
  padding:56px 40px;
  display:grid; grid-template-columns:1.4fr 1fr;
  gap:80px; align-items:end;
  border-bottom:1px solid var(--hair-strong);
}
.ga-masthead .eyebrow{
  font-family:var(--mono); font-size:11px; font-weight:600;
  letter-spacing:.24em; text-transform:uppercase; color:var(--rust);
  display:inline-flex; gap:14px; align-items:center; margin-bottom:18px;
}
.ga-masthead .eyebrow::before{ content:""; width:24px; height:1px; background:var(--rust); }
.ga-masthead h1{
  font-family:var(--serif-display); font-style:italic; font-weight:400;
  font-size:clamp(64px,10vw,148px); line-height:.92; letter-spacing:-.03em;
  margin:0; color:var(--ink);
}
.ga-masthead h1 em{ color:var(--rust); }
.ga-masthead .manifesto{
  font-family:var(--serif); font-style:italic; font-weight:400;
  font-size:clamp(18px,1.8vw,22px); line-height:1.45; color:var(--ink-2);
  max-width:32ch; text-wrap:pretty; margin:0 0 22px;
}
.ga-masthead .count{
  font-family:var(--mono); font-size:11px; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:var(--ink-3);
  display:flex; gap:18px; align-items:center;
  padding-top:18px; border-top:1px solid var(--hair);
}
.ga-masthead .count strong{
  font-family:var(--serif); font-style:italic; font-weight:500;
  color:var(--rust); font-size:14px; letter-spacing:normal; text-transform:none;
}

/* ── Filterbar ── */
.ga-filterbar{
  max-width:1320px; margin:48px auto 0;
  padding:24px 40px;
  border-top:1px solid var(--hair); border-bottom:1px solid var(--hair);
  display:flex; gap:8px; align-items:center; flex-wrap:wrap;
}
.ga-filter-label{
  font-family:var(--mono); font-size:10px; font-weight:600;
  letter-spacing:.22em; text-transform:uppercase; color:var(--ink-3);
  margin-right:8px;
}
.ga-chip{
  font-family:var(--mono); font-size:11px; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2);
  padding:7px 14px; border:1px solid var(--hair);
  background:transparent; cursor:pointer;
  transition:color .15s, border-color .15s, background .15s;
}
.ga-chip:hover{ color:var(--ink); border-color:var(--hair-strong); }
.ga-chip.active{ color:var(--cream); background:var(--rust); border-color:var(--rust); }

/* ── Index ── */
.ga-index{ max-width:1320px; margin:0 auto; padding:24px 40px 80px; }

.ga-entry{
  display:grid; grid-template-columns:72px 1fr auto;
  gap:32px; padding:28px 0;
  border-bottom:1px solid var(--hair);
  align-items:start; text-decoration:none;
  transition:background .2s;
}
.ga-entry:hover{ background:oklch(0.56 0.165 42 / .03); }

.ga-entry .type{
  display:flex; flex-direction:column; gap:6px; align-items:flex-start;
}
.ga-entry .type-label{
  font-family:var(--mono); font-size:9.5px; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase;
  padding:4px 8px; border:1px solid var(--hair);
  color:var(--ink-3); white-space:nowrap;
}
.ga-entry .type-label.reference{ color:var(--rust); border-color:var(--rust); }
.ga-entry .type-label.guida{ color:var(--olive); border-color:var(--olive); }
.ga-entry .type-label.classifica{ color:var(--ink-2); border-color:var(--hair-strong); }

.ga-entry .body .meta-bar{
  font-family:var(--mono); font-size:10px; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--rust);
  margin-bottom:10px; display:flex; gap:0; align-items:center;
}
.ga-entry .body .meta-bar .topic{
  color:var(--ink-3);
}
.ga-entry .body .meta-bar .topic::before{ content:"·"; margin:0 10px; color:var(--hair-strong); }
.ga-entry .body h3{
  font-family:var(--serif-display); font-style:italic; font-weight:400;
  font-size:clamp(22px,2.2vw,30px); line-height:1.1; letter-spacing:-.01em;
  margin:0 0 10px; color:var(--ink); text-wrap:balance;
  transition:color .2s;
}
.ga-entry:hover .body h3{ color:var(--rust); }
.ga-entry .body .dek{
  font-family:var(--serif); font-style:italic; font-weight:400;
  font-size:16px; line-height:1.45; color:var(--ink-2); margin:0; max-width:60ch;
}

.ga-entry .side{
  font-family:var(--mono); font-size:10px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3);
  text-align:right; line-height:1.6; padding-top:4px; white-space:nowrap;
}
.ga-entry .side .row{ display:block; }
.ga-entry .side .reading{ color:var(--ink-2); }

/* ── Responsive ── */
@media(max-width:880px){
  .ga-masthead{ grid-template-columns:1fr; gap:24px; }
  .ga-entry{ grid-template-columns:60px 1fr; gap:20px; }
  .ga-entry .side{ grid-column:2; text-align:left; display:flex; gap:12px; flex-wrap:wrap; }
  .ga-entry .side .row{ display:inline; }
}
@media(max-width:720px){
  .ga-crumbs,.ga-masthead,.ga-filterbar,.ga-index{ padding-left:20px; padding-right:20px; }
}