/* Scoped: sadece Duyuru Detay sayfası */
.post-page .post-hero{
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 12px 28px rgba(0,0,0,.10);
}
.post-page .post-hero-cover{
    min-height: 260px;
    background: linear-gradient(135deg, rgba(45,143,62,.20), rgba(33,150,243,.16), rgba(255,193,7,.18));
    background-size: cover;
    background-position: center;
    position: relative;
}
.post-page .post-hero-cover::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.55) 100%);
}
.post-page .post-hero-body{
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 1.25rem 1.25rem 1.35rem 1.25rem;
    color: #fff;
    z-index: 2;
}
.post-page .kicker{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.28rem .7rem;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.28);
    font-weight: 900;
    font-size: .85rem;
    backdrop-filter: blur(6px);
}
.post-page .post-title{
    font-weight: 900;
    letter-spacing: -.02em;
    margin: .6rem 0 .4rem 0;
    font-size: 2.1rem;
}
.post-page .meta{
    opacity: .92;
    font-size: .95rem;
    display:flex;
    flex-wrap:wrap;
    gap: .6rem 1rem;
}
.post-page .meta i{ opacity: .9; }

.post-page .post-shell{
    margin-top: -1.25rem;
    position: relative;
    z-index: 3;
}

.post-page .cardish{
    border: 1px solid rgba(0,0,0,.06);
    border-radius: var(--radius-xl);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}
.post-page .content{
    font-size: 1.02rem;
    line-height: 1.85;
    color: #2b3a42;
}
.post-page .content h2, .post-page .content h3, .post-page .content h4{
    font-weight: 900;
    margin-top: 1.25rem;
}
.post-page .content p{ margin-bottom: 1rem; }
.post-page .content img{
    max-width:100%;
    height:auto;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.06);
}

.post-page .share .btn{
    border-radius: var(--radius-lg);
}
.post-page .chip{
    display:inline-flex;
    align-items:center;
    padding:.18rem .55rem;
    border-radius: 999px;
    font-size:.82rem;
    font-weight: 900;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.03);
    color: var(--gray-700);
}
.post-page .aside-link{
    display:flex;
    gap:.85rem;
    align-items:flex-start;
    padding: .85rem;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.02);
    text-decoration:none;
    color: inherit;
}
.post-page .aside-link:hover{
    background: rgba(45,143,62,.06);
    border-color: rgba(45,143,62,.20);
}
.post-page .aside-icon{
    width: 42px; height:42px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(45,143,62,.12);
    border: 1px solid rgba(45,143,62,.18);
    color: var(--primary-dark);
    flex: 0 0 auto;
}
.post-page .rel-card{
    border: 1px solid rgba(0,0,0,.06);
    border-radius: var(--radius-xl);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
    overflow:hidden;
    height: 100%;
}
.post-page .rel-thumb{
    height: 120px;
    background: linear-gradient(135deg, rgba(45,143,62,.16), rgba(33,150,243,.12));
    display:flex;
    align-items:center;
    justify-content:center;
    color: var(--primary-dark);
    font-size: 1.2rem;
}
.post-page .rel-title{
    font-weight: 900;
    margin: 0 0 .3rem 0;
}
.post-page .rel-excerpt{
    color: var(--gray-600);
    margin: 0;
}
.post-page #top{ scroll-margin-top: 90px; }

@media (max-width: 576px){
    .post-page .post-title{ font-size: 1.65rem; }
    .post-page .post-hero-cover{ min-height: 230px; }
}