.rc-card {
  --rc-ink: var(--street-text);
  --rc-muted: var(--street-muted);
  --rc-accent: var(--street-ice);
  --rc-line: var(--street-line);
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(17px, 2.2vw, 26px);
  border: 1px solid var(--rc-line);
  border-radius: 2px;
  background: var(--street-panel);
  color: var(--rc-ink);
  overflow-wrap: anywhere;
  font: 400 .94rem/1.65 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  text-align: start;
}
.rc-card *, .rc-card *::before, .rc-card *::after { box-sizing: border-box; }
.rc-card p, .rc-card h3, .rc-card dl, .rc-card dd { margin: 0; }
.rc-kicker { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .3rem .65rem; color: var(--rc-accent); font-size: .8rem; font-weight: 650; }
.rc-format { color: var(--rc-muted); font-weight: 500; }
.rc-card .rc-title { margin-top: .45em; color: var(--rc-ink); font-size: clamp(1.08rem, 1.65vw, 1.4rem); line-height: 1.35; letter-spacing: -.025em; }
.rc-content { margin: .65rem 0 .9rem; }
.rc-task { color: var(--rc-ink); }
.rc-card .rc-audience { margin-top: .45rem; color: var(--rc-muted); font-size: .84rem; }
.rc-card .rc-step { margin: .8rem 0 0; padding: .55rem .8rem; border-inline-start: 3px solid var(--street-ice); background: var(--street-raised); line-height: 1.65; }
.rc-step strong { margin-inline-end: .65rem; color: var(--street-ice); font-size: .82rem; }
.rc-entry { margin-top: auto; }
.rc-conditions { color: var(--rc-muted); font-size: .8rem; line-height: 1.65; }
.rc-link, .rc-original { display: inline-flex; align-items: center; gap: .4em; color: var(--rc-ink); font-weight: 650; text-decoration: underline; text-underline-offset: .2em; }
.rc-card .rc-primary { padding: .48rem .85rem; margin-top: .35rem; background: var(--street-active); color: var(--street-active-ink); border-radius: 2px; text-decoration: none; }
.rc-primary:hover { text-decoration: underline; text-underline-offset: .18em; }
.rc-arrow { font-family: system-ui, sans-serif; }
.rc-card .rc-details { margin: .85rem 0 0; padding: 0; border: 0; border-top: 1px solid var(--rc-line); border-radius: 0; background: transparent; }
.rc-card .rc-details summary { display: list-item; padding: .62rem 0; cursor: pointer; color: var(--rc-muted); font-size: .85rem; font-weight: 600; }
.rc-facts { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: .45rem .8rem; line-height: 1.5; font-size: .84rem; }
.rc-facts dt { color: var(--rc-muted); }
.rc-more-links { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin-top: .65rem; }
.rc-progress { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .7rem; margin: .45rem 0 0; }
.rc-card .rc-mark, .rc-card .rc-original { color: var(--rc-muted); font: inherit; font-size: .82rem; }
.rc-card .rc-mark { cursor: pointer; padding: .38rem .65rem; border: 1px solid var(--rc-line); border-radius: 2px; background: var(--street-panel); }
.rc-card .rc-mark[aria-pressed="true"] { background: var(--street-raised); border-color: var(--street-lime); color: var(--street-lime); }
.rc-status { color: var(--rc-muted); font-size: .78rem; }
.rc-status:empty { display: none; }
.rc-compact { padding: clamp(15px, 1.8vw, 20px); }
.rc-card :is(a,button,summary):focus-visible { outline: 3px solid var(--street-ice); outline-offset: 3px; }
.rc-alternative { color: var(--rc-muted); font-size: .83rem; text-decoration: underline; text-underline-offset: .2em; }
.rc-entry .rc-alternative { display: inline-block; margin-inline-start: .8rem; }