/*
 * @Author: iowen
 * @Author URI: https://www.iowen.cn/
 * @Date: 2024-01-03 00:15:11
 * @LastEditors: iowen
 * @LastEditTime: 2026-09-13
 * @FilePath: \onenavsub\assets\css\sub-style.css
 * @Description: 自定义样式；OSAKALIST_SEO_003 移动端可读性修复
 */

body.single-post .entry-content a,
body.single-post .panel-body a,
body.search .sites-item .item-body {
    overflow-wrap: anywhere;
}

body.single-post .entry-content img,
body.single-post .panel-body img {
    max-width: 100%;
    height: auto;
}

body.single-post .entry-content table,
body.single-post .entry-content pre,
body.single-post .panel-body table,
body.single-post .panel-body pre {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
}

body.single-post .entry-content table,
body.single-post .panel-body table {
    white-space: normal;
}

@media (max-width: 479.98px) {
    body.home .ajax-list-body.row-col-2a > .sites-item {
        flex: 0 0 calc(100% - var(--this-card-padding));
        max-width: calc(100% - var(--this-card-padding));
    }

    body.search .sites-item .item-title.line1,
    body.search .sites-item .text-muted.line1 {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.search .sites-item .sites-body {
        align-items: flex-start;
    }

    body .breadcrumb {
        flex-wrap: wrap;
        overflow-wrap: anywhere;
    }
}

body.postid-2995 .sites-preview .site-img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    background: var(--muted-bg-a-color);
}

body.postid-2995 .sites-preview .site-img > img {
    display: none;
}

body.postid-2995 .sites-preview .site-img::before {
    content: "プレビューを利用できません。リンクからサイトを開けます。";
    max-width: 18em;
    padding: 1rem;
    color: var(--muted-color2);
    text-align: center;
    line-height: 1.6;
}

body.postid-2995 .sites-preview .preview-btn {
    bottom: 28px;
    opacity: 1;
}