/* announcements.css */
:root{
  --bg: #f7fbff;
  --card: #ffffff;
  --primary: #2563eb; /* xanh tươi */
  --primary-weak: #e8f0ff;
  --text: #0f172a;
  --muted: #64748b;
  --shadow: 0 6px 20px rgba(2,6,23,.08);
}
.announce-wrapper{max-width:960px;margin:24px auto;padding:0 16px}
.section-title{font-size:28px;color:var(--text);margin:6px 0 16px;display:flex;align-items:center;gap:8px}
.section-title::before{content:'';width:6px;height:28px;background:var(--primary);border-radius:6px}

.announce-item{display:flex;gap:18px;background:var(--card);border-radius:16px;padding:18px 20px;margin:12px 0;box-shadow:var(--shadow);text-decoration:none;align-items:center;}
.announce-item:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(2,6,23,.1)}

.date-badge{width:100px;min-width:100px;background:var(--primary-weak);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px}
.date-badge .day{font-size:36px;font-weight:800;color:var(--primary);line-height:1}
.date-badge .month{margin-top:6px;color:var(--muted)}

.date-badge.lg{width:120px;min-width:120px;padding:16px}
.date-badge.lg .day{font-size:44px}

.announce-item .title{font-size:22px;color:var(--text);margin:0 0 6px}
.announce-item .summary{color:var(--muted);margin:0}

.announce-detail{max-width:900px;margin:24px auto;padding:0 16px}
.detail-header{display:flex;gap:20px;align-items:center;background:var(--card);padding:18px;border-radius:16px;box-shadow:var(--shadow)}
.detail-header .title{margin:0}
.meta{color:var(--muted);margin:6px 0 0}
.detail-content{margin:18px 0 8px;line-height:1.7}

.pagination{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:16px}
.pagination .btn{border:1px solid #e2e8f0;padding:6px 12px;border-radius:10px;text-decoration:none;color:var(--text)}
.back-link{color:var(--primary);text-decoration:none}