/* Clear Desk Blue — help pages theme overrides */

body.tq-body {
    background: var(--tq-ice) !important;
    font-family: var(--tq-font-body) !important;
    color: var(--tq-ink) !important;
}

body.tq-body .hero {
    background: transparent !important;
    padding: clamp(40px, 6vw, 72px) 0 28px !important;
}

body.tq-body .hero h1 {
    font-family: var(--tq-font-display) !important;
    letter-spacing: -0.04em;
    color: var(--tq-ink) !important;
}

body.tq-body .hero p {
    color: var(--tq-steel) !important;
}

body.tq-body .content,
body.tq-body .main-content,
body.tq-body .sidebar {
    background: transparent;
}

body.tq-body .sidebar {
    background: var(--tq-white) !important;
    border: 1px solid var(--tq-line) !important;
    border-radius: var(--tq-radius) !important;
    box-shadow: none !important;
}

body.tq-body .help-nav a,
body.tq-body .sidebar a {
    color: var(--tq-ink-soft) !important;
}

body.tq-body .help-nav a:hover,
body.tq-body .help-nav a.active,
body.tq-body .sidebar a:hover {
    color: var(--tq-signal) !important;
    background: var(--tq-signal-soft) !important;
}

body.tq-body .main-content,
body.tq-body .section {
    background: var(--tq-white);
}

body.tq-body .main-content {
    border: 1px solid var(--tq-line);
    border-radius: var(--tq-radius-lg);
    padding: 28px !important;
}

body.tq-body .section h2 {
    font-family: var(--tq-font-display) !important;
    letter-spacing: -0.03em;
    color: var(--tq-ink) !important;
}

body.tq-body .help-product-card {
    background: var(--tq-ice) !important;
    border: 1px solid var(--tq-line) !important;
    border-radius: var(--tq-radius) !important;
    box-shadow: none !important;
}

body.tq-body .help-product-card:hover {
    border-color: var(--tq-signal) !important;
}

body.tq-body .help-product-card .card-cta,
body.tq-body a.card-cta {
    color: var(--tq-signal) !important;
}

body.tq-body .faq-question {
    color: var(--tq-ink) !important;
}

body.tq-body .faq-answer,
body.tq-body .faq-answer p {
    color: var(--tq-steel) !important;
}

body.tq-body .highlight {
    background: var(--tq-signal-soft) !important;
    border: 1px solid rgba(21, 94, 239, 0.18) !important;
    border-radius: var(--tq-radius-sm) !important;
}