.cc-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.cc-card { min-width: 0; overflow-wrap: break-word; }
.cc-commands td:first-child code { white-space: nowrap; }
.cc-card h2 { margin: 0 0 var(--pp-space-sm); font-size: var(--pp-text-xl); }
.cc-card h3 { margin: var(--pp-space-lg) 0 var(--pp-space-xs); font-size: var(--pp-text-lg); }
.cc-card p, .cc-card li { line-height: 1.55; }
.cc-card ul, .cc-card ol { margin: var(--pp-space-xs) 0 var(--pp-space-md); padding-left: 1.3em; }
.cc-card code { padding: 0 0.3em; border-radius: var(--pp-radius-sm); background: var(--surface-muted); color: var(--text); font-size: 0.95em; }
.cc-hero { padding-top: var(--pp-space-xl); }
.cc-hero .cc-actions { justify-content: center; margin-top: var(--pp-space-xxl); }
.cc-card .cc-steps { list-style: none; padding-left: 0; }
.cc-steps > li { margin-bottom: var(--pp-space-md); }
.cc-actions { display: flex; flex-wrap: wrap; gap: var(--pp-space-sm); margin: var(--pp-space-sm) 0 0; }
.cc-check { padding: var(--pp-space-sm) var(--pp-space-md); border-radius: var(--pp-radius-md); background: var(--success-soft); color: var(--success-text); }
.cc-levels, .cc-commands { width: 100%; border-collapse: collapse; margin: var(--pp-space-sm) 0 var(--pp-space-md); font-size: var(--pp-text-md); }
.cc-levels th, .cc-levels td, .cc-commands th, .cc-commands td { padding: var(--pp-space-sm); border: 1px solid var(--line); text-align: left; vertical-align: top; }
.cc-levels thead th, .cc-commands thead th { background: var(--surface-muted); color: var(--text); }
.cc-levels tbody th { color: var(--text); font-weight: 650; }
@media (max-width: 600px) {
  .cc-levels, .cc-levels tbody, .cc-levels tr, .cc-levels th, .cc-levels td,
  .cc-commands, .cc-commands tbody, .cc-commands tr, .cc-commands th, .cc-commands td { display: block; }
  
  .cc-levels thead, .cc-commands thead { display: none; }
  .cc-levels tr, .cc-commands tr { margin-bottom: var(--pp-space-md); border: 1px solid var(--line); border-radius: var(--pp-radius-md); overflow: hidden; }
  .cc-levels th, .cc-levels td, .cc-commands th, .cc-commands td { border: 0; }
  .cc-levels tbody th, .cc-commands tbody th { background: var(--surface-muted); }
  .cc-levels td::before, .cc-commands td::before { content: attr(data-label); display: block; color: var(--text-muted); font-size: var(--pp-text-sm); font-weight: 650; }
  .cc-actions > * { flex: 1 1 100%; }
}


.cc-card ol > li > a,
.cc-card ul > li > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}