.lead { color: var(--text-2); max-width: 62ch; line-height: 1.55; }
.cl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; margin: 16px 0; max-width: 560px; }
.cl-err { color: var(--bad); font-size: .85rem; font-weight: 600; }
.out-head { display: flex; justify-content: space-between; align-items: center; margin: 8px 0 4px; }
.cl-css { margin: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); font-family: var(--mono); font-size: .85rem; white-space: pre-wrap; word-break: break-all; }
.cl-h { margin: 22px 0 8px; font-size: 1rem; }
.cl-table { border-collapse: collapse; font-size: .85rem; }
.cl-table td { border-bottom: 1px solid var(--line); padding: 5px 18px 5px 0; font-variant-numeric: tabular-nums; }