/* Medya X — Final Creative / Editoryal Sayfalar V1 */
:root{
    --mx-final-page:#f6faf9;
    --mx-final-card:#fff;
    --mx-final-soft:#edf7f5;
    --mx-final-line:rgba(6,78,79,.14);
    --mx-final-text:#102322;
    --mx-final-muted:#64748b;
    --mx-final-teal:#0f766e;
    --mx-final-mint:#5eead4;
    --mx-final-gold:#d9a441;
    --mx-final-shadow:0 20px 52px rgba(6,50,51,.09);
}

:is(.category-page,.tag-page,.authors-page,.author-page,.mx-post-mastery){
    position:relative;
    isolation:isolate;
    overflow:clip;
    color:var(--mx-final-text);
    background:
        radial-gradient(circle at 6% 4%,rgba(94,234,212,.09),transparent 24rem),
        radial-gradient(circle at 96% 13%,rgba(217,164,65,.055),transparent 22rem),
        linear-gradient(180deg,var(--mx-final-page),#fff 34rem);
}

:is(.category-page,.tag-page,.authors-page,.author-page,.mx-post-mastery)::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    opacity:.26;
    background-image:radial-gradient(circle,rgba(6,78,79,.2) .6px,transparent .7px);
    background-size:23px 23px;
    -webkit-mask-image:linear-gradient(#000,transparent 28rem);
    mask-image:linear-gradient(#000,transparent 28rem);
}

/* Ortak içerik yolu */
:is(.category-page,.tag-page,.authors-page,.author-page)>div>nav:first-child,
.mx-post-mastery .mx-post-breadcrumb{
    width:max-content;
    max-width:100%;
    overflow:hidden;
    padding:.62rem .82rem;
    border:1px solid var(--mx-final-line);
    border-radius:999px;
    background:rgba(255,255,255,.76);
    box-shadow:0 8px 22px rgba(6,50,51,.045);
    backdrop-filter:blur(12px);
}

:is(.category-page,.tag-page,.authors-page,.author-page)>div>nav:first-child ol{min-width:0;white-space:nowrap}

/* Kategori ve etiket vitrin başlığı */
:is(.category-page,.tag-page)>.mx-unified-content-width>header{
    position:relative;
    overflow:hidden;
    padding:clamp(1.35rem,3vw,2.35rem);
    border:1px solid var(--mx-final-line);
    border-radius:1.55rem;
    background:rgba(255,255,255,.9);
    box-shadow:var(--mx-final-shadow);
}

:is(.category-page,.tag-page)>.mx-unified-content-width>header::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:4px;
    background:linear-gradient(90deg,#064e4f,var(--mx-final-mint),var(--mx-final-gold),transparent 86%);
}

:is(.category-page,.tag-page)>.mx-unified-content-width>header::after{
    content:"";
    position:absolute;
    right:-4.5rem;
    bottom:-5.5rem;
    width:14rem;
    height:14rem;
    border:1px solid rgba(15,118,110,.09);
    border-radius:50%;
    box-shadow:0 0 0 2.25rem rgba(94,234,212,.025),0 0 0 4.5rem rgba(217,164,65,.018);
    pointer-events:none;
}

:is(.category-page,.tag-page)>.mx-unified-content-width>header>*{position:relative;z-index:1}
:is(.category-page,.tag-page)>.mx-unified-content-width>header h1{
    font-size:clamp(2rem,4.1vw,3.75rem)!important;
    line-height:1.02!important;
    letter-spacing:-.055em;
    text-wrap:balance;
}

:is(.category-page,.tag-page)>.mx-unified-content-width>header .w-16.h-16{
    width:4.3rem!important;
    height:4.3rem!important;
    border:1px solid rgba(255,255,255,.4);
    box-shadow:0 14px 28px rgba(6,78,79,.22),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

/* Liste kartları */
:is(.category-page,.tag-page) .post-card{
    position:relative;
    isolation:isolate;
    border:1px solid var(--mx-final-line);
    border-radius:1.15rem!important;
    background:var(--mx-final-card);
    box-shadow:0 12px 30px rgba(6,50,51,.065)!important;
    transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease;
}

:is(.category-page,.tag-page) .post-card::after,
:is(.authors-card,.author-post-card)::after{
    content:"";
    position:absolute;
    z-index:3;
    top:-1px;
    right:1.15rem;
    left:1.15rem;
    height:2px;
    border-radius:999px;
    opacity:0;
    transform:scaleX(.65);
    background:linear-gradient(90deg,transparent,var(--mx-final-mint),var(--mx-final-gold),transparent);
    transition:opacity .25s ease,transform .25s ease;
    pointer-events:none;
}

:is(.category-page,.tag-page) .post-card:hover,
:is(.authors-card,.author-post-card):hover{
    transform:translateY(-5px);
    border-color:rgba(15,118,110,.28);
    box-shadow:0 22px 44px rgba(6,50,51,.12)!important;
}

:is(.category-page,.tag-page) .post-card:hover::after,
:is(.authors-card,.author-post-card):hover::after{opacity:1;transform:scaleX(1)}

:is(.category-page,.tag-page) .post-card-image,
.author-post-image{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease}
:is(.category-page,.tag-page) .post-card:hover .post-card-image,
.author-post-card:hover .author-post-image{transform:scale(1.04);filter:saturate(1.07)}

:is(.category-page,.tag-page) .category-badge{
    border:1px solid rgba(255,255,255,.6);
    box-shadow:0 8px 20px rgba(6,50,51,.13)!important;
}

/* Kategori, etiket ve haber sağ sütunu */
:is(.mx-category-sidebar,.mx-tag-sidebar,.mx-post-sidebar)>div{
    position:relative;
    overflow:hidden;
    border:1px solid var(--mx-final-line)!important;
    border-radius:1.15rem!important;
    background:var(--mx-final-card)!important;
    box-shadow:0 14px 34px rgba(6,50,51,.075)!important;
}

:is(.mx-category-sidebar,.mx-tag-sidebar,.mx-post-sidebar)>div::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:3px;
    background:linear-gradient(90deg,var(--mx-final-teal),var(--mx-final-mint),transparent 82%);
}

:is(.mx-category-sidebar,.mx-tag-sidebar,.mx-post-sidebar) h3{letter-spacing:-.025em}
:is(.mx-category-sidebar,.mx-tag-sidebar,.mx-post-sidebar) .popular-post{
    padding:.48rem;
    margin-inline:-.48rem;
    border-radius:.85rem;
    transition:transform .2s ease,background-color .2s ease;
}
:is(.mx-category-sidebar,.mx-tag-sidebar,.mx-post-sidebar) .popular-post:hover{transform:translateX(3px);background:var(--mx-final-soft)}

/* Haber okuma ağırlığı */
.mx-post-mastery .post-header-card{
    border-radius:1.55rem!important;
    box-shadow:0 24px 58px rgba(6,50,51,.11)!important;
}

.mx-post-mastery .post-header-card::before{
    height:4px;
    background:linear-gradient(90deg,#064e4f,var(--mx-final-mint),var(--mx-final-gold),transparent 88%);
}

.mx-post-mastery .post-header-card h1{text-wrap:balance}
.mx-post-mastery .post-content-card{
    position:relative;
    overflow:hidden;
    border-radius:1.45rem!important;
    box-shadow:0 22px 54px rgba(6,50,51,.095)!important;
}

.mx-post-mastery .post-content-card::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:3px;
    background:linear-gradient(to bottom,var(--mx-final-mint),rgba(15,118,110,.15) 22%,transparent 72%);
}

.mx-post-mastery .post-content-card .prose h2{
    position:relative;
    padding-left:1rem;
    border-bottom-color:var(--mx-final-line);
}

.mx-post-mastery .post-content-card .prose h2::before{
    content:"";
    position:absolute;
    top:.2em;
    bottom:.65em;
    left:0;
    width:3px;
    border-radius:999px;
    background:linear-gradient(var(--mx-final-teal),var(--mx-final-mint));
}

.mx-post-mastery .post-content-card .prose blockquote{
    position:relative;
    overflow:hidden;
    border-left:0!important;
    border-radius:1rem;
    background:linear-gradient(135deg,#edf9f6,#f8fbfa);
    box-shadow:inset 4px 0 0 var(--mx-final-teal);
}

.mx-post-mastery .post-content-card .prose blockquote::before{
    content:"“";
    position:absolute;
    top:-1.2rem;
    right:.7rem;
    color:rgba(15,118,110,.09);
    font:900 7rem/1 Georgia,serif;
}

.mx-post-mastery :is(.mx-reactions,.mx-discovery-route,.mx-comments-card,.mx-trust-card){
    border-color:var(--mx-final-line)!important;
    box-shadow:0 18px 44px rgba(6,50,51,.08)!important;
}

/* Yazar dizini ve profil */
.authors-intro,
.author-hero-card{
    position:relative;
    overflow:hidden;
    border:1px solid var(--mx-final-line);
    border-radius:1.55rem!important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(237,247,245,.82))!important;
    box-shadow:var(--mx-final-shadow)!important;
}

.authors-intro::before,
.author-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:4px;
    background:linear-gradient(90deg,#064e4f,var(--mx-final-mint),var(--mx-final-gold),transparent 88%);
}

.authors-intro::after,
.author-hero-card::after{
    content:"";
    position:absolute;
    right:-5rem;
    bottom:-6rem;
    width:15rem;
    height:15rem;
    border:1px solid rgba(15,118,110,.09);
    border-radius:50%;
    box-shadow:0 0 0 2.4rem rgba(94,234,212,.025),0 0 0 4.8rem rgba(217,164,65,.018);
    pointer-events:none;
}

.authors-intro>*,
.author-hero-card>*{position:relative;z-index:1}
.authors-intro h1{font-size:clamp(2rem,4vw,3.45rem)!important;line-height:1.02;letter-spacing:-.055em;text-wrap:balance}

.authors-card,
.author-post-card{
    position:relative;
    overflow:hidden;
    border-color:var(--mx-final-line)!important;
    background:var(--mx-final-card)!important;
    box-shadow:0 12px 30px rgba(6,50,51,.065)!important;
}

.authors-avatar,
.author-avatar-image,
.author-avatar-fallback{
    box-shadow:0 0 0 5px var(--mx-final-card),0 0 0 7px rgba(15,118,110,.15),0 14px 28px rgba(6,50,51,.14)!important;
}

.author-trust-card{
    border:1px solid var(--mx-final-line)!important;
    border-left:4px solid var(--mx-final-teal)!important;
    background:linear-gradient(110deg,var(--mx-final-card),var(--mx-final-soft))!important;
    box-shadow:0 12px 30px rgba(6,50,51,.065)!important;
}

.author-archive-heading{position:relative;border-left:0!important;padding-left:1rem!important}
.author-archive-heading::before{content:"";position:absolute;inset:.1rem auto .1rem 0;width:3px;border-radius:999px;background:linear-gradient(var(--mx-final-teal),var(--mx-final-mint))}

html.theme-dark{
    --mx-final-page:#151515;
    --mx-final-card:#272827;
    --mx-final-soft:#303432;
    --mx-final-line:rgba(94,234,212,.15);
    --mx-final-text:#f8fafc;
    --mx-final-muted:#cbd5e1;
    --mx-final-shadow:0 22px 56px rgba(0,0,0,.28);
}

html.theme-dark :is(.category-page,.tag-page,.authors-page,.author-page,.mx-post-mastery){
    background:radial-gradient(circle at 6% 4%,rgba(45,212,191,.09),transparent 24rem),#151515;
}

html.theme-dark :is(.category-page,.tag-page,.authors-page,.author-page)>div>nav:first-child,
html.theme-dark .mx-post-mastery .mx-post-breadcrumb{background:rgba(38,39,38,.88);border-color:var(--mx-final-line)}

html.theme-dark :is(.category-page,.tag-page)>.mx-unified-content-width>header,
html.theme-dark .authors-intro,
html.theme-dark .author-hero-card{background:linear-gradient(135deg,#292a29,#222624)!important;border-color:var(--mx-final-line)!important}

html.theme-dark :is(.category-page,.tag-page)>.mx-unified-content-width>header::after,
html.theme-dark :is(.authors-intro,.author-hero-card)::after{border-color:rgba(94,234,212,.09)}

html.theme-dark :is(.category-page,.tag-page) .post-card,
html.theme-dark :is(.authors-card,.author-post-card),
html.theme-dark :is(.mx-category-sidebar,.mx-tag-sidebar,.mx-post-sidebar)>div{background:var(--mx-final-card)!important;border-color:var(--mx-final-line)!important}

html.theme-dark .mx-post-mastery .post-content-card .prose blockquote{background:linear-gradient(135deg,#303532,#282b29)!important}
html.theme-dark .authors-avatar,
html.theme-dark .author-avatar-image,
html.theme-dark .author-avatar-fallback{box-shadow:0 0 0 5px #272827,0 0 0 7px rgba(94,234,212,.2),0 14px 28px rgba(0,0,0,.3)!important}

@media(max-width:900px){
    :is(.category-page,.tag-page)>.mx-unified-content-width>header{border-radius:1.25rem}
    :is(.category-page,.tag-page)>.mx-unified-content-width>header::after{right:-6rem;bottom:-7rem}
}

@media(max-width:640px){
    :is(.category-page,.tag-page,.authors-page,.author-page,.mx-post-mastery){background-image:radial-gradient(circle at 12% 2%,rgba(94,234,212,.075),transparent 15rem)}
    :is(.category-page,.tag-page)>.mx-unified-content-width>header{padding:1.15rem}
    :is(.category-page,.tag-page)>.mx-unified-content-width>header>.flex{align-items:flex-start;gap:.8rem}
    :is(.category-page,.tag-page)>.mx-unified-content-width>header .w-16.h-16{width:3.35rem!important;height:3.35rem!important;border-radius:.9rem!important}
    :is(.category-page,.tag-page)>.mx-unified-content-width>header h1{font-size:clamp(1.8rem,10vw,2.65rem)!important}
    :is(.category-page,.tag-page) .post-card:hover,
    :is(.authors-card,.author-post-card):hover,
    :is(.mx-category-sidebar,.mx-tag-sidebar,.mx-post-sidebar) .popular-post:hover{transform:none}
    .mx-post-mastery .post-content-card::before{width:2px}
}

@media(prefers-reduced-motion:reduce){
    :is(.category-page,.tag-page,.authors-page,.author-page,.mx-post-mastery) *,
    :is(.category-page,.tag-page,.authors-page,.author-page,.mx-post-mastery) *::before,
    :is(.category-page,.tag-page,.authors-page,.author-page,.mx-post-mastery) *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}