/* Archive layout on top of the kit. Colors come from ui.css tokens. */
.ycard{background:var(--white);border:1px solid var(--grey);border-radius:12px;box-shadow:0 1px 2px rgba(27,20,100,.06);padding:12px;margin:0 0 12px}
.ycard h3{margin:0;color:var(--navy);font-size:18px}
.amonths,.apills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.apills .ui-pill,.amonths .ui-pill{min-height:44px;flex:0 0 auto}
.apager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.apager span{color:var(--navy);font-weight:700;text-align:center}
.apager button[disabled]{opacity:.45}
#slot-archive h2{color:var(--navy)}
#slot-archive .row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}