/* education.html: custom styles extracted from the page markup. */

.event-tab {
        display: inline-flex;

        align-items: center;

        justify-content: center;

        gap: 8px;

        padding: 10px 18px;

        border-radius: 999px;

        background: white;

        border: 1px solid #e2e8f0;

        color: #475569;

        font-size: 14px;

        font-weight: 600;

        transition: all 0.3s ease;
      }

      .event-tab:hover {
        border-color: #10b981;

        color: #059669;

        transform: translateY(-2px);
      }

      .event-tab.active {
        background: #059669;

        border-color: #059669;

        color: white;

        box-shadow: 0 8px 20px rgba(5, 150, 105, 0.2);
      }

      .school-event {
        will-change: transform, opacity;
      }

@keyframes student-card-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }