/* ============================================================
   Drugestan Health Magazine — DHM-ARTICLE-UI-2 CLEAN
   v1.14.0
   This stylesheet intentionally resets legacy single-article rules.
   ============================================================ */

.dhm-ui2-clean,
.dhm-ui2-clean *{
    box-sizing:border-box;
}
.dhm-ui2-clean{
    --c-ink:#17324c;
    --c-text:#435466;
    --c-muted:#73808d;
    --c-line:#dde5ec;
    --c-soft:#f7f9fb;
    --c-blue:#214e79;
    --c-navy:#172742;
    --c-info:#eef7fd;
    --c-info-line:#cfe5f4;
    --c-warn:#fff8ee;
    --c-warn-line:#eddabd;
    --c-purple:#352f82;
    --radius:14px;

    direction:rtl!important;
    text-align:right!important;
    color:var(--c-text)!important;
    background:#fff!important;
    width:min(1380px, calc(100vw - 28px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:14px 18px 54px!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:visible!important;
}

/* kill legacy layout assumptions */
.dhm-ui2-clean .dhm-v13-shell,
.dhm-ui2-clean .dhm-v13-left-rail,
.dhm-ui2-clean .dhm-v13-center,
.dhm-ui2-clean .dhm-v13-right-rail{
    margin:0!important;
    float:none!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
    max-width:none!important;
}

.dhm-ui2-clean .dhm-breadcrumbs{
    margin:0 0 18px!important;
    border-radius:10px!important;
    background:#1f456f!important;
    color:#fff!important;
    min-height:42px!important;
    padding:11px 14px!important;
    font-size:12px!important;
    line-height:1.65!important;
    overflow:hidden!important;
}
.dhm-ui2-clean .dhm-breadcrumbs a{
    color:#fff!important;
    text-decoration:none!important;
}

/* DESKTOP CORE */
@media (min-width:1024px){
    .dhm-ui2-clean .dhm-v13-shell{
        display:grid!important;
        grid-template-columns:230px minmax(0, 1fr) 300px!important;
        grid-template-areas:"left center right"!important;
        gap:24px!important;
        align-items:start!important;
        direction:ltr!important;
    }

    .dhm-ui2-clean .dhm-v13-left-rail{
        grid-area:left!important;
        direction:rtl!important;
        position:sticky!important;
        top:88px!important;
        display:grid!important;
        gap:14px!important;
        align-self:start!important;
        min-width:0!important;
    }

    .dhm-ui2-clean .dhm-v13-center{
        grid-area:center!important;
        direction:rtl!important;
        min-width:0!important;
        position:relative!important;
        z-index:1!important;
    }

    .dhm-ui2-clean .dhm-v13-right-rail{
        grid-area:right!important;
        direction:rtl!important;
        position:static!important;
        display:grid!important;
        gap:14px!important;
        min-width:0!important;
        align-self:start!important;
        z-index:0!important;
    }
}

/* Header */
.dhm-ui2-clean .dhm-v13-header{
    margin:0 0 18px!important;
    padding:4px 0 18px!important;
    border:0!important;
    border-bottom:1px solid var(--c-line)!important;
    background:transparent!important;
}
.dhm-ui2-clean .dhm-v13-kicker{
    display:inline-block!important;
    margin:0 0 10px!important;
    padding:6px 10px!important;
    border-radius:8px!important;
    background:#f0f1ff!important;
    color:#565ca0!important;
    font-size:12px!important;
    font-weight:800!important;
}
.dhm-ui2-clean .dhm-single-title{
    margin:0!important;
    color:var(--c-ink)!important;
    font-size:42px!important;
    line-height:1.35!important;
    font-weight:900!important;
    letter-spacing:-.25px!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
}
.dhm-ui2-clean .dhm-v13-deck{
    margin:10px 0 0!important;
    color:#5c6977!important;
    font-size:14.5px!important;
    line-height:1.95!important;
}
.dhm-ui2-clean .dhm-single-meta{
    margin-top:14px!important;
    padding:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px 18px!important;
    background:transparent!important;
    border:0!important;
    color:#6f7c87!important;
    font-size:12px!important;
}
.dhm-ui2-clean .dhm-reviewed{
    color:#157859!important;
    font-weight:800!important;
}

/* Right rail: image + cards, static */
.dhm-ui2-clean .dhm-v13-right-rail .dhm-ods-visual{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
.dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame{
    width:100%!important;
    aspect-ratio:4/3!important;
    min-height:0!important;
    height:auto!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#eef2f4!important;
}
.dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    display:block!important;
}
.dhm-ui2-clean .dhm-v13-mini-card,
.dhm-ui2-clean .dhm-v13-left-summary{
    width:100%!important;
    min-width:0!important;
    padding:14px!important;
    border:1px solid var(--c-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.dhm-ui2-clean .dhm-v13-mini-card{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
}
.dhm-ui2-clean .dhm-v13-mini-card strong,
.dhm-ui2-clean .dhm-v13-left-summary strong{
    display:block!important;
    color:var(--c-ink)!important;
    font-size:14px!important;
    line-height:1.6!important;
    margin:0 0 5px!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
}
.dhm-ui2-clean .dhm-v13-mini-card p,
.dhm-ui2-clean .dhm-v13-left-summary p{
    margin:0!important;
    color:#657383!important;
    font-size:12px!important;
    line-height:1.85!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
}
.dhm-ui2-clean .dhm-v13-mini-icon{
    width:32px!important;height:32px!important;
    border-radius:9px!important;
    display:grid!important;place-items:center!important;
    background:#f1f4f8!important;
    font-size:16px!important;
}
.dhm-ui2-clean .dhm-v13-product-cta{
    background:#fff!important;
}
.dhm-ui2-clean .dhm-v13-product-cta a{
    display:inline-flex!important;
    margin-top:9px!important;
    padding:8px 12px!important;
    border-radius:8px!important;
    background:var(--c-purple)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    text-decoration:none!important;
}

/* Left rail TOC */
.dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:1px solid var(--c-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:none!important;
}
.dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0!important;
    padding:12px 14px!important;
    border:0!important;
    background:var(--c-navy)!important;
    color:#fff!important;
}
.dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head strong{
    color:#fff!important;
    font-size:14px!important;
}
.dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-mobile-toggle{
    display:none!important;
}
.dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links{
    display:grid!important;
    margin:0!important;
    padding:7px 0!important;
    list-style:none!important;
    gap:0!important;
}
.dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links li{
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid #edf1f4!important;
}
.dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links li:last-child{
    border-bottom:0!important;
}
.dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links a{
    display:block!important;
    padding:8px 12px!important;
    color:#354a5e!important;
    font-size:12px!important;
    line-height:1.6!important;
    text-decoration:none!important;
    white-space:normal!important;
    word-break:normal!important;
}
.dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links a:hover,
.dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links a.is-active{
    background:#f2f6f9!important;
    color:#173553!important;
    font-weight:800!important;
}

/* Quick answer */
.dhm-ui2-clean .dhm-v13-quick{
    margin:0 0 24px!important;
    padding:14px 15px!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:start!important;
    border:1px solid var(--c-info-line)!important;
    border-radius:12px!important;
    background:var(--c-info)!important;
}
.dhm-ui2-clean .dhm-v13-quick-icon{
    width:36px!important;height:36px!important;
    border-radius:50%!important;
    display:grid!important;place-items:center!important;
    background:#d5ecfb!important;
    color:#17679d!important;
    font:900 21px Georgia,serif!important;
}
.dhm-ui2-clean .dhm-v13-quick strong{
    display:block!important;
    margin:0 0 4px!important;
    color:#193a58!important;
    font-size:14px!important;
}
.dhm-ui2-clean .dhm-v13-quick p{
    margin:0!important;
    color:#486074!important;
    font-size:13px!important;
    line-height:1.9!important;
}

/* Section headings */
.dhm-ui2-clean .dhm-v13-section-head,
.dhm-ui2-clean .dhm-v13-main,
.dhm-ui2-clean .dhm-sync-section,
.dhm-ui2-clean .dhm-single-extra{
    width:100%!important;
    max-width:100%!important;
}
.dhm-ui2-clean .dhm-v13-section-head h2,
.dhm-ui2-clean .dhm-v13-main>h2,
.dhm-ui2-clean .dhm-sync-section>h2,
.dhm-ui2-clean .dhm-single-extra>h2,
.dhm-ui2-clean .dhm-v13-related h2,
.dhm-ui2-clean .dhm-v13-review-footer h2{
    margin:0 0 10px!important;
    color:var(--c-ink)!important;
    font-size:25px!important;
    line-height:1.5!important;
    font-weight:900!important;
    white-space:normal!important;
    word-break:normal!important;
}
.dhm-ui2-clean .dhm-v13-section-head p{
    margin:0 0 12px!important;
    color:#7a8793!important;
    font-size:12px!important;
}

/* Decision aid */
.dhm-ui2-clean .dhm-v13-decision{
    margin:0 0 30px!important;
}
.dhm-ui2-clean .dhm-v13-decision-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
}
.dhm-ui2-clean .dhm-v13-decision-card{
    min-width:0!important;
    padding:12px 8px!important;
    border:1px solid var(--c-line)!important;
    border-radius:11px!important;
    background:#fff!important;
    text-align:center!important;
}
.dhm-ui2-clean .dhm-v13-decision-icon{
    width:38px!important;height:38px!important;
    border-radius:50%!important;
    display:grid!important;place-items:center!important;
    margin:0 auto 8px!important;
    background:#eef3f8!important;
    color:#2e5a7f!important;
    font-size:12px!important;
    font-weight:900!important;
}
.dhm-ui2-clean .dhm-v13-decision-card strong{
    display:block!important;
    margin:0 0 5px!important;
    color:#203b55!important;
    font-size:12px!important;
    line-height:1.5!important;
}
.dhm-ui2-clean .dhm-v13-decision-card p{
    margin:0!important;
    color:#687788!important;
    font-size:10px!important;
    line-height:1.7!important;
}
.dhm-ui2-clean .dhm-v13-caution{
    margin-top:9px!important;
    padding:10px 12px!important;
    border:1px solid var(--c-warn-line)!important;
    border-radius:10px!important;
    background:var(--c-warn)!important;
    color:#755b3b!important;
    font-size:11.5px!important;
    line-height:1.8!important;
}

/* Main/scientific sections */
.dhm-ui2-clean .dhm-v13-main,
.dhm-ui2-clean .dhm-sync-section,
.dhm-ui2-clean .dhm-single-extra{
    margin:28px 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.dhm-ui2-clean .dhm-v13-main>.dhm-section-card{
    padding:0!important;
    border:0!important;
    background:#fff!important;
    color:#3f5364!important;
    font-size:15px!important;
    line-height:2.1!important;
}
.dhm-ui2-clean .dhm-center-card,
.dhm-ui2-clean .dhm-section-card{
    max-width:100%!important;
}
.dhm-ui2-clean .dhm-sync-section>.dhm-section-card,
.dhm-ui2-clean .dhm-single-extra>.dhm-section-card{
    padding:17px 18px!important;
    border:1px solid var(--c-line)!important;
    border-right:3px solid var(--c-blue)!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    color:#3f5364!important;
    font-size:14px!important;
    line-height:2!important;
    box-shadow:none!important;
}
.dhm-ui2-clean .dhm-sync-warning>.dhm-section-card{
    background:#fff9f0!important;
    border-color:#efdfc8!important;
    border-right-color:#d89232!important;
}
.dhm-ui2-clean .dhm-professional>.dhm-section-card{
    background:#f7f6fb!important;
    border-color:#e6e1f1!important;
    border-right-color:#7562a3!important;
}

/* FAQ */
.dhm-ui2-clean .dhm-sync-faq{
    margin:8px 0!important;
    border:1px solid var(--c-line)!important;
    border-radius:10px!important;
    background:#fff!important;
    overflow:hidden!important;
}
.dhm-ui2-clean .dhm-faq-toggle{
    width:100%!important;
    min-height:54px!important;
    padding:11px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    background:#fff!important;
    color:#1d3a54!important;
    border:0!important;
    font-size:13.5px!important;
    font-weight:800!important;
    text-align:right!important;
}
.dhm-ui2-clean .dhm-faq-toggle b{
    width:28px!important;height:28px!important;
    flex:0 0 28px!important;
    border-radius:8px!important;
    display:grid!important;place-items:center!important;
    background:#234f79!important;
    color:#fff!important;
}
.dhm-ui2-clean .dhm-faq-answer{
    padding:0 14px 14px!important;
    color:#56697c!important;
    line-height:2!important;
}

/* Tables */
.dhm-ui2-clean .dhm-sync-table-wrap{
    max-width:100%!important;
    overflow:auto!important;
    border:1px solid var(--c-line)!important;
    border-radius:11px!important;
    background:#fff!important;
}
.dhm-ui2-clean table{
    width:100%!important;
    border-collapse:collapse!important;
    direction:rtl!important;
}
.dhm-ui2-clean th{
    background:#eaf2f7!important;
    color:#25445f!important;
    font-weight:800!important;
}
.dhm-ui2-clean th,
.dhm-ui2-clean td{
    padding:11px 13px!important;
    border-bottom:1px solid #e8edf1!important;
    text-align:right!important;
    vertical-align:top!important;
    font-size:12.5px!important;
    line-height:1.75!important;
}

/* Products */
.dhm-ui2-clean .dhm-sync-products-grid,
.dhm-ui2-clean .dhm-related-products{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:11px!important;
}
.dhm-ui2-clean .dhm-sync-product,
.dhm-ui2-clean .dhm-related-product{
    min-width:0!important;
    padding:11px!important;
    border:1px solid var(--c-line)!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.dhm-ui2-clean .dhm-sync-product img,
.dhm-ui2-clean .dhm-related-product img{
    width:100%!important;
    max-height:105px!important;
    object-fit:contain!important;
}

/* Review + related */
.dhm-ui2-clean .dhm-v13-review-footer{
    margin:34px 0 0!important;
    padding:15px 0!important;
    border-top:1px solid var(--c-line)!important;
    border-bottom:1px solid var(--c-line)!important;
}
.dhm-ui2-clean .dhm-v13-review-footer>div{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px 20px!important;
    font-size:12px!important;
    color:#637283!important;
}
.dhm-ui2-clean .dhm-v13-related{
    margin-top:30px!important;
}
.dhm-ui2-clean .dhm-v13-related-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:11px!important;
}
.dhm-ui2-clean .dhm-v13-related-card{
    border:1px solid var(--c-line)!important;
    border-radius:11px!important;
    overflow:hidden!important;
    background:#fff!important;
}
.dhm-ui2-clean .dhm-v13-related-card a{
    display:block!important;
    text-decoration:none!important;
    color:inherit!important;
}
.dhm-ui2-clean .dhm-v13-related-thumb{
    aspect-ratio:16/9!important;
    overflow:hidden!important;
}
.dhm-ui2-clean .dhm-v13-related-thumb img{
    width:100%!important;height:100%!important;object-fit:cover!important;
}
.dhm-ui2-clean .dhm-v13-related-card span{
    display:block!important;
    padding:9px 11px 2px!important;
    color:#768391!important;
    font-size:10px!important;
}
.dhm-ui2-clean .dhm-v13-related-card strong{
    display:block!important;
    padding:0 11px 12px!important;
    color:#193751!important;
    font-size:13px!important;
    line-height:1.75!important;
}
.dhm-ui2-clean .dhm-single-disclaimer{
    margin-top:32px!important;
    padding:11px 13px!important;
    border-radius:9px!important;
    background:#f8fafc!important;
    color:#73808c!important;
    font-size:11px!important;
    line-height:1.8!important;
}

/* ============================================================
   MOBILE — approved hierarchy
   ============================================================ */
@media (max-width:1023px){
    .dhm-ui2-clean{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:10px 12px 100px!important;
        overflow:hidden!important;
    }
    .dhm-ui2-clean .dhm-v13-shell{
        display:flex!important;
        flex-direction:column!important;
        gap:0!important;
        direction:rtl!important;
    }
    .dhm-ui2-clean .dhm-v13-center,
    .dhm-ui2-clean .dhm-v13-left-rail,
    .dhm-ui2-clean .dhm-v13-right-rail{
        display:contents!important;
        position:static!important;
    }

    .dhm-ui2-clean .dhm-v13-header{order:1!important;}
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-ods-visual{order:2!important;}
    .dhm-ui2-clean .dhm-v13-quick{order:3!important;}
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc{order:4!important;}
    .dhm-ui2-clean .dhm-v13-decision{order:5!important;}
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-product-cta{order:6!important;}
    .dhm-ui2-clean .dhm-v13-main{order:7!important;}
    .dhm-ui2-clean .dhm-v13-center>.dhm-sync-section,
    .dhm-ui2-clean .dhm-v13-center>.dhm-single-extra{order:8!important;}
    .dhm-ui2-clean .dhm-v13-review-footer{order:9!important;}
    .dhm-ui2-clean .dhm-v13-related{order:10!important;}

    .dhm-ui2-clean .dhm-v13-left-summary,
    .dhm-ui2-clean .dhm-v13-audience-card,
    .dhm-ui2-clean .dhm-v13-pro-card{
        display:none!important;
    }

    .dhm-ui2-clean .dhm-breadcrumbs{
        margin:0 0 12px!important;
        padding:9px 10px!important;
        min-height:auto!important;
        font-size:10px!important;
    }
    .dhm-ui2-clean .dhm-v13-header{
        padding:8px 4px 14px!important;
        margin-bottom:12px!important;
    }
    .dhm-ui2-clean .dhm-single-title{
        font-size:28px!important;
        line-height:1.48!important;
        letter-spacing:0!important;
    }
    .dhm-ui2-clean .dhm-v13-deck{
        font-size:13px!important;
        line-height:1.9!important;
    }
    .dhm-ui2-clean .dhm-single-meta{
        font-size:11px!important;
        gap:7px 12px!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame{
        aspect-ratio:16/9!important;
        border-radius:12px!important;
    }
    .dhm-ui2-clean .dhm-v13-quick{
        margin:0 0 12px!important;
        padding:12px!important;
        grid-template-columns:34px minmax(0,1fr)!important;
    }
    .dhm-ui2-clean .dhm-v13-quick-icon{
        width:31px!important;height:31px!important;font-size:18px!important;
    }
    .dhm-ui2-clean .dhm-v13-quick p{
        font-size:12.5px!important;
        line-height:1.85!important;
    }

    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc{
        display:block!important;
        margin:0 0 16px!important;
        border:1px solid var(--c-line)!important;
        border-radius:12px!important;
        background:#fff!important;
        overflow:hidden!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head{
        background:#f7f9fb!important;
        color:#173553!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head strong{
        color:#173553!important;
        font-size:16px!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-mobile-toggle{
        display:grid!important;
        place-items:center!important;
        width:32px!important;height:32px!important;
        border:0!important;
        background:transparent!important;
        color:#244f75!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links{
        display:none!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc.is-open .dhm-toc-links{
        display:grid!important;
    }

    .dhm-ui2-clean .dhm-v13-section-head h2,
    .dhm-ui2-clean .dhm-v13-main>h2,
    .dhm-ui2-clean .dhm-sync-section>h2,
    .dhm-ui2-clean .dhm-single-extra>h2,
    .dhm-ui2-clean .dhm-v13-related h2,
    .dhm-ui2-clean .dhm-v13-review-footer h2{
        font-size:21px!important;
        line-height:1.55!important;
    }

    /* five compact cards in one row exactly */
    .dhm-ui2-clean .dhm-v13-decision-grid{
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:5px!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-card{
        padding:8px 4px!important;
        border-radius:9px!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-icon{
        width:30px!important;height:30px!important;
        margin-bottom:5px!important;
        font-size:9px!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-card strong{
        font-size:9.5px!important;
        line-height:1.4!important;
        min-height:27px!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-card p{
        font-size:7.8px!important;
        line-height:1.55!important;
        display:-webkit-box!important;
        -webkit-line-clamp:4!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
    }
    .dhm-ui2-clean .dhm-v13-caution{
        font-size:10.5px!important;
        line-height:1.75!important;
        padding:9px 10px!important;
    }

    .dhm-ui2-clean .dhm-v13-product-cta{
        margin:0 0 18px!important;
    }

    .dhm-ui2-clean .dhm-sync-section>.dhm-section-card,
    .dhm-ui2-clean .dhm-single-extra>.dhm-section-card{
        padding:15px!important;
        font-size:13.5px!important;
        line-height:2!important;
    }

    .dhm-ui2-clean .dhm-sync-table-wrap{
        overflow:auto!important;
    }
    .dhm-ui2-clean table{
        min-width:560px!important;
    }

    .dhm-ui2-clean .dhm-sync-products-grid,
    .dhm-ui2-clean .dhm-related-products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .dhm-ui2-clean .dhm-v13-related-grid{
        grid-template-columns:1fr!important;
    }
}

@media (max-width:520px){
    .dhm-ui2-clean .dhm-single-title{
        font-size:26px!important;
    }
    .dhm-ui2-clean .dhm-sync-products-grid,
    .dhm-ui2-clean .dhm-related-products{
        grid-template-columns:1fr!important;
    }
}


/* ============================================================
   v1.14.1 — Nested grid reset / rail order correction
   Legacy components carried grid-area names from the old 3-panel UI.
   Inside the new rails those names must be neutralized.
   ============================================================ */

@media (min-width:1024px){

    /* Remove ALL legacy grid placement from children of the new rails */
    .dhm-ui2-clean .dhm-v13-left-rail > *,
    .dhm-ui2-clean .dhm-v13-right-rail > *{
        grid-area:auto!important;
        grid-column:auto!important;
        grid-row:auto!important;
        order:0!important;
        position:relative!important;
        inset:auto!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        transform:none!important;
        align-self:stretch!important;
        justify-self:stretch!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }

    /* Left rail order: TOC first, summary second */
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc{
        order:1!important;
        grid-area:auto!important;
        position:relative!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-v13-left-summary{
        order:2!important;
    }

    /* Right rail order: large image, audience, products, professional note */
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-ods-visual{
        order:1!important;
        grid-area:auto!important;
        display:block!important;
        min-height:0!important;
        height:auto!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-audience-card{
        order:2!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-product-cta{
        order:3!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-pro-card{
        order:4!important;
    }

    /* The actual TOC rail itself remains sticky; children are ordinary flow */
    .dhm-ui2-clean .dhm-v13-left-rail{
        position:sticky!important;
        top:88px!important;
    }

    /* Strong image reset */
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame{
        display:block!important;
        position:relative!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:4/3!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
        border-radius:14px!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame img,
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-ods-visual img{
        display:block!important;
        position:static!important;
        width:100%!important;
        height:100%!important;
        min-width:100%!important;
        max-width:none!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:0!important;
        object-fit:cover!important;
        aspect-ratio:auto!important;
        transform:none!important;
    }

    /* Old .dhm-ods-panel rules must not turn TOC into a nested named grid */
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc{
        display:block!important;
        grid-template:none!important;
    }

    /* Guarantee readable rail card widths */
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-mini-card{
        display:grid!important;
        grid-template-columns:34px minmax(0,1fr)!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-mini-card > div{
        min-width:0!important;
        width:auto!important;
    }

    /* Keep the main reading column dominant */
    .dhm-ui2-clean .dhm-v13-shell{
        grid-template-columns:220px minmax(560px,1fr) 300px!important;
        gap:22px!important;
    }
}

/* Mobile also neutralizes legacy named grid areas before display:contents */
@media (max-width:1023px){
    .dhm-ui2-clean .dhm-v13-left-rail > *,
    .dhm-ui2-clean .dhm-v13-right-rail > *{
        grid-area:auto!important;
        grid-column:auto!important;
        grid-row:auto!important;
        position:relative!important;
        inset:auto!important;
        transform:none!important;
        width:auto!important;
        max-width:100%!important;
    }

    .dhm-ui2-clean .dhm-v13-right-rail .dhm-ods-visual{
        order:2!important;
        width:100%!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame{
        width:100%!important;
        aspect-ratio:16/9!important;
    }
}


/* ============================================================
   v1.15.0 COMPLETE — Final polish for DHM-ARTICLE-UI-2
   ============================================================ */

@media (min-width:1024px){
    .dhm-ui2-clean{
        width:min(1320px, calc(100vw - 36px))!important;
        padding:12px 16px 50px!important;
    }
    .dhm-ui2-clean .dhm-v13-shell{
        grid-template-columns:215px minmax(570px,1fr) 290px!important;
        gap:20px!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail{gap:0!important;}
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc{
        box-shadow:0 4px 18px rgba(23,50,76,.035)!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head{
        min-height:46px!important;
        background:#172742!important;
        padding:12px 14px!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head strong{
        display:flex!important;
        align-items:center!important;
        gap:7px!important;
        font-size:13px!important;
        color:#fff!important;
        visibility:visible!important;
        opacity:1!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame{
        aspect-ratio:1.28/1!important;
        min-height:224px!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame img{
        object-position:center center!important;
    }
    .dhm-ui2-clean .dhm-single-title{
        font-size:38px!important;
        line-height:1.36!important;
    }
    .dhm-ui2-clean .dhm-v13-deck{
        font-size:14px!important;
        line-height:1.9!important;
    }
    .dhm-ui2-clean .dhm-v13-header{
        margin-bottom:14px!important;
        padding-bottom:15px!important;
    }
    .dhm-ui2-clean .dhm-v13-quick{margin-bottom:20px!important;}
    .dhm-ui2-clean .dhm-v13-decision{margin-bottom:25px!important;}
    .dhm-ui2-clean .dhm-v13-main,
    .dhm-ui2-clean .dhm-sync-section,
    .dhm-ui2-clean .dhm-single-extra{
        margin-top:24px!important;
        margin-bottom:24px!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-mini-card{padding:12px!important;}
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-mini-card strong{font-size:13px!important;}
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-mini-card p{
        font-size:11.5px!important;
        line-height:1.75!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-card{padding:10px 7px!important;}
    .dhm-ui2-clean .dhm-v13-decision-card p{
        font-size:9.5px!important;
        line-height:1.6!important;
        display:-webkit-box!important;
        -webkit-line-clamp:3!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
    }
}

.dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head{
    visibility:visible!important;
    opacity:1!important;
}
.dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head:empty::before{
    content:"▤  فهرست مطالب";
    color:#fff;
    font-weight:800;
    font-size:13px;
}
.dhm-ui2-clean .dhm-toc-links a{text-decoration:none!important;}
.dhm-ui2-clean .dhm-toc-links a.is-active{
    box-shadow:inset -3px 0 0 #2d6c99!important;
}
.dhm-ui2-clean .dhm-sync-products-grid,
.dhm-ui2-clean .dhm-related-products{gap:10px!important;}
.dhm-ui2-clean .dhm-sync-product,
.dhm-ui2-clean .dhm-related-product{padding:10px!important;}
.dhm-ui2-clean .dhm-sync-product img,
.dhm-ui2-clean .dhm-related-product img{max-height:95px!important;}
.dhm-ui2-clean .dhm-faq-toggle{cursor:pointer!important;}
.dhm-ui2-clean .dhm-faq-toggle:hover{background:#f8fafc!important;}

@media (max-width:1023px){
    .dhm-ui2-clean{padding:9px 12px 104px!important;}
    .dhm-ui2-clean .dhm-breadcrumbs{
        border-radius:11px!important;
        line-height:1.55!important;
    }
    .dhm-ui2-clean .dhm-v13-kicker{margin-bottom:8px!important;}
    .dhm-ui2-clean .dhm-single-title{
        font-size:25px!important;
        line-height:1.5!important;
    }
    .dhm-ui2-clean .dhm-v13-deck{
        font-size:12.5px!important;
        line-height:1.85!important;
    }
    .dhm-ui2-clean .dhm-v13-header{padding-bottom:12px!important;}
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame{
        aspect-ratio:1.78/1!important;
        min-height:0!important;
    }
    .dhm-ui2-clean .dhm-v13-quick{
        padding:11px 12px!important;
        margin-bottom:11px!important;
    }
    .dhm-ui2-clean .dhm-v13-quick strong{font-size:13.5px!important;}
    .dhm-ui2-clean .dhm-v13-quick p{
        font-size:11.8px!important;
        line-height:1.78!important;
        display:-webkit-box!important;
        -webkit-line-clamp:6!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head{
        min-height:50px!important;
        padding:10px 13px!important;
    }
    .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head strong{
        font-size:15px!important;
    }
    .dhm-ui2-clean .dhm-v13-section-head h2,
    .dhm-ui2-clean .dhm-v13-main>h2,
    .dhm-ui2-clean .dhm-sync-section>h2,
    .dhm-ui2-clean .dhm-single-extra>h2,
    .dhm-ui2-clean .dhm-v13-related h2,
    .dhm-ui2-clean .dhm-v13-review-footer h2{
        font-size:20px!important;
        margin-bottom:8px!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-grid{
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:4px!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-card{
        padding:7px 3px!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-icon{
        width:28px!important;
        height:28px!important;
        font-size:8.5px!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-card strong{
        font-size:9px!important;
        min-height:25px!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-card p{
        font-size:7.4px!important;
        line-height:1.45!important;
        -webkit-line-clamp:3!important;
    }
    .dhm-ui2-clean .dhm-v13-product-cta{padding:13px!important;}
    .dhm-ui2-clean .dhm-v13-product-cta a{
        padding:8px 12px!important;
        font-size:11.5px!important;
    }
    .dhm-ui2-clean .dhm-v13-main,
    .dhm-ui2-clean .dhm-sync-section,
    .dhm-ui2-clean .dhm-single-extra{
        margin:23px 0!important;
    }
}

@media (max-width:700px){
    .dhm-ui2-clean .dhm-sync-table-wrap{
        overflow:visible!important;
        border:0!important;
        background:transparent!important;
    }
    .dhm-ui2-clean .dhm-sync-table-wrap table,
    .dhm-ui2-clean .dhm-sync-table{
        min-width:0!important;
        width:100%!important;
        display:block!important;
        border:0!important;
        background:transparent!important;
    }
    .dhm-ui2-clean .dhm-sync-table thead{display:none!important;}
    .dhm-ui2-clean .dhm-sync-table tbody{
        display:grid!important;
        gap:9px!important;
        width:100%!important;
    }
    .dhm-ui2-clean .dhm-sync-table tr{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
        border:1px solid #dce5ec!important;
        border-right:3px solid #24527b!important;
        border-radius:11px!important;
        overflow:hidden!important;
        background:#fff!important;
    }
    .dhm-ui2-clean .dhm-sync-table td{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        padding:10px 12px!important;
        border:0!important;
        border-bottom:1px solid #edf1f4!important;
        background:#fff!important;
        font-size:12px!important;
        line-height:1.8!important;
    }
    .dhm-ui2-clean .dhm-sync-table td:last-child{
        border-bottom:0!important;
        background:#f7fafc!important;
        font-weight:700!important;
        color:#24445f!important;
    }
}

@media (max-width:390px){
    .dhm-ui2-clean .dhm-single-title{font-size:23px!important;}
    .dhm-ui2-clean .dhm-v13-decision-card p{display:none!important;}
    .dhm-ui2-clean .dhm-v13-decision-card strong{
        min-height:auto!important;
        font-size:8.5px!important;
    }
}


/* ============================================================
   v1.16.0 TARGET — Full-page target architecture
   Key change: lower content is a modular two-column grid on desktop.
   ============================================================ */

/* Breadcrumb should resemble a light editorial breadcrumb, not a dark banner. */
.dhm-ui2-clean .dhm-breadcrumbs{
    background:transparent!important;
    color:#728091!important;
    border:0!important;
    min-height:0!important;
    padding:4px 2px!important;
    margin:0 0 13px!important;
    font-size:11px!important;
    line-height:1.7!important;
}
.dhm-ui2-clean .dhm-breadcrumbs a{
    color:#66778a!important;
}
.dhm-ui2-clean .dhm-breadcrumbs a:hover{
    color:#244e78!important;
}

/* Left rail target cards */
.dhm-ui2-clean .dhm-v13-left-summary,
.dhm-ui2-clean .dhm-v16-left-product{
    border:1px solid #dde5ec!important;
    border-radius:12px!important;
    background:#fff!important;
    padding:13px!important;
}
.dhm-ui2-clean .dhm-v13-left-summary strong,
.dhm-ui2-clean .dhm-v16-left-product strong{
    display:block!important;
    color:#17324c!important;
    font-size:13px!important;
    margin-bottom:6px!important;
}
.dhm-ui2-clean .dhm-v13-left-summary p,
.dhm-ui2-clean .dhm-v16-left-product p{
    margin:0!important;
    color:#657586!important;
    font-size:11.5px!important;
    line-height:1.8!important;
}
.dhm-ui2-clean .dhm-v16-left-product a{
    display:block!important;
    margin-top:10px!important;
    padding:8px 10px!important;
    background:#302e77!important;
    color:#fff!important;
    border-radius:8px!important;
    text-decoration:none!important;
    text-align:center!important;
    font-size:11.5px!important;
    font-weight:800!important;
}

/* Modular lower article system */
.dhm-ui2-clean .dhm-v16-modules{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:start!important;
    width:100%!important;
}
.dhm-ui2-clean .dhm-v16-modules > *{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
}

/* Full-width editorial modules */
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-main,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-table-section,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-faq-section,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-media,
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-review-footer,
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-related{
    grid-column:1 / -1!important;
}

/* Half-width practical modules */
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-action,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-warning,
.dhm-ui2-clean .dhm-v16-modules > .dhm-pharmacist-section,
.dhm-ui2-clean .dhm-v16-modules > .dhm-professional,
.dhm-ui2-clean .dhm-v16-modules > .dhm-common-mistakes,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-sources,
.dhm-ui2-clean .dhm-v16-modules > .dhm-single-extra:not(.dhm-sync-products):not(.dhm-professional),
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-text{
    grid-column:auto!important;
}

/* Full scientific body is clean, less boxed, closer to target. */
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-main{
    padding:0!important;
}
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-main > .dhm-section-card{
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
}

/* Two-column cards should have equal visual language. */
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-action,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-warning,
.dhm-ui2-clean .dhm-v16-modules > .dhm-pharmacist-section,
.dhm-ui2-clean .dhm-v16-modules > .dhm-professional,
.dhm-ui2-clean .dhm-v16-modules > .dhm-common-mistakes,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-sources,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-text,
.dhm-ui2-clean .dhm-v16-modules > .dhm-single-extra{
    border:0!important;
    background:transparent!important;
    padding:0!important;
}
.dhm-ui2-clean .dhm-v16-modules > * > h2{
    font-size:21px!important;
    line-height:1.5!important;
    margin:0 0 9px!important;
}
.dhm-ui2-clean .dhm-v16-modules > * > .dhm-section-card{
    height:100%!important;
    min-height:150px!important;
    border:1px solid #dce5ec!important;
    border-right:3px solid #244f78!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    padding:16px!important;
    font-size:13px!important;
    line-height:1.95!important;
}
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-warning > .dhm-section-card{
    background:#fff8ef!important;
    border-color:#efddc2!important;
    border-right-color:#d68a29!important;
}
.dhm-ui2-clean .dhm-v16-modules > .dhm-pharmacist-section > .dhm-section-card{
    background:#f4f8fd!important;
    border-color:#d9e4ee!important;
    border-right-color:#35739e!important;
}
.dhm-ui2-clean .dhm-v16-modules > .dhm-professional > .dhm-section-card{
    background:#f7f5fc!important;
    border-color:#e4def2!important;
    border-right-color:#6e5ca5!important;
}

/* Sources as a compact module in the grid */
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-sources{
    border:1px solid #dce5ec!important;
    border-right:3px solid #244f78!important;
    border-radius:12px!important;
    padding:15px!important;
    background:#fff!important;
}
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-sources > h2{
    margin-bottom:8px!important;
}

/* Desktop proportions should look like the approved target, not a stretched dashboard. */
@media (min-width:1100px){
    .dhm-ui2-clean{
        width:min(1240px, calc(100vw - 48px))!important;
        padding:8px 8px 46px!important;
    }
    .dhm-ui2-clean .dhm-v13-shell{
        grid-template-columns:205px minmax(0,1fr) 278px!important;
        gap:18px!important;
    }
    .dhm-ui2-clean .dhm-single-title{
        font-size:35px!important;
        line-height:1.34!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame{
        min-height:215px!important;
        aspect-ratio:1.22/1!important;
    }
    .dhm-ui2-clean .dhm-v13-decision-grid{
        gap:7px!important;
    }
}

/* Tablet: modules remain two columns when there is room. */
@media (min-width:760px) and (max-width:1023px){
    .dhm-ui2-clean .dhm-v16-modules{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:14px!important;
    }
    .dhm-ui2-clean .dhm-v16-modules > .dhm-v13-main,
    .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-table-section,
    .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-faq-section,
    .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products,
    .dhm-ui2-clean .dhm-v16-modules > .dhm-v13-review-footer,
    .dhm-ui2-clean .dhm-v16-modules > .dhm-v13-related{
        grid-column:1 / -1!important;
    }
}

/* Mobile is deliberately one column, matching the phone target. */
@media (max-width:759px){
    .dhm-ui2-clean .dhm-v16-modules{
        display:block!important;
        width:100%!important;
    }
    .dhm-ui2-clean .dhm-v16-modules > *{
        width:100%!important;
        margin:22px 0!important;
    }

    /* Left desktop-only helper cards must not appear as duplicates on phone. */
    .dhm-ui2-clean .dhm-v13-left-summary,
    .dhm-ui2-clean .dhm-v16-left-product{
        display:none!important;
    }

    /* Mobile breadcrumb becomes one subtle line. */
    .dhm-ui2-clean .dhm-breadcrumbs{
        display:block!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        margin-bottom:8px!important;
        font-size:9.5px!important;
    }

    /* Match target phone: tighter title / metadata / image. */
    .dhm-ui2-clean .dhm-single-title{
        font-size:24px!important;
        line-height:1.48!important;
    }
    .dhm-ui2-clean .dhm-v13-deck{
        font-size:12px!important;
        line-height:1.8!important;
    }
    .dhm-ui2-clean .dhm-single-meta{
        font-size:10.5px!important;
        gap:6px 10px!important;
    }
    .dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame{
        aspect-ratio:16/8.5!important;
    }

    /* Lower modules are flatter/accordion-like rather than giant cards. */
    .dhm-ui2-clean .dhm-v16-modules > * > h2{
        font-size:19px!important;
        margin-bottom:8px!important;
    }
    .dhm-ui2-clean .dhm-v16-modules > * > .dhm-section-card{
        min-height:0!important;
        padding:14px!important;
        font-size:12.5px!important;
        line-height:1.9!important;
    }
}

/* FAQ full width, compact like target */
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-faq-section > .dhm-section-card{
    min-height:0!important;
    background:#fff!important;
    border:1px solid #dce5ec!important;
}

/* Products full width but denser on desktop */
@media (min-width:1024px){
    .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products .dhm-sync-products-grid,
    .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products .dhm-related-products{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:9px!important;
    }
    .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products .dhm-sync-product,
    .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products .dhm-related-product{
        padding:9px!important;
        font-size:11px!important;
    }
    .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products img{
        max-height:86px!important;
    }
}


/* ============================================================
   v1.17.0 STUDIO — full-width editorial redesign
   هدف: دسکتاپ تمام‌عرض‌تر، منوی شناور کوچک، شبکه 4 ستونه، رنگ‌های قوی‌تر و موبایل خسته‌کننده نباشد.
   ============================================================ */

.dhm-ui2-clean{
    width:min(1720px, calc(100vw - 12px))!important;
    max-width:none!important;
    padding:10px 10px 54px!important;
    color:#17324a!important;
    font-size:17px!important;
    line-height:2.02!important;
}
.dhm-ui2-clean,
.dhm-ui2-clean *{
    box-sizing:border-box!important;
}
.dhm-ui2-clean a{color:#214f7b!important;}
.dhm-ui2-clean a:hover{color:#0f5d7b!important;}

/* cleaner and more professional overall shell */
@media (min-width:1100px){
  .dhm-ui2-clean .dhm-v13-shell{
      grid-template-columns:minmax(0,1fr) 345px!important;
      gap:24px!important;
      align-items:start!important;
      position:relative!important;
  }
  .dhm-ui2-clean .dhm-v13-center{grid-column:1!important; min-width:0!important;}
  .dhm-ui2-clean .dhm-v13-right-rail{grid-column:2!important; min-width:0!important;}
  .dhm-ui2-clean .dhm-v13-left-rail{
      grid-column:1 / -1!important;
      position:fixed!important;
      left:14px!important;
      top:168px!important;
      z-index:99!important;
      width:58px!important;
      height:auto!important;
      margin:0!important;
      padding:0!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      pointer-events:none!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail > :not(.dhm-ods-toc){display:none!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc{
      pointer-events:auto!important;
      width:58px!important;
      min-width:58px!important;
      max-width:58px!important;
      border-radius:18px!important;
      border:1px solid #cdd9e6!important;
      background:linear-gradient(180deg,#213e67 0%, #172f51 100%)!important;
      box-shadow:0 14px 30px rgba(16,40,68,.18)!important;
      overflow:hidden!important;
      transition:max-width .25s ease,width .25s ease,transform .2s ease!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc:hover{transform:translateY(-1px)!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc.is-open{
      width:290px!important;
      max-width:290px!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head{
      position:relative!important;
      min-height:58px!important;
      margin:0!important;
      padding:0 16px!important;
      background:transparent!important;
      border:0!important;
      display:flex!important;
      align-items:center!important;
      justify-content:flex-start!important;
      color:#fff!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head::after{
      content:'مطالب'!important;
      color:#fff!important;
      font-size:13px!important;
      font-weight:800!important;
      opacity:1!important;
      white-space:nowrap!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc.is-open .dhm-ods-panel-head::after{
      content:'فهرست مطالب'!important;
      font-size:14px!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head strong{
      margin:0!important;
      padding:0!important;
      font-size:0!important;
      color:#fff!important;
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      width:24px!important;
      min-width:24px!important;
      margin-inline-end:10px!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head strong span{font-size:16px!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-mobile-toggle{
      position:absolute!important;
      inset:0!important;
      opacity:0!important;
      cursor:pointer!important;
      width:100%!important;height:100%!important;
      display:block!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links{
      display:none!important;
      background:#fff!important;
      margin:0!important;
      padding:8px 0 10px!important;
      border-top:1px solid #dbe5ee!important;
      max-height:65vh!important;
      overflow:auto!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc.is-open .dhm-toc-links{display:block!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links a{
      font-size:13px!important;
      padding:12px 16px!important;
      color:#22384f!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links a.is-active,
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links a:hover{
      background:#edf5fc!important;
      color:#173b63!important;
      border-right:4px solid #22638d!important;
  }
}

/* stronger breadcrumb and hero */
.dhm-ui2-clean .dhm-breadcrumbs{
    background:linear-gradient(90deg,#13335a 0%, #12355f 38%, #0f5e74 100%)!important;
    color:#fff!important;
    border-radius:16px!important;
    padding:13px 18px!important;
    margin:0 0 18px!important;
    font-size:13px!important;
    line-height:1.8!important;
    box-shadow:0 10px 28px rgba(14,49,87,.14)!important;
}
.dhm-ui2-clean .dhm-breadcrumbs .dhm-breadcrumb-label,
.dhm-ui2-clean .dhm-breadcrumbs a,
.dhm-ui2-clean .dhm-breadcrumbs span{color:#f7fbff!important; opacity:.96!important;}
.dhm-ui2-clean .dhm-breadcrumbs .dhm-breadcrumb-sep{opacity:.74!important;}

.dhm-ui2-clean .dhm-v13-header{
    background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%)!important;
    border:1px solid #d9e5f0!important;
    border-radius:24px!important;
    padding:24px 28px!important;
    box-shadow:0 16px 34px rgba(17,42,74,.07)!important;
}
.dhm-ui2-clean .dhm-v13-kicker{
    display:inline-flex!important;
    padding:8px 16px!important;
    border-radius:999px!important;
    background:#e9effb!important;
    color:#254268!important;
    font-size:14px!important;
    font-weight:800!important;
}
.dhm-ui2-clean .dhm-single-title{
    font-size:46px!important;
    line-height:1.35!important;
    color:#163351!important;
    margin:12px 0 14px!important;
    letter-spacing:-.02em!important;
}
.dhm-ui2-clean .dhm-v13-deck{
    font-size:20px!important;
    line-height:2.08!important;
    color:#455d73!important;
    margin-bottom:14px!important;
}
.dhm-ui2-clean .dhm-single-meta{
    font-size:15px!important;
    color:#5d6e80!important;
    gap:12px 18px!important;
}
.dhm-ui2-clean .dhm-single-meta .dhm-single-meta-verified{font-weight:800!important;color:#0d7b5f!important;}

.dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame,
.dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-card,
.dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-audience,
.dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-product-cta,
.dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-professional{
    border-radius:20px!important;
    box-shadow:0 14px 32px rgba(17,42,74,.08)!important;
    border:1px solid #d8e5ef!important;
    background:#fff!important;
}
.dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame{overflow:hidden!important;}
.dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame img{display:block!important;}
.dhm-ui2-clean .dhm-v13-right-rail .dhm-v13-product-cta a,
.dhm-ui2-clean .dhm-v16-left-product a,
.dhm-ui2-clean .dhm-sync-cta,
.dhm-ui2-clean .dhm-v13-product-cta .button,
.dhm-ui2-clean .dhm-v13-related a.button{
    background:linear-gradient(135deg,#2d3385 0%, #4c2e84 100%)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 10px 18px rgba(48,46,119,.18)!important;
}

/* decision cards more visible */
.dhm-ui2-clean .dhm-v13-decision-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:14px!important;
}
.dhm-ui2-clean .dhm-v13-decision-card{
    border:1px solid #d7e2ec!important;
    border-radius:18px!important;
    background:#fff!important;
    padding:16px 14px!important;
    box-shadow:0 10px 22px rgba(17,42,74,.05)!important;
}
.dhm-ui2-clean .dhm-v13-decision-card strong{font-size:17px!important;color:#173351!important;}
.dhm-ui2-clean .dhm-v13-decision-card p{font-size:14px!important;line-height:1.9!important;color:#53667a!important;}
.dhm-ui2-clean .dhm-v13-decision-note{
    margin-top:16px!important;
    background:#fff8e9!important;
    color:#745323!important;
    border:1px solid #edd8ad!important;
    border-radius:16px!important;
    padding:14px 18px!important;
    font-size:15px!important;
}

/* main content grid: 4-column editorial studio */
.dhm-ui2-clean .dhm-v16-modules{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:22px!important;
    align-items:start!important;
    margin-top:10px!important;
}
.dhm-ui2-clean .dhm-v16-modules > *{min-width:0!important;width:100%!important;margin:0!important;}
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-main,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-table-section,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-faq-section,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-media,
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-review-footer,
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-related{grid-column:1 / -1!important;}

.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-action,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-warning,
.dhm-ui2-clean .dhm-v16-modules > .dhm-pharmacist-section,
.dhm-ui2-clean .dhm-v16-modules > .dhm-professional,
.dhm-ui2-clean .dhm-v16-modules > .dhm-common-mistakes,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-text,
.dhm-ui2-clean .dhm-v16-modules > .dhm-single-extra:not(.dhm-sync-products):not(.dhm-professional){
    grid-column:span 2!important;
}
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-sources{
    grid-column:span 2!important;
}

.dhm-ui2-clean .dhm-v16-modules > * > h2,
.dhm-ui2-clean .dhm-v13-main > .dhm-v13-section-head h2,
.dhm-ui2-clean .dhm-sync-products > h2,
.dhm-ui2-clean .dhm-v13-related .dhm-v13-section-head h2{
    font-size:34px!important;
    line-height:1.45!important;
    color:#173351!important;
    margin:0 0 12px!important;
}
.dhm-ui2-clean .dhm-v16-modules > * > .dhm-section-card,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-sources,
.dhm-ui2-clean .dhm-v13-main > .dhm-section-card,
.dhm-ui2-clean .dhm-sync-faq-section > .dhm-section-card,
.dhm-ui2-clean .dhm-sync-products > .dhm-section-card,
.dhm-ui2-clean .dhm-v13-related > *:not(.dhm-v13-section-head){
    background:#fff!important;
    border:1px solid #d8e5ef!important;
    border-right:4px solid #1f4f7b!important;
    border-radius:22px!important;
    padding:20px 22px!important;
    box-shadow:0 16px 30px rgba(17,42,74,.06)!important;
}
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-warning > .dhm-section-card{
    background:#fff8ee!important;
    border-color:#f0ddc4!important;
    border-right-color:#c88221!important;
}
.dhm-ui2-clean .dhm-v16-modules > .dhm-pharmacist-section > .dhm-section-card{
    background:#f6fbff!important;
    border-right-color:#3e7ca4!important;
}
.dhm-ui2-clean .dhm-v16-modules > .dhm-professional > .dhm-section-card,
.dhm-ui2-clean .dhm-v16-modules > .dhm-common-mistakes > .dhm-section-card{
    background:#f7f4ff!important;
    border-right-color:#6f59af!important;
}
.dhm-ui2-clean .dhm-v16-modules p,
.dhm-ui2-clean .dhm-v16-modules li,
.dhm-ui2-clean .dhm-v13-main p,
.dhm-ui2-clean .dhm-sync-products .dhm-sync-product,
.dhm-ui2-clean .dhm-sync-faq-section,
.dhm-ui2-clean .dhm-v13-related-card strong{
    font-size:17px!important;
    line-height:2.05!important;
    color:#314a62!important;
}

/* products and related more usable on desktop */
@media (min-width:1100px){
  .dhm-ui2-clean .dhm-sync-products .dhm-sync-products-grid,
  .dhm-ui2-clean .dhm-sync-products .dhm-related-products,
  .dhm-ui2-clean .dhm-v13-related-grid{
      display:grid!important;
      grid-template-columns:repeat(4,minmax(0,1fr))!important;
      gap:14px!important;
  }
  .dhm-ui2-clean .dhm-sync-products .dhm-sync-product,
  .dhm-ui2-clean .dhm-sync-products .dhm-related-product,
  .dhm-ui2-clean .dhm-v13-related-card{
      border:1px solid #dde7f0!important;
      border-radius:18px!important;
      background:#fff!important;
      padding:14px!important;
      box-shadow:0 10px 20px rgba(17,42,74,.05)!important;
  }
}

/* FAQ stronger */
.dhm-ui2-clean .dhm-faq-toggle{
    min-height:58px!important;
    border-radius:14px!important;
    border:1px solid #d8e3ed!important;
    background:#fff!important;
}
.dhm-ui2-clean .dhm-faq-toggle b,
.dhm-ui2-clean .dhm-faq-toggle span{font-size:16px!important;}

/* better desktop table readability */
.dhm-ui2-clean .dhm-sync-compare{
    font-size:16px!important;
}
.dhm-ui2-clean .dhm-sync-compare th,
.dhm-ui2-clean .dhm-sync-compare td{
    padding:15px 14px!important;
}

/* tablets */
@media (min-width:760px) and (max-width:1099px){
  .dhm-ui2-clean{
      width:min(100vw - 10px, 1280px)!important;
      font-size:15.5px!important;
  }
  .dhm-ui2-clean .dhm-v13-shell{
      grid-template-columns:minmax(0,1fr) 300px!important;
      gap:18px!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail{display:none!important;}
  .dhm-ui2-clean .dhm-v16-modules{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
  .dhm-ui2-clean .dhm-v16-modules > .dhm-v13-main,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-table-section,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-faq-section,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-v13-review-footer,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-v13-related{grid-column:1 / -1!important;}
  .dhm-ui2-clean .dhm-v13-decision-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .dhm-ui2-clean .dhm-single-title{font-size:36px!important;}
  .dhm-ui2-clean .dhm-v16-modules > * > h2{font-size:28px!important;}
}

/* mobile strategy: compact hero, floating TOC button, horizontal cards and carousels to reduce long-scroll fatigue */
@media (max-width:759px){
  .dhm-ui2-clean{
      width:calc(100vw - 8px)!important;
      padding:6px 4px 84px!important;
      font-size:14.5px!important;
      line-height:1.95!important;
  }
  .dhm-ui2-clean .dhm-breadcrumbs{
      border-radius:14px!important;
      padding:10px 12px!important;
      font-size:10px!important;
      overflow:hidden!important;
      white-space:nowrap!important;
      text-overflow:ellipsis!important;
      margin-bottom:10px!important;
  }
  .dhm-ui2-clean .dhm-v13-shell{
      display:block!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail{
      display:block!important;
      position:fixed!important;
      left:10px!important;
      bottom:86px!important;
      z-index:99!important;
      width:auto!important;
      background:transparent!important;
      border:0!important;
      padding:0!important;
      margin:0!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail > :not(.dhm-ods-toc){display:none!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc{
      width:72px!important;
      border-radius:999px!important;
      overflow:hidden!important;
      border:0!important;
      box-shadow:0 12px 28px rgba(19,51,90,.24)!important;
      background:linear-gradient(135deg,#234267 0%, #18586d 100%)!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc.is-open{
      width:calc(100vw - 20px)!important;
      max-width:calc(100vw - 20px)!important;
      border-radius:18px!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head{
      position:relative!important;
      min-height:44px!important;
      padding:0 16px!important;
      color:#fff!important;
      border:0!important;
      background:transparent!important;
      display:flex!important;
      align-items:center!important;
      justify-content:flex-start!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head::after{
      content:'مطالب'!important;
      color:#fff!important;
      font-size:13px!important;
      font-weight:800!important;
  }
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc.is-open .dhm-ods-panel-head::after{content:'فهرست مطالب'!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head strong{font-size:0!important;margin-inline-end:8px!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-panel-head strong span{font-size:15px!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-mobile-toggle{position:absolute!important;inset:0!important;opacity:0!important;display:block!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links{display:none!important;background:#fff!important;padding:8px 0!important;max-height:50vh!important;overflow:auto!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-ods-toc.is-open .dhm-toc-links{display:block!important;}
  .dhm-ui2-clean .dhm-v13-left-rail .dhm-toc-links a{padding:12px 16px!important;font-size:13px!important;}

  .dhm-ui2-clean .dhm-v13-right-rail{display:block!important;}
  .dhm-ui2-clean .dhm-v13-right-rail > :not(.dhm-visual-card):not(.dhm-visual-frame):not(.dhm-visual-card *){display:none!important;}
  .dhm-ui2-clean .dhm-v13-header{
      padding:18px 16px!important;
      border-radius:18px!important;
  }
  .dhm-ui2-clean .dhm-v13-kicker{font-size:11px!important;padding:6px 12px!important;}
  .dhm-ui2-clean .dhm-single-title{font-size:31px!important;line-height:1.55!important;margin:10px 0 12px!important;}
  .dhm-ui2-clean .dhm-v13-deck{font-size:15px!important;line-height:2!important;}
  .dhm-ui2-clean .dhm-single-meta{font-size:12px!important;line-height:1.9!important;}
  .dhm-ui2-clean .dhm-v13-right-rail .dhm-visual-frame{aspect-ratio:16 / 9!important;border-radius:18px!important;margin-top:12px!important;}

  .dhm-ui2-clean .dhm-v13-decision-grid{
      display:flex!important;
      gap:12px!important;
      overflow-x:auto!important;
      padding-bottom:4px!important;
      scroll-snap-type:x proximity!important;
  }
  .dhm-ui2-clean .dhm-v13-decision-card{
      flex:0 0 78%!important;
      scroll-snap-align:start!important;
      min-height:185px!important;
  }
  .dhm-ui2-clean .dhm-v13-decision-note{font-size:13px!important;line-height:1.9!important;}

  .dhm-ui2-clean .dhm-v16-modules{
      display:block!important;
      margin-top:14px!important;
  }
  .dhm-ui2-clean .dhm-v16-modules > *{margin:18px 0!important;}
  .dhm-ui2-clean .dhm-v16-modules > * > h2,
  .dhm-ui2-clean .dhm-v13-main > .dhm-v13-section-head h2,
  .dhm-ui2-clean .dhm-sync-products > h2,
  .dhm-ui2-clean .dhm-v13-related .dhm-v13-section-head h2{font-size:25px!important;line-height:1.6!important;}
  .dhm-ui2-clean .dhm-v16-modules > * > .dhm-section-card,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-sources,
  .dhm-ui2-clean .dhm-v13-main > .dhm-section-card,
  .dhm-ui2-clean .dhm-sync-faq-section > .dhm-section-card{
      padding:16px 15px!important;
      border-radius:18px!important;
  }
  .dhm-ui2-clean .dhm-v16-modules p,
  .dhm-ui2-clean .dhm-v16-modules li,
  .dhm-ui2-clean .dhm-v13-main p{font-size:15px!important;line-height:2.02!important;}

  /* reduce mobile length perception with horizontal product/article rails */
  .dhm-ui2-clean .dhm-sync-products .dhm-sync-products-grid,
  .dhm-ui2-clean .dhm-sync-products .dhm-related-products,
  .dhm-ui2-clean .dhm-v13-related-grid{
      display:flex!important;
      gap:12px!important;
      overflow-x:auto!important;
      padding-bottom:6px!important;
      scroll-snap-type:x proximity!important;
  }
  .dhm-ui2-clean .dhm-sync-products .dhm-sync-product,
  .dhm-ui2-clean .dhm-sync-products .dhm-related-product,
  .dhm-ui2-clean .dhm-v13-related-card{
      flex:0 0 74%!important;
      scroll-snap-align:start!important;
      min-width:74%!important;
      padding:14px!important;
      border-radius:18px!important;
      background:#fff!important;
      border:1px solid #d8e5ef!important;
      box-shadow:0 10px 22px rgba(17,42,74,.06)!important;
  }

  /* FAQ remains accessible and compact */
  .dhm-ui2-clean .dhm-faq-toggle{min-height:52px!important;}
}


/* ============================================================
   v1.18.0 EDITORIAL RESET
   Full-width scientific article; top TOC; no permanent side menu.
   ============================================================ */

.dhm-ui2-clean{
  width:min(1500px,calc(100vw - 24px))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:12px 12px 60px!important;
  color:#18334d!important;
  background:#fff!important;
  font-size:17px!important;
  line-height:2!important;
}
.dhm-ui2-clean *{box-sizing:border-box!important;}

/* 1. Menu: one horizontal row at the top, never a side column */
.dhm-ui2-clean .dhm-v18-menu-bar{
  position:relative!important;
  width:100%!important;
  margin:0 0 18px!important;
  z-index:20!important;
}
.dhm-ui2-clean .dhm-v18-menu-bar .dhm-ods-toc{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  overflow:hidden!important;
  background:linear-gradient(100deg,#172f52 0%,#204b73 58%,#0f7a80 100%)!important;
  color:#fff!important;
  border:0!important;
  border-radius:16px!important;
  box-shadow:0 10px 24px rgba(17,45,77,.14)!important;
  padding:0 10px!important;
}
.dhm-ui2-clean .dhm-v18-menu-bar .dhm-ods-panel-head{
  min-width:145px!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  background:transparent!important;
  color:#fff!important;
  border:0!important;
  padding:0 10px!important;
}
.dhm-ui2-clean .dhm-v18-menu-bar .dhm-ods-panel-head strong{
  display:flex!important;align-items:center!important;gap:7px!important;
  color:#fff!important;font-size:14px!important;font-weight:900!important;
}
.dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-mobile-toggle{display:none!important;}
.dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-links{
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  margin:0!important;
  padding:5px 0!important;
  list-style:none!important;
  overflow-x:auto!important;
  scrollbar-width:thin!important;
  flex:1!important;
}
.dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-links li{border:0!important;margin:0!important;padding:0!important;white-space:nowrap!important;}
.dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-links a{
  display:block!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  color:#eef8ff!important;
  text-decoration:none!important;
  font-size:12.5px!important;
  font-weight:700!important;
  background:transparent!important;
}
.dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-links a:hover,
.dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-links a.is-active{
  color:#fff!important;
  background:rgba(255,255,255,.15)!important;
  box-shadow:none!important;
  border:0!important;
}

/* old floating/side menu must never survive */
.dhm-ui2-clean .dhm-v13-left-rail{display:none!important;position:static!important;}

/* 2. Top area only: three editorial zones */
.dhm-ui2-clean .dhm-v18-hero-grid{
  display:grid!important;
  grid-template-columns:245px minmax(0,1fr) 335px!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
  margin-bottom:22px!important;
}
.dhm-ui2-clean .dhm-v18-hero-left,
.dhm-ui2-clean .dhm-v18-hero-center,
.dhm-ui2-clean .dhm-v18-hero-right{min-width:0!important;}
.dhm-ui2-clean .dhm-v18-hero-left{display:grid!important;gap:14px!important;}
.dhm-ui2-clean .dhm-v18-hero-left .dhm-v13-left-summary,
.dhm-ui2-clean .dhm-v18-hero-left .dhm-v16-left-product{
  display:block!important;
  border:1px solid #d6e3ee!important;
  border-radius:18px!important;
  padding:16px!important;
  background:#f7fbff!important;
  box-shadow:0 10px 24px rgba(20,54,86,.06)!important;
}
.dhm-ui2-clean .dhm-v18-hero-left .dhm-v16-left-product{
  background:#f8f6ff!important;
  border-color:#dfd9f0!important;
}
.dhm-ui2-clean .dhm-v18-hero-left strong{font-size:15px!important;color:#173857!important;}
.dhm-ui2-clean .dhm-v18-hero-left p{font-size:13.5px!important;line-height:1.9!important;color:#536a7e!important;}

.dhm-ui2-clean .dhm-v13-header{
  border:1px solid #d4e2ed!important;
  border-radius:22px!important;
  padding:24px 26px!important;
  background:linear-gradient(155deg,#fff 0%,#f4f9fd 100%)!important;
  box-shadow:0 12px 30px rgba(19,52,84,.07)!important;
}
.dhm-ui2-clean .dhm-v13-kicker{
  display:inline-flex!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  background:#e9edfb!important;
  color:#3b477d!important;
  font-size:13px!important;
  font-weight:900!important;
}
.dhm-ui2-clean .dhm-single-title{
  color:#163653!important;
  font-size:42px!important;
  line-height:1.4!important;
  letter-spacing:-.015em!important;
  margin:12px 0 14px!important;
}
.dhm-ui2-clean .dhm-v13-deck{font-size:18px!important;line-height:2.05!important;color:#455f76!important;}
.dhm-ui2-clean .dhm-single-meta{font-size:14px!important;color:#627486!important;gap:8px 16px!important;}
.dhm-ui2-clean .dhm-reviewed{color:#08795c!important;font-weight:900!important;}

.dhm-ui2-clean .dhm-v18-hero-right{display:grid!important;gap:13px!important;}
.dhm-ui2-clean .dhm-v18-hero-right > *{
  border-radius:18px!important;
  border:1px solid #d7e3ed!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(20,54,86,.06)!important;
}
.dhm-ui2-clean .dhm-v18-hero-right .dhm-visual-frame{aspect-ratio:1.45/1!important;min-height:0!important;overflow:hidden!important;}

/* 3. Everything after hero genuinely occupies full article width */
.dhm-ui2-clean .dhm-v18-core{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
.dhm-ui2-clean .dhm-v13-quick{
  max-width:none!important;
  width:100%!important;
  margin:0 0 22px!important;
  padding:18px 22px!important;
  border-radius:18px!important;
  background:linear-gradient(110deg,#e8f4fb 0%,#edf8f7 100%)!important;
  border:1px solid #cfe4ea!important;
  border-right:5px solid #117985!important;
  box-shadow:0 10px 22px rgba(15,83,100,.06)!important;
}
.dhm-ui2-clean .dhm-v13-quick strong{font-size:19px!important;color:#155268!important;}
.dhm-ui2-clean .dhm-v13-quick p{font-size:16.5px!important;line-height:2!important;color:#35566b!important;}

/* Decision aid — 5 compact cards across */
.dhm-ui2-clean .dhm-v13-decision{width:100%!important;margin:0 0 28px!important;}
.dhm-ui2-clean .dhm-v13-decision-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
.dhm-ui2-clean .dhm-v13-decision-card{
  background:#fff!important;
  border:1px solid #d5e2ec!important;
  border-top:4px solid #2b698c!important;
  border-radius:18px!important;
  padding:16px 13px!important;
  box-shadow:0 12px 24px rgba(20,54,86,.055)!important;
}
.dhm-ui2-clean .dhm-v13-decision-card:nth-child(2){border-top-color:#0d7e78!important;}
.dhm-ui2-clean .dhm-v13-decision-card:nth-child(3){border-top-color:#8160a8!important;}
.dhm-ui2-clean .dhm-v13-decision-card:nth-child(4){border-top-color:#b9802e!important;}
.dhm-ui2-clean .dhm-v13-decision-card:nth-child(5){border-top-color:#2b698c!important;}
.dhm-ui2-clean .dhm-v13-decision-card strong{font-size:16px!important;color:#173a57!important;}
.dhm-ui2-clean .dhm-v13-decision-card p{font-size:13.5px!important;line-height:1.9!important;color:#50697e!important;}
.dhm-ui2-clean .dhm-v13-decision-note{
  background:#fff7e8!important;border:1px solid #ecd6ab!important;color:#6e5227!important;
  border-radius:16px!important;padding:14px 18px!important;font-size:14.5px!important;
}

/* 4-column scientific module system */
.dhm-ui2-clean .dhm-v16-modules{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
  align-items:start!important;
}
.dhm-ui2-clean .dhm-v16-modules > *{min-width:0!important;width:100%!important;margin:0!important;}

/* core reading sections use all four columns */
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-main,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-table-section,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-faq-section,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-media,
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-review-footer,
.dhm-ui2-clean .dhm-v16-modules > .dhm-v13-related{grid-column:1/-1!important;}

/* practical modules: four-card rhythm where possible */
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-action,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-warning,
.dhm-ui2-clean .dhm-v16-modules > .dhm-common-mistakes,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-sources,
.dhm-ui2-clean .dhm-v16-modules > .dhm-single-extra:not(.dhm-sync-products):not(.dhm-professional):not(.dhm-pharmacist-section){grid-column:span 1!important;}
.dhm-ui2-clean .dhm-v16-modules > .dhm-pharmacist-section,
.dhm-ui2-clean .dhm-v16-modules > .dhm-professional{grid-column:span 2!important;}

.dhm-ui2-clean .dhm-v16-modules > * > h2,
.dhm-ui2-clean .dhm-v13-main > h2,
.dhm-ui2-clean .dhm-v13-related h2{
  color:#173753!important;
  font-size:27px!important;
  line-height:1.5!important;
  margin:0 0 10px!important;
}
.dhm-ui2-clean .dhm-v16-modules > * > .dhm-section-card,
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-sources{
  min-height:0!important;
  height:auto!important;
  border-radius:18px!important;
  border:1px solid #d5e2ec!important;
  border-right:4px solid #245a82!important;
  background:#f7fbff!important;
  padding:18px!important;
  box-shadow:0 10px 22px rgba(20,54,86,.05)!important;
}
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-action > .dhm-section-card{background:#eef8f7!important;border-color:#cce7e2!important;border-right-color:#0e7c72!important;}
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-warning > .dhm-section-card{background:#fff7ea!important;border-color:#efdcb9!important;border-right-color:#c8862c!important;}
.dhm-ui2-clean .dhm-v16-modules > .dhm-pharmacist-section > .dhm-section-card{background:#eef5fc!important;border-color:#d0e0ee!important;border-right-color:#2f6c98!important;}
.dhm-ui2-clean .dhm-v16-modules > .dhm-professional > .dhm-section-card{background:#f5f0fb!important;border-color:#dfd4ef!important;border-right-color:#7356a2!important;}
.dhm-ui2-clean .dhm-v16-modules > .dhm-sync-sources{background:#f0f8f2!important;border-color:#d4e8d8!important;border-right-color:#397c55!important;}
.dhm-ui2-clean .dhm-v16-modules p,
.dhm-ui2-clean .dhm-v16-modules li{font-size:15.5px!important;line-height:2!important;color:#334f65!important;}

/* main scientific text: bigger and calmer */
.dhm-ui2-clean .dhm-v13-main > .dhm-section-card{
  background:#fff!important;
  border:1px solid #d4e1eb!important;
  border-right:5px solid #214f79!important;
  border-radius:22px!important;
  padding:24px 28px!important;
}
.dhm-ui2-clean .dhm-v13-main .dhm-main-body,
.dhm-ui2-clean .dhm-v13-main .dhm-main-body p{font-size:17px!important;line-height:2.15!important;color:#2e4a61!important;}

/* table full width and readable */
.dhm-ui2-clean .dhm-sync-table-wrap{width:100%!important;overflow:auto!important;border-radius:18px!important;}
.dhm-ui2-clean .dhm-sync-table{width:100%!important;min-width:720px!important;font-size:15px!important;}
.dhm-ui2-clean .dhm-sync-table th{background:#dbe9f3!important;color:#183a58!important;font-size:15px!important;}
.dhm-ui2-clean .dhm-sync-table th,.dhm-ui2-clean .dhm-sync-table td{padding:14px 16px!important;}

/* products = four visible columns */
.dhm-ui2-clean .dhm-sync-products-grid,
.dhm-ui2-clean .dhm-related-products,
.dhm-ui2-clean .dhm-v13-related-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.dhm-ui2-clean .dhm-sync-product,
.dhm-ui2-clean .dhm-related-product,
.dhm-ui2-clean .dhm-v13-related-card{
  background:#fff!important;border:1px solid #d8e3ec!important;border-radius:18px!important;
  padding:14px!important;box-shadow:0 10px 20px rgba(20,54,86,.045)!important;
}

/* floating menu-return icon only */
.dhm-ui2-clean .dhm-v18-menu-jump{
  position:fixed!important;
  left:18px!important;
  bottom:22px!important;
  z-index:80!important;
  width:46px!important;height:46px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#18385e,#14727b)!important;
  color:#fff!important;text-decoration:none!important;
  box-shadow:0 10px 24px rgba(18,56,86,.25)!important;
  font-size:18px!important;font-weight:900!important;
}

/* tablet */
@media (min-width:760px) and (max-width:1099px){
  .dhm-ui2-clean{width:calc(100vw - 14px)!important;}
  .dhm-ui2-clean .dhm-v18-hero-grid{grid-template-columns:minmax(0,1fr) 300px!important;}
  .dhm-ui2-clean .dhm-v18-hero-left{display:none!important;}
  .dhm-ui2-clean .dhm-v16-modules{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .dhm-ui2-clean .dhm-v16-modules > .dhm-v13-main,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-table-section,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-faq-section,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-sync-products,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-v13-review-footer,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-v13-related{grid-column:1/-1!important;}
  .dhm-ui2-clean .dhm-v16-modules > .dhm-pharmacist-section,
  .dhm-ui2-clean .dhm-v16-modules > .dhm-professional{grid-column:span 1!important;}
  .dhm-ui2-clean .dhm-v13-decision-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .dhm-ui2-clean .dhm-single-title{font-size:34px!important;}
}

/* mobile: short, readable, easy navigation */
@media (max-width:759px){
  .dhm-ui2-clean{width:100%!important;padding:8px 10px 88px!important;font-size:15.5px!important;}
  .dhm-ui2-clean .dhm-breadcrumbs{display:none!important;}
  .dhm-ui2-clean .dhm-v18-menu-bar{margin-bottom:10px!important;}
  .dhm-ui2-clean .dhm-v18-menu-bar .dhm-ods-toc{
    display:block!important;padding:0!important;border-radius:14px!important;
  }
  .dhm-ui2-clean .dhm-v18-menu-bar .dhm-ods-panel-head{
    min-width:0!important;min-height:48px!important;padding:0 14px!important;justify-content:space-between!important;
  }
  .dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-mobile-toggle{
    display:block!important;position:static!important;opacity:1!important;width:36px!important;height:36px!important;
    color:#fff!important;background:rgba(255,255,255,.13)!important;border:0!important;border-radius:9px!important;
  }
  .dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-links{display:none!important;max-height:46vh!important;overflow:auto!important;background:#fff!important;padding:8px!important;}
  .dhm-ui2-clean .dhm-v18-menu-bar .dhm-ods-toc.is-open .dhm-toc-links{display:block!important;}
  .dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-links li{white-space:normal!important;}
  .dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-links a{color:#24415d!important;font-size:13px!important;padding:11px 10px!important;border-radius:9px!important;}
  .dhm-ui2-clean .dhm-v18-menu-bar .dhm-toc-links a.is-active{background:#eaf3f9!important;color:#153e61!important;}

  .dhm-ui2-clean .dhm-v18-hero-grid{display:flex!important;flex-direction:column!important;gap:10px!important;}
  .dhm-ui2-clean .dhm-v18-hero-left{display:none!important;}
  .dhm-ui2-clean .dhm-v18-hero-center{order:1!important;}
  .dhm-ui2-clean .dhm-v18-hero-right{order:2!important;display:block!important;}
  .dhm-ui2-clean .dhm-v18-hero-right > :not(.dhm-visual-card):not(.dhm-visual-frame){display:none!important;}
  .dhm-ui2-clean .dhm-v13-header{padding:17px 15px!important;border-radius:18px!important;}
  .dhm-ui2-clean .dhm-v13-kicker{font-size:11px!important;padding:5px 10px!important;}
  .dhm-ui2-clean .dhm-single-title{font-size:29px!important;line-height:1.55!important;margin:9px 0!important;}
  .dhm-ui2-clean .dhm-v13-deck{font-size:15px!important;line-height:2!important;}
  .dhm-ui2-clean .dhm-single-meta{font-size:11.5px!important;line-height:1.8!important;}
  .dhm-ui2-clean .dhm-v18-hero-right .dhm-visual-frame{aspect-ratio:16/9!important;border-radius:16px!important;}

  .dhm-ui2-clean .dhm-v13-quick{padding:15px!important;margin-bottom:18px!important;}
  .dhm-ui2-clean .dhm-v13-quick strong{font-size:17px!important;}
  .dhm-ui2-clean .dhm-v13-quick p{font-size:15px!important;line-height:2!important;}

  .dhm-ui2-clean .dhm-v13-decision-grid{
    display:flex!important;gap:11px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:5px!important;
  }
  .dhm-ui2-clean .dhm-v13-decision-card{
    flex:0 0 72%!important;min-width:72%!important;scroll-snap-align:start!important;padding:15px!important;
  }
  .dhm-ui2-clean .dhm-v13-decision-card strong{font-size:16px!important;}
  .dhm-ui2-clean .dhm-v13-decision-card p{font-size:13.5px!important;}

  .dhm-ui2-clean .dhm-v16-modules{display:block!important;}
  .dhm-ui2-clean .dhm-v16-modules > *{margin:18px 0!important;}
  .dhm-ui2-clean .dhm-v16-modules > * > h2,
  .dhm-ui2-clean .dhm-v13-main > h2,
  .dhm-ui2-clean .dhm-v13-related h2{font-size:25px!important;line-height:1.55!important;}
  .dhm-ui2-clean .dhm-v16-modules p,
  .dhm-ui2-clean .dhm-v16-modules li,
  .dhm-ui2-clean .dhm-v13-main .dhm-main-body,
  .dhm-ui2-clean .dhm-v13-main .dhm-main-body p{font-size:16px!important;line-height:2.05!important;}

  /* mobile length reduction: products and related articles are horizontal rails */
  .dhm-ui2-clean .dhm-sync-products-grid,
  .dhm-ui2-clean .dhm-related-products,
  .dhm-ui2-clean .dhm-v13-related-grid{
    display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:6px!important;
  }
  .dhm-ui2-clean .dhm-sync-product,
  .dhm-ui2-clean .dhm-related-product,
  .dhm-ui2-clean .dhm-v13-related-card{flex:0 0 76%!important;min-width:76%!important;scroll-snap-align:start!important;}

  .dhm-ui2-clean .dhm-sync-table{min-width:0!important;width:100%!important;}
  .dhm-ui2-clean .dhm-sync-table thead{display:none!important;}
  .dhm-ui2-clean .dhm-sync-table tbody{display:grid!important;gap:9px!important;}
  .dhm-ui2-clean .dhm-sync-table tr{display:block!important;border:1px solid #d4e2ec!important;border-right:4px solid #245a82!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;}
  .dhm-ui2-clean .dhm-sync-table td{display:block!important;width:100%!important;padding:11px 13px!important;border:0!important;border-bottom:1px solid #edf1f4!important;font-size:14px!important;line-height:1.9!important;}
  .dhm-ui2-clean .dhm-sync-table td:last-child{border-bottom:0!important;background:#f4f8fb!important;font-weight:800!important;}

  .dhm-ui2-clean .dhm-v18-menu-jump{left:12px!important;bottom:82px!important;width:44px!important;height:44px!important;}
}