/* Child-owned fallback surfaces for native archives and legacy blog content. */

body.kol-generic-fallback-page #content {
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: visible;
}

body.kol-generic-fallback-page #content > .wrapper {
    margin: 0;
}

.kol-fallback-archive,
.kol-fallback-single,
.kol-fallback-archive *,
.kol-fallback-single * {
    box-sizing: border-box;
}

.kol-fallback-archive a:not(.kol-ui-button):not(.kol-ui-link),
.kol-fallback-single__content a:not(.kol-ui-button):not(.kol-ui-link) {
    /* Authored content links have no component class; preserve the site link token. */
    color: var(--link, var(--primary));
}

.kol-fallback-single__content {
    overflow-wrap: anywhere;
}

.kol-fallback-single__content > :first-child {
    margin-top: 0;
}

.kol-fallback-single__content > :last-child {
    margin-bottom: 0;
}

.kol-fallback-single__content :is(h2, h3, h4) {
    margin: 2rem 0 0.75rem;
    color: var(--foreground);
    line-height: 1.4;
}

.kol-fallback-single__content :is(img, video, iframe) {
    max-width: 100%;
    height: auto;
}

.kol-fallback-single__content .aligncenter {
    display: block;
    margin-inline: auto;
}

.kol-fallback-single__content pre {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
}

.kol-fallback-single__content blockquote {
    margin-inline: 0;
    padding-inline: 1rem;
    border-inline-start: 3px solid var(--primary);
    color: var(--muted-foreground);
}

.kol-fallback-single__content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
}

.kol-fallback-single__content :is(th, td) {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border);
}

.kol-fallback-single__comments #comments,
.kol-fallback-single__comments .comments-area {
    margin: 0;
    padding: 0;
    background: transparent;
}

@media (max-width: 560px) {
    .kol-fallback-single__content {
        font-size: 0.95rem;
    }
}