/* Content Compare on mbburgess.com — light site theme */

.page-contentcompare {
    --bg: #e5e5e5;
    --card: #ffffff;
    --border: #e5e5e5;
    --text: #111111;
    --muted: #525252;
    --accent: var(--mbb-purple, #6E00B3);
    --accent-hover: var(--mbb-purple-hover, #58008f);
    --error: #b91c1c;
    --match-bg: rgba(110, 0, 179, 0.12);
}

body.page-contentcompare {
    padding: 0;
    min-height: 0;
    background-color: #e5e5e5 !important;
    color: #111111;
}

html:has(body.page-contentcompare) {
    background: #e5e5e5 !important;
}

.page-contentcompare.cc-layout-centered {
    display: block;
}

.page-contentcompare .card--cc {
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    margin-top: 0;
    background: #ffffff !important;
    color: #111111 !important;
}

.page-contentcompare .card--cc--narrow {
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
}

.page-contentcompare .card--cc .wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.page-contentcompare .card--cc main {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.page-contentcompare h1,
.page-contentcompare h2,
.page-contentcompare h3 {
    color: #111111;
}

.page-contentcompare .back,
.page-contentcompare a.back {
    color: var(--accent);
}

.page-contentcompare .back:hover,
.page-contentcompare a.back:hover {
    color: var(--accent-hover);
}

.page-contentcompare .demo-crawl-link {
    color: var(--accent);
}

.page-contentcompare .setup {
    background: #fef9c3;
    border: 1px solid #ca8a04;
    color: #713f12;
}

.page-contentcompare .error,
.page-contentcompare .error-box {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.page-contentcompare label {
    color: #333333;
}

.page-contentcompare input[type="text"],
.page-contentcompare input[type="url"],
.page-contentcompare select,
.page-contentcompare textarea {
    background: #ffffff;
    border: 1px solid #dddddd;
    color: #111111;
}

.page-contentcompare input[type="text"]:focus,
.page-contentcompare input[type="url"]:focus,
.page-contentcompare select:focus,
.page-contentcompare textarea:focus {
    outline-color: var(--accent);
    border-color: var(--accent);
}

.page-contentcompare input[type="text"]::placeholder,
.page-contentcompare input[type="url"]::placeholder {
    color: #888888;
}

.page-contentcompare button[type="submit"],
.page-contentcompare .btn-step.primary {
    background: var(--accent);
    border: 1px solid var(--accent);
    color: #ffffff;
}

.page-contentcompare button[type="submit"]:hover:not(:disabled),
.page-contentcompare .btn-step.primary:hover:not(:disabled) {
    background: var(--accent-hover);
    border-color: var(--accent-hover);
    color: #ffffff;
}

.page-contentcompare .btn-step {
    background: #f5f5f5;
    border: 1px solid #dddddd;
    color: #111111;
}

.page-contentcompare .btn-step:hover:not(:disabled) {
    background: #eeeeee;
    border-color: var(--accent);
    color: var(--accent);
}

.page-contentcompare .btn-generate {
    background: #f5f5f5;
    border: 1px solid #dddddd;
    color: #111111;
}

.page-contentcompare .btn-generate:hover:not(:disabled) {
    background: #eeeeee;
    border-color: var(--accent);
    color: var(--accent);
}

.page-contentcompare .table-scroll table,
.page-contentcompare .table-scroll th,
.page-contentcompare .table-scroll td,
.page-contentcompare table.crawl-results th,
.page-contentcompare table.crawl-results td,
.page-contentcompare table.preview-map th,
.page-contentcompare table.preview-map td,
.page-contentcompare table.match-results th,
.page-contentcompare table.match-results td {
    border-color: #eeeeee !important;
    color: #111111 !important;
}

.page-contentcompare .table-scroll thead th,
.page-contentcompare table.crawl-results thead th,
.page-contentcompare table.preview-map thead th,
.page-contentcompare table.match-results thead th {
    background: #eeeeee !important;
    background-color: #eeeeee !important;
    color: #111111 !important;
}

.page-contentcompare .table-scroll tbody tr:nth-child(odd) td,
.page-contentcompare table.crawl-results tbody tr:nth-child(odd) td,
.page-contentcompare table.preview-map tbody tr:nth-child(odd) td,
.page-contentcompare table.match-results tbody tr:nth-child(odd) td {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

.page-contentcompare .table-scroll tbody tr:nth-child(even) td,
.page-contentcompare table.crawl-results tbody tr:nth-child(even) td,
.page-contentcompare table.preview-map tbody tr:nth-child(even) td,
.page-contentcompare table.match-results tbody tr:nth-child(even) td {
    background: #f8f8f8 !important;
    background-color: #f8f8f8 !important;
}

.page-contentcompare .table-scroll tbody tr:hover td,
.page-contentcompare table.crawl-results tbody tr:hover td,
.page-contentcompare table.preview-map tbody tr:hover td,
.page-contentcompare table.match-results tbody tr:hover td {
    background: #f3f3f3 !important;
    background-color: #f3f3f3 !important;
}

.page-contentcompare .table-scroll a,
.page-contentcompare table a {
    color: var(--accent);
}

.page-contentcompare .table-scroll a:hover,
.page-contentcompare table a:hover {
    color: var(--accent-hover);
}

.page-contentcompare .match-row.is-selected td,
.page-contentcompare tr.match-row.is-selected td {
    background: var(--match-bg) !important;
}

.page-contentcompare .meta,
.page-contentcompare .panel-hint,
.page-contentcompare .redirect-hint,
.page-contentcompare .preview-empty {
    color: #444444;
}

.page-contentcompare .meta strong {
    color: #111111;
}

.page-contentcompare code {
    background: #f5f5f5;
    color: #111111;
}

.page-contentcompare #page-loading {
    padding: 2rem 1rem;
    text-align: center;
    color: #111111;
}

.page-contentcompare .loading-panel p {
    color: #111111;
}