body.dt-term-archive-redesign{
        --dt-term-accent:#24c6ff;
        --dt-term-accent-hover:#249cff;
        --dt-term-panel:#f7fbfd;
        --dt-term-panel-2:#fff;
        --dt-term-border:rgba(17,55,78,.14);
        --dt-term-text:#172b37;
        --dt-term-muted:#536d7e;
    }

    [data-theme="dark"] body.dt-term-archive-redesign,
    body.dt-term-archive-redesign[data-theme="dark"]{
        --dt-term-panel:#171c22;
        --dt-term-panel-2:#1c252c;
        --dt-term-border:rgba(255,255,255,.12);
        --dt-term-text:#f5f9fc;
        --dt-term-muted:#a8c0cc;
    }
    body.dt-term-archive-redesign .page-header{
        background:transparent!important;
        border-bottom:1px solid var(--dt-term-border)!important;
        margin-bottom:28px!important;
        padding-top:24px!important;
        padding-bottom:20px!important;
    }
    body.dt-term-archive-redesign .page-header .container{
        position:relative;
    }
    body.dt-term-archive-redesign .page-header .page-title{
        margin:0;
        color:var(--dt-term-text)!important;
        font-size:clamp(1.85rem,3vw,2.6rem);
        font-weight:800;
        line-height:1.08;
        letter-spacing:-.025em;
    }
    body.dt-term-archive-redesign .page-header .page-title::before{
        content:"Deep Tube Topics";
        display:block;
        margin-bottom:8px;
        color:var(--dt-term-accent);
        font-size:.76rem;
        font-weight:800;
        letter-spacing:.13em;
        line-height:1;
        text-transform:uppercase;
    }

    body.dt-term-archive-redesign .page-main>.container{
        width:100%;
    }
    body.dt-term-archive-redesign .post-list{
        display:grid;
        gap:16px;
        container-type:inline-size;
    }
    body.dt-term-archive-redesign .post-list>.post-item{
        margin-bottom:0!important;
        overflow:hidden;
        border:1px solid var(--dt-term-border);
        border-radius:12px;
        background:linear-gradient(145deg,var(--dt-term-panel-2),var(--dt-term-panel))!important;
        box-shadow:0 12px 30px rgba(0,0,0,.14)!important;
        transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
    }
    body.dt-term-archive-redesign .post-list>.post-item:hover{
        transform:translateY(-2px);
        border-color:rgba(36,198,255,.38);
        box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
    }

    body.dt-term-archive-redesign .post-list>.post-item>article.has-post-thumbnail>.post-body{
        display:grid;
        grid-template-columns:minmax(260px,34%) minmax(0,1fr);
        align-items:stretch;
        min-height:0;
    }
    body.dt-term-archive-redesign .post-list>.post-item:first-child>article.has-post-thumbnail>.post-body{
        grid-template-columns:minmax(360px,46%) minmax(0,1fr);
        min-height:0;
    }

    body.dt-term-archive-redesign .post-list .post-main{
        position:relative;
        align-self:stretch;
        min-width:0;
        min-height:220px;
        height:auto;
        overflow:hidden;
        isolation:isolate;
        background:#0e0e0e;
    }
    body.dt-term-archive-redesign .post-list>.post-item:first-child .post-main{
        min-height:320px;
        height:auto;
    }
    body.dt-term-archive-redesign .post-list .post-main>a{
        position:absolute;
        inset:0;
        display:block;
        width:100%;
        height:100%;
        overflow:hidden;
    }
    body.dt-term-archive-redesign .post-list .post-thumbnail,
    body.dt-term-archive-redesign .post-list .dt-thumb-frame{
        position:relative;
        display:block;
        width:100%;
        height:100%;
        overflow:hidden;
    }
    body.dt-term-archive-redesign .post-list .dt-thumb-frame{
        isolation:isolate;
        background:#0e0e0e;
    }
    body.dt-term-archive-redesign .post-list .dt-thumb-frame::before{
        content:"";
        position:absolute;
        z-index:0;
        inset:-20px;
        background-image:var(--dt-thumb-bg,none);
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
        filter:blur(20px) brightness(.48) saturate(.9);
        transform:scale(1.1);
        opacity:0;
        pointer-events:none;
    }
    body.dt-term-archive-redesign .post-list .dt-thumb-frame.dt-thumb-contain::before{
        opacity:1;
    }
    body.dt-term-archive-redesign .post-list .dt-thumb-frame img{
        position:relative;
        z-index:1;
        display:block;
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        margin:0;
        object-position:center center;
        transition:transform .35s ease;
    }
    body.dt-term-archive-redesign .post-list .dt-thumb-frame.dt-thumb-cover img{
        object-fit:cover!important;
    }
    body.dt-term-archive-redesign .post-list .dt-thumb-frame.dt-thumb-contain img{
        object-fit:contain!important;
        background:transparent!important;
    }
    body.dt-term-archive-redesign .post-list>.post-item:hover .dt-thumb-frame.dt-thumb-cover img{
        transform:scale(1.025);
    }
    body.dt-term-archive-redesign .post-list>.post-item:hover .dt-thumb-frame.dt-thumb-contain img{
        transform:none;
    }

    body.dt-term-archive-redesign .post-list .post-bottom{
        display:flex;
        flex-direction:column;
        justify-content:center;
        min-width:0;
        padding:22px 24px!important;
        background:transparent!important;
    }
    body.dt-term-archive-redesign .post-list>.post-item:first-child .post-bottom{
        padding:30px!important;
    }

    body.dt-term-archive-redesign .post-list>.post-item:first-child .post-meta::before{
        content:"Latest";
        display:inline-flex;
        align-items:center;
        min-height:24px;
        margin:0 8px 10px 0;
        padding:4px 8px;
        border-radius:5px;
        background:var(--dt-term-accent);
        color:#fff;
        font-size:.72rem;
        font-weight:800;
        line-height:1;
        letter-spacing:.055em;
        text-transform:uppercase;
    }

    body.dt-term-archive-redesign .post-list .post-category{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:6px;
        margin-bottom:8px;
    }
    body.dt-term-archive-redesign .post-list .post-category a{
        display:inline-flex;
        align-items:center;
        min-height:24px;
        padding:4px 8px;
        border-radius:5px;
        background:rgba(36,198,255,.12);
        color:#249cff!important;
        font-size:.72rem;
        font-weight:800;
        line-height:1;
        letter-spacing:.055em;
        text-decoration:none!important;
        text-transform:uppercase;
    }
    body.dt-term-archive-redesign .post-list .post-category .sep{
        display:none;
    }

    body.dt-term-archive-redesign .post-list .post-meta__title{
        margin:0!important;
        padding:4px 0 0!important;
        font-size:clamp(1.18rem,1.55vw,1.48rem)!important;
        font-weight:800!important;
        line-height:1.18!important;
        letter-spacing:-.02em;
    }
    body.dt-term-archive-redesign .post-list>.post-item:first-child .post-meta__title{
        font-size:clamp(1.65rem,2.4vw,2.2rem)!important;
        line-height:1.12!important;
    }
    body.dt-term-archive-redesign .post-list .post-meta__title a{
        color:var(--dt-term-text)!important;
        text-decoration:none!important;
    }

    body.dt-term-archive-redesign .post-list .post-meta__items{
        display:flex!important;
        align-items:center;
        flex-wrap:wrap;
        gap:8px 12px;
        margin-top:12px;
        color:#989898!important;
        font-size:.94rem!important;
        line-height:1.45!important;
    }
    body.dt-term-archive-redesign .post-list>.post-item:first-child .post-meta__items{
        font-size:1rem!important;
    }
    body.dt-term-archive-redesign .post-list .post-meta__items>*{
        float:none!important;
        margin:0!important;
    }
    body.dt-term-archive-redesign .post-list .post-meta__items a,
    body.dt-term-archive-redesign .post-list .post-meta__items span,
    body.dt-term-archive-redesign .post-list .post-meta__items time{
        color:#989898!important;
        font-size:inherit!important;
        line-height:inherit!important;
        text-decoration:none!important;
    }
    body.dt-term-archive-redesign .post-list .post-meta__items [class^="icon-"],
    body.dt-term-archive-redesign .post-list .post-meta__items [class*=" icon-"]{
        font-size:1em!important;
        line-height:1!important;
    }

    body.dt-term-archive-redesign .post-list .wppl-button-wrap{
        display:inline-flex!important;
        align-items:center!important;
        margin:0!important;
        line-height:1!important;
    }
    body.dt-term-archive-redesign .post-list .wppl-button-wrap>.d-flex{
        display:inline-flex!important;
        align-items:center!important;
        gap:10px!important;
    }
    body.dt-term-archive-redesign .post-list .wppl-button-wrap form{
        display:inline-flex!important;
        align-items:center!important;
        margin:0!important;
        padding:0!important;
    }
    body.dt-term-archive-redesign .post-list .wppl-button-wrap .btn{
        display:inline-flex!important;
        align-items:center!important;
        gap:5px!important;
        width:auto!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:#989898!important;
        box-shadow:none!important;
        line-height:1!important;
    }
    body.dt-term-archive-redesign .post-list .wppl-button-wrap .btn__icon{
        display:inline-flex!important;
        align-items:center!important;
        color:#989898!important;
        font-size:1em!important;
        line-height:1!important;
    }
    body.dt-term-archive-redesign .post-list .wppl-button-wrap .btn__badge{
        position:static!important;
        inset:auto!important;
        transform:none!important;
        display:inline!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:#989898!important;
        font-size:inherit!important;
        font-weight:400!important;
        line-height:1!important;
        box-shadow:none!important;
    }

    body.dt-term-archive-redesign .post-list .post-meta__items>.float-end{
        display:inline-flex!important;
        align-items:center!important;
        float:none!important;
        margin:0!important;
    }
    body.dt-term-archive-redesign .post-list .post-meta__comment,
    body.dt-term-archive-redesign .post-list .post-meta__comment .comment-link{
        display:inline-flex!important;
        align-items:center!important;
        gap:5px!important;
        color:#989898!important;
        font-size:inherit!important;
        line-height:1!important;
        text-decoration:none!important;
    }
    body.dt-term-archive-redesign .post-list .post-meta__comment .comment-box{
        display:inline-flex!important;
        align-items:center!important;
        gap:5px!important;
        position:static!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:#989898!important;
        font-size:inherit!important;
        font-weight:400!important;
        line-height:1!important;
        box-shadow:none!important;
    }
    body.dt-term-archive-redesign .post-list .post-meta__comment .comment-box::before{
        content:"\f0e6"!important;
        position:static!important;
        display:inline-block!important;
        width:1em!important;
        height:auto!important;
        margin:0!important;
        border:0!important;
        background:none!important;
        color:#989898!important;
        font-family:"fontello"!important;
        font-size:1em!important;
        font-style:normal!important;
        font-weight:normal!important;
        line-height:1!important;
    }
    body.dt-term-archive-redesign .post-list .post-meta__comment .comment-box::after{
        content:none!important;
        display:none!important;
    }
    body.dt-term-archive-redesign .post-list .user-avatar{
        width:28px!important;
        height:28px!important;
        margin-right:6px!important;
        vertical-align:middle;
    }
    body.dt-term-archive-redesign .post-list .user-avatar img{
        width:28px!important;
        height:28px!important;
        border-radius:50%;
        object-fit:cover;
    }

    body.dt-term-archive-redesign .post-list .post-content{
        margin-top:12px!important;
        color:var(--dt-term-muted)!important;
        font-size:.94rem!important;
        line-height:1.62!important;
    }
    body.dt-term-archive-redesign .post-list>.post-item:first-child .post-content{
        font-size:1rem!important;
    }
    body.dt-term-archive-redesign .post-list .post-content>p:not(.dt-term-home-read-wrap){
        margin-bottom:12px;
    }

    body.dt-term-archive-redesign .dt-term-home-read-wrap{
        margin:14px 0 0!important;
    }
    body.dt-term-archive-redesign .dt-term-home-read-button{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        min-height:40px;
        padding:9px 15px;
        border:1px solid var(--dt-term-accent);
        border-radius:6px;
        background:var(--dt-term-accent);
        color:#fff!important;
        font-size:.94rem!important;
        font-weight:800;
        line-height:1.2;
        text-decoration:none!important;
        white-space:nowrap;
        box-shadow:0 8px 20px rgba(36,198,255,.13);
        transition:background .2s ease,border-color .2s ease,transform .2s ease;
    }
    body.dt-term-archive-redesign .post-list>.post-item:first-child .dt-term-home-read-button{
        font-size:1rem!important;
    }
    body.dt-term-archive-redesign .dt-term-home-read-button:hover{
        transform:translateY(-1px);
        border-color:var(--dt-term-accent-hover);
        background:var(--dt-term-accent-hover);
        color:#fff!important;
    }

    body.dt-term-archive-redesign .navigation.pagination,
    body.dt-term-archive-redesign .posts-navigation{
        margin:28px 0 8px!important;
    }
    body.dt-term-archive-redesign .navigation.pagination .nav-links,
    body.dt-term-archive-redesign .posts-navigation .nav-links{
        display:flex;
        align-items:center;
        justify-content:center;
        flex-wrap:wrap;
        gap:7px;
    }
    body.dt-term-archive-redesign .navigation.pagination .page-numbers,
    body.dt-term-archive-redesign .posts-navigation a{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:40px;
        min-height:40px;
        padding:8px 11px;
        border:1px solid var(--dt-term-border)!important;
        border-radius:6px!important;
        background:#181818!important;
        color:#d5d5d5!important;
        font-size:.92rem!important;
        font-weight:700;
        line-height:1;
        text-decoration:none!important;
        transition:border-color .2s ease,background .2s ease,color .2s ease;
    }
    body.dt-term-archive-redesign .navigation.pagination .page-numbers.current{
        border-color:var(--dt-term-accent)!important;
        background:var(--dt-term-accent)!important;
        color:#fff!important;
    }
    body.dt-term-archive-redesign .navigation.pagination a.page-numbers:hover,
    body.dt-term-archive-redesign .posts-navigation a:hover{
        border-color:var(--dt-term-accent)!important;
        background:rgba(36,198,255,.12)!important;
        color:#fff!important;
    }

    @container (max-width:760px){
        body.dt-term-archive-redesign .post-list>.post-item>article.has-post-thumbnail>.post-body,
        body.dt-term-archive-redesign .post-list>.post-item:first-child>article.has-post-thumbnail>.post-body{
            grid-template-columns:1fr;
            min-height:0;
        }
        body.dt-term-archive-redesign .post-list .post-main,
        body.dt-term-archive-redesign .post-list>.post-item:first-child .post-main{
            width:100%;
            height:auto;
            aspect-ratio:16/9;
        }
    }

    @media (max-width:991.98px){
        body.dt-term-archive-redesign .page-header{
            margin-bottom:22px!important;
        }
        body.dt-term-archive-redesign .post-list>.post-item:first-child .post-bottom{
            padding:24px!important;
        }
    }

    @media (max-width:767.98px){
        body.dt-term-archive-redesign .page-header{
            padding-top:18px!important;
            padding-bottom:16px!important;
            margin-bottom:18px!important;
        }
        body.dt-term-archive-redesign .post-list{
            gap:14px;
        }
        body.dt-term-archive-redesign .post-list>.post-item{
            border-radius:10px;
        }
        body.dt-term-archive-redesign .post-list .post-bottom,
        body.dt-term-archive-redesign .post-list>.post-item:first-child .post-bottom{
            padding:20px!important;
        }
        body.dt-term-archive-redesign .post-list .post-meta__items{
            gap:7px 10px;
            font-size:.9rem!important;
        }
        body.dt-term-archive-redesign .post-list>.post-item:first-child .post-meta__items{
            font-size:.94rem!important;
        }
        body.dt-term-archive-redesign .post-list .post-content,
        body.dt-term-archive-redesign .post-list>.post-item:first-child .post-content{
            font-size:.94rem!important;
        }
        body.dt-term-archive-redesign .dt-term-home-read-button,
        body.dt-term-archive-redesign .post-list>.post-item:first-child .dt-term-home-read-button{
            width:100%;
            min-height:44px;
            font-size:.94rem!important;
        }
    }

    @media (max-width:575.98px){
        body.dt-term-archive-redesign .page-main>.container{
            padding-left:12px;
            padding-right:12px;
        }
        body.dt-term-archive-redesign .page-header .page-title{
            font-size:1.75rem!important;
        }
        body.dt-term-archive-redesign .post-list .post-bottom,
        body.dt-term-archive-redesign .post-list>.post-item:first-child .post-bottom{
            padding:17px!important;
        }
        body.dt-term-archive-redesign .post-list .post-meta__title,
        body.dt-term-archive-redesign .post-list>.post-item:first-child .post-meta__title{
            overflow-wrap:anywhere;
        }
        body.dt-term-archive-redesign .post-list .post-meta__items{
            align-items:flex-start;
        }
        body.dt-term-archive-redesign .navigation.pagination .page-numbers,
        body.dt-term-archive-redesign .posts-navigation a{
            min-width:38px;
            min-height:38px;
            padding:7px 9px;
        }
    }

    @media (max-width:380px){
        body.dt-term-archive-redesign .page-main>.container{
            padding-left:9px;
            padding-right:9px;
        }
        body.dt-term-archive-redesign .post-list .post-bottom,
        body.dt-term-archive-redesign .post-list>.post-item:first-child .post-bottom{
            padding:15px!important;
        }
        body.dt-term-archive-redesign .post-list .post-meta__items{
            font-size:.86rem!important;
        }
        body.dt-term-archive-redesign .post-list .post-content{
            font-size:.9rem!important;
        }
    }
    
