/* Doctor column: mobile type must remain readable instead of scaling to 10px. */
@media (max-width: 991.98px) {
    .column-list-home, .column-detail {
        --sp-4: 4px;
        --sp-6: 6px;
        --sp-8: 8px;
        --sp-10: 10px;
        --sp-11: 11px;
        --sp-12: 12px;
        --sp-13: 13px;
        --sp-14: 14px;
        --sp-15: 15px;
        --sp-16: 16px;
        --sp-18: 18px;
        --sp-20: 20px;
        --sp-22: 22px;
        --sp-24: 24px;
        min-width: 0;
        overflow-wrap: anywhere;
    }
    .column-list-home .clh-hero { overflow: hidden; }
    .column-list-home .clh-hero-card { max-width: 100%; }
    .column-list-home .clh-hero-body h2,
    .column-list-home .clh-hero-body h3 { font-size: 20px; line-height: 1.45; }
    .column-list-home .clh-hero-body p { font-size: 14px; line-height: 1.6; }
    .column-list-home .clh-hero-nav { min-height: 44px; }
    .column-list-home .clh-view-btn { min-width: 48px; min-height: 44px; }
    .column-list-home .clh-grid { grid-template-columns: minmax(0, 1fr); }
    .column-list-home .clh-card,
    .column-list-home .clh-card-title-link { min-width: 0; }
    .column-list-home .clh-card-thumb { display: block; }
    .column-list-home .clh-card-thumb img { display: block; max-width: 100%; }
    .column-list-home .clh-card-tags { flex-wrap: wrap; }
    .column-list-home .clh-card-title { font-size: 20px; line-height: 1.5; }
    .column-list-home .clh-card-subtitle { font-size: 15px; line-height: 1.7; }
    .column-list-home.clh-view-list .clh-card-thumb { display: none; }
    .column-list-home.clh-view-list .clh-card {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .column-list-home.clh-view-list .clh-card-cat,
    .column-list-home.clh-view-list .clh-card-tags { flex: 0 1 auto; }
    .column-list-home.clh-view-list .clh-card-title { font-size: 18px; }
    .column-list-home .clh-cat-header { position: relative; top: auto; }

    .column-detail .col-article-wrap {
        width: 100%;
        max-width: 760px;
        padding: 100px 20px 0 !important;
        margin: 0 auto;
    }
    .column-detail .col-article-row { margin-left: 0; margin-right: 0; row-gap: 32px; }
    .column-detail .col-article-left,
    .column-detail .col-article-right { width: 100%; min-width: 0; padding-left: 0; padding-right: 0; }
    .column-detail .col-article-left { position: static; margin-bottom: 0; }
    .column-detail h1 { font-size: 28px; line-height: 1.4; word-break: keep-all; }
    .column-detail #tocNav .toc-h2 > a { font-size: 15px; line-height: 1.6; }
    .column-detail #tocNav .toc-h3 > a { font-size: 14px; line-height: 1.6; color: var(--gray-300); }
    .column-detail #content { min-width: 0; font-size: 16px; line-height: 1.85; color: var(--white); }
    .column-detail #content p,
    .column-detail #content li { font-size: 16px; line-height: 1.85; }
    .column-detail #content h2 { font-size: 22px; line-height: 1.5; scroll-margin-top: 88px; }
    .column-detail #content h3 { font-size: 19px; line-height: 1.5; color: var(--white); scroll-margin-top: 88px; }
    .column-detail #content h4 { font-size: 17px; line-height: 1.5; color: var(--white); }
    .column-detail #content figure { max-width: 100%; margin-left: 0; margin-right: 0; }
    .column-detail #content img { max-width: 100%; height: auto; }
    .column-detail #content iframe,
    .column-detail #content video { max-width: 100%; }
    .column-detail #content table { display: block; max-width: 100%; overflow-x: auto; font-size: 14px; }
    .column-detail #content figcaption { font-size: 13px; line-height: 1.65; }
    .column-detail #content blockquote,
    .column-detail #content blockquote p,
    .column-detail #content .pb-quote,
    .column-detail #content .pb-quote p,
    .column-detail #content .pb-warning p { color: var(--dark); }
    .column-detail #content summary { font-size: 16px; line-height: 1.6; }
    .column-detail #content .pb-faq-q { color: var(--dark); }
    .column-detail #content .faq-answer,
    .column-detail #content .faq-answer p,
    .column-detail #content .pb-faq-a,
    .column-detail #content .pb-faq-a p { font-size: 16px; line-height: 1.8; color: var(--dark); }
}