/* Scoped: sadece Duyurular sayfası */
.ann-page .ann-hero{
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
    background: linear-gradient(135deg,
        rgba(45,143,62,.10) 0%,
        rgba(33,150,243,.08) 55%,
        rgba(255,193,7,.10) 100%
    );
    border: 1px solid rgba(0,0,0,.06);
    padding: 1.75rem;
}
.ann-page .ann-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 12% 20%, rgba(45,143,62,.18), transparent 42%),
        radial-gradient(circle at 85% 25%, rgba(33,150,243,.14), transparent 45%),
        radial-gradient(circle at 70% 85%, rgba(255,193,7,.12), transparent 40%);
    pointer-events:none;
}
.ann-page .ann-hero-inner{ position:relative; z-index:1; }

.ann-page .hero-badge{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.35rem .75rem;
    border-radius: 999px;
    font-weight: 800;
    font-size: .85rem;
    color: var(--primary-dark);
    background: rgba(45,143,62,.12);
    border: 1px solid rgba(45,143,62,.18);
}
.ann-page .hero-title{
    font-size: 2.05rem;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: .75rem 0 .35rem 0;
}
.ann-page .hero-subtitle{
    color: var(--gray-600);
    max-width: 82ch;
    margin: 0;
}

.ann-page .pill{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.25rem .6rem;
    border-radius: 999px;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.06);
    font-size:.85rem;
    font-weight:800;
    color: var(--gray-700);
}

.ann-page .panel{
    border: 1px solid rgba(0,0,0,.06);
    border-radius: var(--radius-xl);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

.ann-page .featured{
    border: 1px solid rgba(0,0,0,.06);
    border-radius: var(--radius-xl);
    box-shadow: 0 12px 28px rgba(0,0,0,.10);
    overflow:hidden;
}
.ann-page .featured-cover{
    height: 220px;
    background: linear-gradient(135deg, rgba(45,143,62,.20), rgba(33,150,243,.16), rgba(255,193,7,.18));
    display:flex;
    align-items:flex-end;
    padding: 1rem 1.1rem;
}
.ann-page .featured-cover .tag{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.28rem .7rem;
    border-radius: 999px;
    background: rgba(255,255,255,.85);
    border: 1px solid rgba(0,0,0,.06);
    font-weight: 900;
    font-size:.85rem;
}
.ann-page .featured-title{
    font-weight: 900;
    margin: .1rem 0 .35rem 0;
    letter-spacing: -.01em;
}
.ann-page .featured-excerpt{
    color: var(--gray-600);
    margin: 0;
}

.ann-page .ann-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%;
}
.ann-page .ann-card .thumb{
    height: 140px;
    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.4rem;
}
.ann-page .meta{
    color: var(--gray-600);
    font-size: .9rem;
}
.ann-page .chip{
    display:inline-flex;
    align-items:center;
    padding:.18rem .55rem;
    border-radius: 999px;
    font-size:.82rem;
    font-weight: 800;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.03);
}
.ann-page .btn{ border-radius: var(--radius-lg); }

.ann-page #top{ scroll-margin-top: 90px; }

@media (max-width: 576px){
    .ann-page .hero-title{ font-size: 1.7rem; }
}