/*
 * Shared content patterns for non-home templates:
 * article body, sidebars, maps, rankings, and resilient media.
 */

.ee-site .article-content,
.ee-site .detail-content,
.ee-site .content-body,
.ee-site .news-content {
    color: var(--ee-color-ink) !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    word-break: break-word !important;
}

.ee-site .description-card {
    color: var(--ee-color-ink);
    font-size: 14.5px;
    line-height: 1.75;
    word-break: break-word;
}

.ee-site .article-content p,
.ee-site .detail-content p,
.ee-site .content-body p,
.ee-site .description-card p,
.ee-site .news-content p {
    margin: 0 0 1em !important;
}

.ee-site .article-content img,
.ee-site .detail-content img,
.ee-site .content-body img,
.ee-site .description-card img,
.ee-site .news-content img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: 16px auto !important;
    border-radius: 8px !important;
}

.ee-site .article-content table,
.ee-site .detail-content table,
.ee-site .content-body table,
.ee-site .description-card table,
.ee-site .news-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    overflow-wrap: anywhere !important;
}

.ee-site .article-content pre,
.ee-site .detail-content pre,
.ee-site .content-body pre,
.ee-site .description-card pre,
.ee-site .news-content pre {
    max-width: 100% !important;
    overflow-x: auto !important;
    padding: 14px !important;
    border-radius: 8px !important;
    background: #0f172a !important;
    color: #e5e7eb !important;
}

.ee-site aside,
.ee-site .dl-side,
.ee-site .sidebar,
.ee-site .right-sidebar {
    min-width: 0 !important;
}

.ee-site .sidebar-widget,
.ee-site .dl-widget,
.ee-site .rank-card {
    margin-bottom: 16px;
    padding: 16px 18px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.ee-site .rank-list,
.ee-site .dl-rank,
.ee-site .sidebar-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    min-width: 0;
    width: 100%;
}

.ee-site .dl-rank__item,
.ee-site .sidebar-list li {
    padding: 7.5px 16px;
    border-bottom: 1px solid #f2f3f5;
}

.ee-site .dl-rank__link,
.ee-site .sidebar-list a {
    color: var(--ee-color-text);
    font-size: 13px;
    line-height: 1.5;
}

.ee-site .map-section,
.ee-site .map-section ul,
.ee-site .map-section li {
    min-width: 0 !important;
    max-width: 100% !important;
}

.ee-site .map-section ul {
    padding-left: 18px !important;
}

.ee-site .map-section a {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.ee-site .comment_box {
    width: min(100%, var(--ee-width));
    margin: 0 auto;
    padding: 20px;
}

.ee-site .comment,
.ee-site .comment_form {
    margin-bottom: 18px;
    padding: 20px;
    border: 1px solid var(--ee-color-line);
    border-radius: var(--ee-radius);
    background: #fff;
    box-shadow: var(--ee-shadow-sm);
}

.ee-site .comment_title h1,
.ee-site .comment_title h2,
.ee-site .form_title h2 {
    margin: 0 0 8px;
    color: var(--ee-color-ink);
    font-size: 22px;
    font-weight: 800;
}

.ee-site .comment_title span {
    color: var(--ee-color-muted);
}

.ee-site .form_box table {
    width: 100% !important;
    max-width: 680px;
    border-collapse: collapse;
}

.ee-site .form_box td {
    padding: 8px;
    color: var(--ee-color-text);
}

.ee-site .form_box input[type="text"],
.ee-site .form_box textarea {
    width: 100% !important;
    min-height: 36px;
    border: 1px solid var(--ee-color-line);
    border-radius: 8px;
    padding: 8px 10px;
    font: inherit;
}

.ee-site .form_box textarea {
    min-height: 120px;
    resize: vertical;
}

.ee-site .pagination,
.ee-site .pagination-wrapper,
.ee-site .dl-pager,
.ee-site .sr-pagination ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 24px 0 0 !important;
    list-style: none !important;
}

.ee-site .pagination a,
.ee-site .pagination span,
.ee-site .pagination-wrapper a,
.ee-site .pagination-wrapper span,
.ee-site .dl-pager__item a,
.ee-site .dl-pager__item span {
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 6px 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--ee-color-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--ee-color-text) !important;
}

.ee-site .pagination .active a,
.ee-site .pagination .active span,
.ee-site .pagination-wrapper .active span,
.ee-site .dl-pager__item--active span {
    background: var(--ee-color-brand) !important;
    border-color: var(--ee-color-brand) !important;
    color: #fff !important;
}

@media (max-width: 768px) {
    .ee-site .article-content,
    .ee-site .detail-content,
    .ee-site .content-body,
    .ee-site .description-card,
    .ee-site .news-content {
        font-size: 15px !important;
    }

    .ee-site .comment_box {
        padding: 12px;
    }

    .ee-site .form_box table,
    .ee-site .form_box tbody,
    .ee-site .form_box tr,
    .ee-site .form_box td {
        display: block;
        width: 100% !important;
    }
}