/* Tech Steve Q&A light theme. Scoped so completed review pages are unchanged. */
html.light-mode .ts-qa-hero,
html.light-mode .ts-qa-search,
html.light-mode .ts-qa-question-card,
html.light-mode .ts-qa-aside section,
html.light-mode .ts-qa-form-card,
html.light-mode .ts-qa-detail-card,
html.light-mode .ts-qa-answer-card,
html.light-mode .ts-qa-answer-form,
html.light-mode .ts-qa-empty {
    background: linear-gradient(145deg, #ffffff, #f5f9fe) !important;
    border-color: #aec8e4 !important;
    color: #10243e !important;
    box-shadow: 0 16px 40px rgba(13, 55, 97, .12) !important;
}

html.light-mode .ts-qa-hero h1,
html.light-mode .ts-qa-form-card h1,
html.light-mode .ts-qa-detail-card h1,
html.light-mode .ts-qa-feed-heading h2,
html.light-mode .ts-qa-answer-heading h2,
html.light-mode .ts-qa-question-main h3 a,
html.light-mode .ts-qa-aside h3,
html.light-mode .ts-qa-empty h3,
html.light-mode .ts-qa-answer-form h2,
html.light-mode .ts-qa-form label,
html.light-mode .ts-qa-author strong,
html.light-mode .ts-qa-linked-review span,
html.light-mode .ts-qa-login-prompt strong,
html.light-mode .ts-qa-stats strong,
html.light-mode .ts-qa-vote strong {
    color: #10243e !important;
}

html.light-mode .ts-qa-hero p,
html.light-mode .ts-qa-form-card > p,
html.light-mode .ts-qa-question-main > p,
html.light-mode .ts-qa-aside li,
html.light-mode .ts-qa-aside p,
html.light-mode .ts-qa-aside section > a,
html.light-mode .ts-qa-body,
html.light-mode .ts-qa-member,
html.light-mode .ts-qa-login-prompt,
html.light-mode .ts-qa-empty p {
    color: #344b67 !important;
}

html.light-mode .ts-qa-card-footer,
html.light-mode .ts-qa-detail-meta,
html.light-mode .ts-qa-form label small,
html.light-mode .ts-qa-form-actions > span,
html.light-mode .ts-qa-answer-form form > div > span,
html.light-mode .ts-qa-linked-review small,
html.light-mode .ts-qa-author small,
html.light-mode .ts-qa-report,
html.light-mode .ts-qa-stats span,
html.light-mode .ts-qa-vote,
html.light-mode .ts-qa-feed-heading span,
html.light-mode .ts-qa-answer-heading span {
    color: #607791 !important;
}

html.light-mode .ts-qa-search input,
html.light-mode .ts-qa-search select,
html.light-mode .ts-qa-form input,
html.light-mode .ts-qa-form select,
html.light-mode .ts-qa-form textarea,
html.light-mode .ts-qa-answer-form textarea,
html.light-mode .ts-qa-report select,
html.light-mode .ts-qa-report textarea {
    background: #ffffff !important;
    border-color: #afc5dd !important;
    color: #10243e !important;
    caret-color: #0b4f93;
    color-scheme: light;
}

html.light-mode .ts-qa-search label {
    background: #ffffff !important;
    border-color: #afc5dd !important;
    color: #526b86 !important;
}

html.light-mode .ts-qa-search input::placeholder,
html.light-mode .ts-qa-form input::placeholder,
html.light-mode .ts-qa-form textarea::placeholder,
html.light-mode .ts-qa-answer-form textarea::placeholder,
html.light-mode .ts-qa-report textarea::placeholder {
    color: #74879d !important;
    opacity: 1;
}

html.light-mode .ts-qa-search input:focus,
html.light-mode .ts-qa-search select:focus,
html.light-mode .ts-qa-form input:focus,
html.light-mode .ts-qa-form select:focus,
html.light-mode .ts-qa-form textarea:focus,
html.light-mode .ts-qa-answer-form textarea:focus,
html.light-mode .ts-qa-report select:focus,
html.light-mode .ts-qa-report textarea:focus {
    border-color: #0b4f93 !important;
    box-shadow: 0 0 0 3px rgba(11, 79, 147, .16) !important;
    outline: none !important;
}

html.light-mode .ts-qa-primary,
html.light-mode .ts-qa-search button {
    background: linear-gradient(135deg, #073b72, #0b5b9f) !important;
    border-color: #073b72 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(7, 59, 114, .22) !important;
}

html.light-mode .ts-qa-primary:hover,
html.light-mode .ts-qa-search button:hover {
    background: linear-gradient(135deg, #062f5c, #094a83) !important;
}

html.light-mode .ts-qa-back,
html.light-mode .ts-qa-product,
html.light-mode .ts-qa-linked-review,
html.light-mode .ts-qa-pagination a,
html.light-mode .ts-qa-aside section > a:hover,
html.light-mode .ts-qa-login-prompt a,
html.light-mode .ts-qa-eyebrow,
html.light-mode .ts-qa-empty i {
    color: #0b4f93 !important;
}

html.light-mode .ts-qa-category {
    background: #e3eef9 !important;
    border-color: #a9c5e1 !important;
    color: #0b4f93 !important;
}

html.light-mode .ts-qa-solved {
    background: #e2f5eb !important;
    border-color: #a7d9be !important;
    color: #12653b !important;
}

html.light-mode .ts-qa-linked-review,
html.light-mode .ts-qa-vote button,
html.light-mode .ts-qa-vote > span,
html.light-mode .ts-qa-login-prompt,
html.light-mode .ts-qa-report button,
html.light-mode .ts-qa-pagination a,
html.light-mode .ts-qa-pagination span {
    background: #f1f6fc !important;
    border-color: #b8cde3 !important;
}

html.light-mode .ts-qa-tags span {
    background: #e8f1fa !important;
    color: #344b67 !important;
}

html.light-mode .ts-qa-accepted-banner,
html.light-mode .ts-qa-accept {
    color: #12653b !important;
}
