/* Portal duyuru kartları — Tasarım 3 dili */
.an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.an-card { display: flex; flex-direction: column; border-radius: 20px; background: #fff; border: 1px solid var(--odtu-border); overflow: hidden; text-decoration: none; color: var(--odtu-ink); transition: transform .15s, box-shadow .15s, border-color .15s; }
.an-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(13,34,70,.10); border-color: var(--odtu-border-strong); color: var(--odtu-ink); }
.an-card.pinned { border-color: var(--odtu-red); box-shadow: inset 0 3px 0 var(--odtu-red); }
.an-card-img { display: block; aspect-ratio: 16 / 9; background: var(--odtu-navy-tint) center / cover no-repeat; }
.an-card-body { display: flex; flex-direction: column; gap: 8px; padding: 18px; flex: 1; }
.an-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 12.5px; color: var(--odtu-gray-subtle); }
.an-card-tag { padding: 3px 10px; border-radius: 999px; background: var(--odtu-red-light); color: var(--odtu-red-dark); font-weight: 700; font-size: 11.5px; }
.an-card-pin { display: inline-flex; align-items: center; gap: 4px; color: var(--odtu-red); font-weight: 700; }
.an-card strong { font: 800 18px/1.25 var(--odtu-display); letter-spacing: -0.01em; color: var(--odtu-navy); text-wrap: balance; }
.an-card-text { font-size: 14px; line-height: 1.55; color: var(--odtu-gray-subtle); }
.an-card-branch { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--odtu-navy); }
.an-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.an-filter a { border: 1.5px solid var(--odtu-border); background: #fff; border-radius: 12px; padding: 9px 14px; font-weight: 600; font-size: 13.5px; color: var(--odtu-ink); text-decoration: none; }
.an-filter a[aria-current="page"] { border-color: var(--odtu-navy); background: var(--odtu-navy-tint); color: var(--odtu-navy); }
.an-empty { padding: 34px; border-radius: 20px; border: 1.5px dashed var(--odtu-border-strong); text-align: center; color: var(--odtu-gray-subtle); background: #fff; }
.an-article { border-radius: 22px; background: #fff; overflow: hidden; box-shadow: 0 24px 60px rgba(13,34,70,.08); }
.an-article-img { aspect-ratio: 21 / 9; background: var(--odtu-navy-tint) center / cover no-repeat; }
.an-article-body { padding: 32px 38px; }
.an-article h2 { margin: 10px 0 14px; font: 800 clamp(26px, 3.4vw, 36px)/1.12 var(--odtu-display); letter-spacing: -0.02em; color: var(--odtu-navy); text-wrap: balance; }
.an-article-text { max-width: 72ch; font-size: 15.5px; line-height: 1.8; color: var(--odtu-ink); white-space: pre-line; }
.an-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; font-weight: 700; color: var(--odtu-navy); text-decoration: none; }
.an-more { margin-top: 30px; }
.an-more h3 { margin-bottom: 14px; font: 800 20px/1.2 var(--odtu-display); color: var(--odtu-navy); }
@media (max-width: 900px) { .an-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .an-grid { grid-template-columns: minmax(0, 1fr); } .an-article-body { padding: 22px 20px; } }