/* example recap card (dark-a9 design; dark-a10: lives in timeline step 01) (one-page report look). Hero page bg is #0A0E1A; card is one step lighter. */
.rcp{--rcp-line:rgba(148,163,196,.20);display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:420px;aspect-ratio:4/5;
  background:#10162A;border:1px solid var(--rcp-line);border-radius:8px;box-shadow:0 18px 40px -24px rgba(0,0,0,.55);
  padding:28px 30px 22px;color:#F5F1E8;font-family:var(--body);text-align:left}
.rcp-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rcp-logo{width:28px;height:28px;display:block;flex:none}
.rcp-doc{font-size:13px;line-height:1.3;color:rgba(245,241,232,.66);letter-spacing:.01em;text-align:right}
.rcp-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:22px;font-size:13px;line-height:1.3;color:rgba(245,241,232,.66)}
.rcp-by{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.rcp-face{display:inline-block;width:28px;height:28px;flex:none}
.rcp-face img{display:block;width:28px;height:28px;object-fit:cover;object-position:50% 22%;border-radius:50%}
.rcp-rule{border:0;border-top:1px solid var(--rcp-line);margin:18px 0 0;height:0}
.rcp-rows{margin:0;padding:0;flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:22px;padding:22px 0}
.rcp-rows dt{font-size:12px;line-height:1.3;font-weight:500!important;text-transform:uppercase;letter-spacing:.08em;color:rgba(245,241,232,.66)}
.rcp-rows dd{margin:6px 0 0;font-size:18px;line-height:1.4;color:#F5F1E8;text-wrap:pretty}
.rcp .nw{white-space:nowrap}
.rcp-rule+.rcp-foot{margin-top:14px}
.rcp-foot{margin:0;font-size:13px;line-height:1.3;color:rgba(245,241,232,.66)}
.rcp-foot em{font-style:italic}
@media (max-width:480px){
  .rcp{max-width:none;padding:24px 22px 20px}
  .rcp-rows dd{font-size:17px}
}