.site-ccard{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:18px;align-items:center;gap:14px;padding:14px;text-decoration:none;display:flex}.site-ccard:hover .site-ccard-name{text-underline-offset:3px;text-decoration:underline}.site-ccard-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.site-ccard-text{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.site-ccard-name{font:700 16px/1.3 var(--display)}.site-ccard-sub{color:var(--muted);font-size:13px}.site-ccard-phase{height:26px;font:600 13px var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.site-ccard-phase:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.site-ccard-phase--live{background:var(--good-soft);color:var(--good)}.site-ccard-phase--soon{background:var(--accent-soft);color:var(--accent-ink)}.site-ccard-phase--past{background:var(--fill);color:var(--ink2)}.site-ccard-arrow{color:var(--muted);flex-shrink:0}