/* Карточка «Ветки» на главной хаба — тёмная панель площадки для кода с графом веток. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap");
.qc-git { display: flex; flex-direction: column; gap: 12px; height: 100%; padding: 20px 22px; border: 1px solid #30363d; border-radius: 6px; background: radial-gradient(circle at 90% 0%, rgba(63, 185, 80, .16), transparent 50%), #161b22; color: #e6edf3; font-family: Inter, system-ui, sans-serif; text-decoration: none; box-shadow: 0 18px 50px rgba(0, 0, 0, .45); transition: transform .2s, border-color .2s; }
.qc-git:hover { transform: translateY(-3px); border-color: #3fb950; }
.qc-git-head { display: flex; align-items: center; gap: 12px; }
.qc-git-logo { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: #238636; font-size: 24px; }
.qc-git-kicker { margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8b949e; }
.qc-git h3 { margin: 0; font: 800 21px/1.2 Inter, system-ui, sans-serif; color: #e6edf3; }
.qc-git-graph { width: 100%; height: auto; }
.qc-git-graph path { fill: none; stroke-width: 4; stroke-linecap: round; }
.qc-git-graph path.m { stroke: #3fb950; } .qc-git-graph path.a { stroke: #58a6ff; } .qc-git-graph path.b { stroke: #a371f7; }
.qc-git-graph circle.m { fill: #3fb950; } .qc-git-graph circle.a { fill: #58a6ff; } .qc-git-graph circle.b { fill: #a371f7; }
.qc-git-desc { margin: 0; font-size: 14px; line-height: 1.5; color: #c9d1d9; }
.qc-git-stats { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; color: #8b949e; }
.qc-git-stats b { color: #e6edf3; }
.qc-git-live { color: #3fb950; font-weight: 700; }
.qc-git-intro { color: #e3b341; font-weight: 700; }
.qc-git-btn { margin-top: auto; align-self: flex-start; padding: 8px 16px; border-radius: 8px; background: #238636; color: #fff; font-weight: 700; font-size: 14px; }