/* Tool pages — compatible aliases for legacy VitePress variable names */
:root {
    --vp-c-brand-1: var(--kb-accent);
    --vp-c-brand-2: #4a56c9;
    --vp-c-danger-1: #dc2626;
    --vp-c-green-1: #16a34a;
    --vp-c-green-2: #15803d;
    --vp-c-green-soft: rgba(22, 163, 74, 0.12);
    --vp-c-gray-soft: rgba(24, 24, 27, 0.06);
    --vp-c-divider: var(--kb-border);
    --vp-c-bg: var(--kb-bg);
    --vp-c-bg-soft: var(--kb-surface);
    --vp-c-bg-alt: #f4f4f5;
    --vp-c-text-1: var(--kb-text);
    --vp-c-text-2: var(--kb-muted);
    --vp-c-text-3: #a1a1aa;
    --vp-c-gray-2: #d4d4d8;
    --vp-c-gray-3: #e4e4e7;
    --vp-c-bg-soft-up: #fafafa;
    --vp-c-warning-1: #d97706;
    --vp-c-warning-2: #f59e0b;
}

.kb-tool-page {
    position: relative;
    z-index: 1;
    max-width: var(--kb-max);
    margin: 0 auto;
    padding: 32px 5% 80px;
}

.kb-tool-head {
    margin-bottom: 28px;
}

.kb-tool-head h1 {
    font-size: clamp(26px, 4vw, 34px);
    margin: 0 0 8px;
}

.kb-tool-head p {
    color: var(--kb-muted);
    margin: 0;
}

.kb-tool-panel {
    background: var(--kb-surface);
    border: 1px solid var(--kb-border);
    border-radius: var(--kb-radius);
    padding: 24px;
    box-shadow: 0 8px 30px rgba(24, 24, 27, 0.04);
}