/* RECAP — the last page of a briefing. Hairline grid, mono labels, one
   figure per card pulled out of its sentence. Designed at 390px first: a
   single column of eight cards that reads straight down a phone. */

.rcp{
  display:grid;grid-template-columns:1fr;
  gap:1px;background:var(--line);
}

.rcp__i,.rcp__foot{
  background:var(--surface);
  padding:clamp(1.05rem,2.4vw,1.5rem) clamp(1.05rem,2.4vw,1.6rem);
  display:flex;flex-direction:column;gap:.42rem;min-width:0;
  opacity:0;transform:translateY(12px);
  transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease),
             background var(--dur-1) var(--ease);
}
.rcp__i.is-in,.rcp__foot.is-in{opacity:1;transform:none}
.no-js .rcp__i,.no-js .rcp__foot{opacity:1;transform:none}
.rcp__i:hover{background:var(--surface-2)}
.rcp__i:focus-within{background:var(--surface-2)}

/* ------------------------------------------------------------- label row */
.rcp__lab{
  display:flex;align-items:baseline;gap:.6rem;
  font-family:var(--mono);font-size:.64rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);line-height:1.4;
}
.rcp__n{
  font-size:.64rem;font-weight:600;color:var(--yellow);flex:none;
  border-bottom:1px solid var(--yellow-glow);padding-bottom:1px;
}

/* -------------------------------------------------------------- figure */
.rcp__f{
  font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;
  font-size:clamp(1.75rem,4.6vw,2.35rem);line-height:1.02;letter-spacing:-.04em;
  color:var(--yellow);margin-top:.25rem;overflow-wrap:break-word;
}
/* a figure that is a term rather than a number reads at prose weight */
.rcp__f--t{
  font-size:clamp(1.15rem,2.6vw,1.45rem);letter-spacing:-.015em;
  color:var(--cyan);font-weight:400;
}
.rcp__u{
  font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);
  line-height:1.45;margin-bottom:.35rem;
}

/* --------------------------------------------------------------- claim */
.rcp__t{
  font-size:.92rem;line-height:1.55;color:var(--text-2);max-width:44ch;
}
.rcp__t b{color:var(--text)}

.rcp__own{
  font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--yellow);border-left:2px solid var(--yellow);padding-left:.5rem;
}

/* ---------------------------------------------------------- section link */
.rcp__go{
  align-self:start;margin-top:auto;padding-top:.55rem;display:inline-flex;align-items:center;gap:.5rem;min-height:40px;
  text-decoration:none;
  font-family:var(--mono);font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-3);transition:color var(--dur-1) var(--ease);
}
.rcp__go-t{border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:border-color var(--dur-1) var(--ease)}
.rcp__go:hover{color:var(--yellow)}
.rcp__go:hover .rcp__go-t{border-color:var(--yellow)}
.rcp__go-ico{width:.7rem;height:.7rem;flex:none;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-1) var(--ease)}
.rcp__go:hover .rcp__go-ico{transform:translateX(2px)}
.rcp__go--dead{color:var(--text-4);cursor:default}

/* --------------------------------------------------------------- footer */
.rcp__foot{background:var(--surface-2);display:grid;gap:.6rem}
.rcp__foot-t{font-size:.88rem;line-height:1.55;color:var(--text-2);max-width:60ch}
.rcp__foot-t b{color:var(--yellow);font-weight:500}
.rcp__foot-m{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);line-height:1.5}

/* ------------------- two columns once there is room for them ------------- */
@media (min-width:760px){
  .rcp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rcp__foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;
    justify-content:space-between;gap:.5rem 2rem}
}

@media (prefers-reduced-motion: reduce){
  .rcp__i,.rcp__foot{opacity:1;transform:none;transition:none}
}