/* Medya X / Asama 10.3 / Haber okuma sayfasi ustalik katmani */
.mx-post-mastery{
    --mx-post-line:rgba(6,78,79,.14);
    --mx-post-soft:#f2f8f7;
    --mx-post-shadow:0 20px 55px rgba(15,42,55,.09);
    background:
        radial-gradient(circle at 12% 4%,rgba(15,118,110,.07),transparent 25rem),
        linear-gradient(180deg,#f8fbfb 0%,#fff 34rem);
}

.mx-post-mastery .mx-post-breadcrumb{
    display:flex;
    overflow:hidden;
    padding:.65rem .85rem;
    border:1px solid var(--mx-post-line);
    border-radius:.9rem;
    background:rgba(255,255,255,.72);
    box-shadow:0 8px 24px rgba(15,42,55,.045);
    backdrop-filter:blur(12px);
}

.mx-post-mastery .mx-post-breadcrumb ol{
    min-width:0;
}

.mx-post-mastery .mx-post-breadcrumb li:last-child{
    min-width:0;
}

.mx-post-mastery .mx-post-layout{
    gap:clamp(1.5rem,3vw,3rem);
    align-items:start;
}

.mx-post-mastery .post-header-card{
    position:relative;
    overflow:hidden;
    border:1px solid var(--mx-post-line);
    box-shadow:var(--mx-post-shadow);
}

.mx-post-mastery .post-header-card:before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:4px;
    background:linear-gradient(90deg,var(--primary),var(--secondary),#5eead4);
}

.mx-post-mastery .post-header-card:after{
    content:"";
    position:absolute;
    z-index:0;
    top:-10rem;
    right:-9rem;
    width:22rem;
    height:22rem;
    border-radius:50%;
    background:radial-gradient(circle,rgba(15,118,110,.09),transparent 68%);
    pointer-events:none;
}

.mx-post-mastery .post-header-card>*{
    position:relative;
    z-index:1;
}

.mx-post-mastery .post-header-card h1{
    max-width:18ch;
    font-size:clamp(2.15rem,4.8vw,4.35rem);
    line-height:1.02;
    letter-spacing:-.052em;
    text-wrap:balance;
}

.mx-post-mastery .post-header-card>p{
    max-width:48rem;
    padding-left:1rem;
    border-left:3px solid var(--secondary);
}

.mx-post-mastery .mx-post-meta{
    gap:.65rem!important;
}

.mx-post-mastery .mx-post-meta>div,
.mx-post-mastery .mx-post-meta>.mx-post-author-chip{
    min-height:2.35rem;
    padding:.45rem .7rem;
    border:1px solid var(--mx-post-line);
    border-radius:999px;
    background:var(--mx-post-soft);
}

.mx-post-mastery .mx-post-share{
    flex-wrap:wrap;
}

.mx-post-mastery .mx-post-share>span{
    margin-right:.25rem;
}

.mx-post-mastery .mx-post-share a{
    box-shadow:0 7px 18px rgba(15,23,42,.13);
}

.mx-post-mastery .post-featured-media{
    position:relative;
    overflow:hidden;
    border:1px solid var(--mx-post-line);
    border-radius:1.5rem;
    box-shadow:var(--mx-post-shadow);
}

.mx-post-mastery .post-featured-media img{
    width:100%;
    transition:transform .7s cubic-bezier(.2,.75,.25,1);
}

.mx-post-mastery .post-featured-media:hover img{
    transform:scale(1.012);
}

.mx-post-mastery .post-content-card,
.mx-post-mastery .mx-comments-card{
    border:1px solid var(--mx-post-line);
    box-shadow:var(--mx-post-shadow)!important;
}

.mx-post-mastery .post-content-card .prose{
    font-size:clamp(1.02rem,1.2vw,1.11rem);
    line-height:1.86;
}

.mx-post-mastery .post-content-card .prose :is(h2,h3,h4){
    scroll-margin-top:7rem;
    letter-spacing:-.025em;
}

.mx-post-mastery .post-content-card .prose h2{
    padding-bottom:.55rem;
    border-bottom:1px solid var(--mx-post-line);
}

.mx-post-mastery .mx-comments-card{
    position:relative;
    overflow:hidden;
}

.mx-post-mastery .mx-comments-card:before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:3px;
    background:linear-gradient(90deg,var(--primary),var(--secondary),transparent 82%);
}

@media(min-width:1024px){
    .mx-post-mastery .mx-post-sidebar{
        position:sticky;
        top:7.25rem;
        max-height:calc(100vh - 8.5rem);
        overflow:auto;
        padding-right:.25rem;
        scrollbar-width:thin;
        scrollbar-color:rgba(15,118,110,.35) transparent;
    }
}

html.theme-dark .mx-post-mastery{
    --mx-post-line:rgba(94,234,212,.14);
    --mx-post-soft:#303434;
    --mx-post-shadow:0 22px 58px rgba(0,0,0,.28);
    background:
        radial-gradient(circle at 12% 4%,rgba(15,118,110,.11),transparent 25rem),
        #151515;
}

html.theme-dark .mx-post-mastery .mx-post-breadcrumb{
    border-color:#3f4847;
    background:rgba(36,36,36,.86);
}

html.theme-dark .mx-post-mastery .post-header-card,
html.theme-dark .mx-post-mastery .post-content-card,
html.theme-dark .mx-post-mastery .mx-comments-card{
    border-color:#414646!important;
    background:#252525!important;
}

html.theme-dark .mx-post-mastery .mx-post-meta>div,
html.theme-dark .mx-post-mastery .mx-post-meta>.mx-post-author-chip{
    border-color:#454b4a;
    background:#303434;
}

html.theme-dark .mx-post-mastery .post-content-card .prose h2{
    border-color:#454b4a;
}

@media(max-width:767px){
    .mx-post-mastery{
        padding-top:1.5rem!important;
        padding-bottom:2.5rem!important;
    }

    .mx-post-mastery .mx-post-breadcrumb{
        margin-bottom:1rem!important;
        padding:.55rem .7rem;
    }

    .mx-post-mastery .mx-post-breadcrumb ol{
        overflow-x:auto;
        white-space:nowrap;
        scrollbar-width:none;
    }

    .mx-post-mastery .post-header-card,
    .mx-post-mastery .post-content-card,
    .mx-post-mastery .mx-comments-card{
        padding:1.35rem!important;
        border-radius:1.25rem!important;
    }

    .mx-post-mastery .post-header-card h1{
        max-width:none;
        margin-bottom:1.1rem!important;
        font-size:clamp(2rem,10vw,3rem);
    }

    .mx-post-mastery .post-header-card>p{
        padding-left:.8rem;
        font-size:1rem!important;
    }

    .mx-post-mastery .mx-post-meta>div,
    .mx-post-mastery .mx-post-meta>.mx-post-author-chip{
        min-height:2.1rem;
        padding:.38rem .58rem;
    }

    .mx-post-mastery .post-featured-media{
        border-radius:1.1rem;
    }
}

@media(prefers-reduced-motion:reduce){
    .mx-post-mastery .post-featured-media img{
        transition:none!important;
    }
}