/* Keep category and tag descriptions readable without altering Yoast metadata. */
body.dt-term-archive-redesign .page-header .archive-description {
 max-width: 850px; color: var(--dt-term-muted) !important;
 line-height: 1.65; margin-top: 12px; font-size: .98rem;
}
body.dt-term-archive-redesign .page-header .archive-description p { margin-bottom: .55rem; }
body.dt-term-archive-redesign .post-list .post-meta__title a:focus-visible,
body.dt-term-archive-redesign .dt-term-home-read-button:focus-visible,
body.dt-term-archive-redesign .post-list .post-main a:focus-visible {
 outline: 3px solid var(--dt-term-accent); outline-offset: 3px;
}
body.dt-term-archive-redesign .post-list .post-bottom .post-meta__items {
 flex-wrap: wrap; min-width: 0;
}
@media (prefers-reduced-motion: reduce) {
 body.dt-term-archive-redesign .post-list>.post-item,
 body.dt-term-archive-redesign .post-list .dt-thumb-frame img { transition: none !important; }
}


/* Deep.Tube contrast parity: dark text on cyan buttons, contextual link colors. */
body.dt-term-archive-redesign .post-list>.post-item:first-child .post-meta::before,
body.dt-term-archive-redesign .dt-term-home-read-button,
body.dt-term-archive-redesign .dt-term-home-read-button:hover,
body.dt-term-archive-redesign .navigation.pagination .page-numbers.current {
    color:#102a3b !important;
}
body.dt-term-archive-redesign .post-list .post-category a {
    color:#006c96 !important;
}
body.dt-term-archive-redesign .navigation.pagination .page-numbers,
body.dt-term-archive-redesign .posts-navigation a {
    background:var(--dt-term-panel-2) !important;
    color:var(--dt-term-text) !important;
}
body.dt-term-archive-redesign .navigation.pagination a.page-numbers:hover,
body.dt-term-archive-redesign .posts-navigation a:hover {
    color:var(--dt-term-text) !important;
}
[data-theme="dark"] body.dt-term-archive-redesign .post-list .post-category a,
body.dt-term-archive-redesign[data-theme="dark"] .post-list .post-category a {
    color:#7cddff !important;
}