main {
    flex: 1;
    padding: 20px;
}

tr.pointer { 
    cursor: pointer; 
}

.news-announce {
    border-radius: 12px;     
    overflow: hidden;        
    border: 1px solid #dee2e6; 
}

/* Hero Section */
.hero {
    position: relative;
    width: 100%;
    height: 70vh; /* เต็มจอ */
    background: url('../img/smc2.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: start;
}

/* Overlay ทึบโปร่ง */
.hero .overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.4); /* สีดำโปร่ง 40% */
    z-index: 1;
}

/* ให้ container อยู่เหนือ overlay */
.hero .container {
    position: relative;
    z-index: 2;
}
.text-top-hero{
    color: var(--primary-color);
    background: rgba(255,255,255,0.7);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.hero-title {
    font-size: clamp(20px, 4vw, 48px);
    line-height: 1.2;
}

html {
    scroll-behavior: smooth;
}

.img-wrapper {
    display: inline-block;
    max-width: 900px;
    border-radius: 20px;      /* ทำขอบมน */
    overflow: hidden;         /* ตัดขอบภาพ */
    box-shadow: 0 0 24px rgba(0,0,0,0.25); /* เงาฟุ้ง */
}