/*
 * Page-specific structure for the debt comparison article.
 * Typography, spacing, colours and the white content panel intentionally come
 * from Casper's standard page styles, matching /utah-bankruptcy-attorney.
 */

.debt-comparison__content > .kg-card-markdown,
.debt-comparison__hero,
.debt-comparison__section,
.debt-comparison__table-section {
    width: 100%;
}

.debt-comparison__hero,
.debt-comparison__section,
.debt-comparison__table-section {
    min-width: 100%;
}

.debt-comparison__hero h1,
.debt-comparison__hero p,
.debt-comparison__section h2,
.debt-comparison__section p,
.debt-comparison__table-section h2,
.debt-comparison__table-section > p {
    min-width: 100%;
}

.debt-comparison__table-wrap {
    margin: .5em 0 2.5em;
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
    text-align: left;
    -webkit-overflow-scrolling: touch;
}

.debt-comparison__table-wrap:focus-visible {
    outline: 3px solid rgba(62, 176, 239, .45);
    outline-offset: 3px;
}

.debt-comparison__content.post-full-content table {
    display: table;
    margin: 0;
    min-width: 720px;
    width: 100%;
    white-space: normal;
    background: #fff;
}

.debt-comparison__content.post-full-content table th,
.debt-comparison__content.post-full-content table td {
    vertical-align: top;
}

.debt-comparison__content.post-full-content table td:first-child,
.debt-comparison__content.post-full-content table td:last-child {
    background-image: none;
}

.debt-comparison__decision {
    margin-top: .5em;
    padding: 1px 2.5rem 1.5rem;
    border-left: 3px solid #3eb0ef;
    background: #f4f8fb;
}

.debt-comparison__disclaimer {
    margin-top: 2.5em;
    min-width: 100%;
    padding-top: 1.5em;
    border-top: 1px solid #e3ecf3;
    color: #738a94;
    font-size: 1.5rem;
    line-height: 1.6;
}

.debt-comparison__disclaimer p {
    margin: 0;
    min-width: 100%;
}

@media (min-width: 768px) {
    .debt-comparison__content.post-full-content table {
        min-width: 0;
        table-layout: fixed;
        font-size: 1.5rem;
    }
}

@media (max-width: 500px) {
    .debt-comparison__decision {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .debt-comparison__content.post-full-content table {
        min-width: 640px;
    }
}