/* Common */
.sa-feature-widget, .sa-video-widget, .sa-four-grid{ font-family:"Noto Sans", Arial, sans-serif; color:#000; }

/* ===== Feature ===== */
.sa-feature-body{ display:flex; gap:18px; flex-wrap:wrap; }
.sa-feature-main{ display:flex; gap:18px; width:100%; }
.sa-feature-item{ flex:1 1 30%; background:#fff; padding:8px; border-radius:12px; }
.sa-feature-img{ display:block; width:100%; height:200px; background-size:cover; background-position:center; border-radius:12px; margin-bottom:8px; }
.sa-card-panel{ background:#eef1f7; border-radius:12px; padding:12px 14px; margin-top:8px; }
.sa-feature-title a{ color:#000 !important; font-size:20px !important; font-weight:600 !important; line-height:23px !important; text-decoration:none; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sa-meta-row, .sa-meta-row *{ color:#000 !important; font-size:14px; }

/* list items: force black + a bit bigger + bold */
.sa-feature-list{ margin:10px 0 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; }
.sa-feature-list li{ position:relative; padding-left:16px; }
.sa-feature-list li, .sa-feature-list a{ color:#000 !important; font-size:16px !important; font-weight:600 !important; text-decoration:none !important; }
.sa-feature-list li .plus{ position:absolute; left:0; top:0; font-weight:700; color:#000 !important; }

@media (max-width:1024px){ .sa-feature-main{ flex-wrap:wrap; } .sa-feature-item{ flex:1 1 calc(50% - 9px); } }
@media (max-width:640px){ .sa-feature-item{ flex:1 1 100%; } .sa-feature-img{ height:180px; } }

/* ===== Video (unchanged from previous final) ===== */
.sa-video-body{ display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start; }
.sa-video-left{ flex:0 0 60%; }
.sa-video-right{ flex:0 0 38%; display:grid; grid-template-columns:1fr; gap:16px; }
@media (min-width:1025px){ .sa-video-right{ grid-template-columns:1fr 1fr; } }
.sa-video-featured, .sa-small-thumb{ position:relative; display:block; width:100%; aspect-ratio:16/9; background-size:cover; background-position:center; border-radius:12px; }
.sa-play{ position:absolute; right:10px; bottom:10px; width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.95); box-shadow:0 1px 2px rgba(0,0,0,.15); }
.sa-play::after{ content:''; position:absolute; left:13px; top:9px; border-style:solid; border-width:8px 0 8px 12px; border-color:transparent transparent transparent #111; }
.sa-video-title a{ color:#000 !important; font-size:22px !important; font-weight:700 !important; line-height:26px !important; text-decoration:none; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sa-small-title a{ color:#000 !important; font-size:18px !important; font-weight:600 !important; line-height:24px !important; text-decoration:none; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sa-meta{ color:#000 !important; font-size:14px; margin-top:6px; }
@media (max-width:1024px){ .sa-video-body{ flex-direction:column; } .sa-video-left,.sa-video-right{ flex:1 1 100%; } }

/* ===== Four Column Grid ===== */
.sa-four-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap:18px; }
.sa-four-item{ background:#fff; }
.sa-four-thumb{ display:block; width:100%; aspect-ratio:16/9; background-size:cover; background-position:center; border-radius:12px; }
.sa-four-title a{ color:#000 !important; font-size:18px !important; font-weight:600 !important; line-height:24px !important; text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px; }
.sa-four-meta{ color:#000 !important; font-size:14px; margin-top:6px; }

/* responsive: tablet 2 col, mobile 1 col */
@media (max-width:1024px){ .sa-four-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:640px){ .sa-four-grid{ grid-template-columns: 1fr; } }

/* Safety: force everything black */
.sa-feature-widget *, .sa-four-grid *, .sa-video-widget * { color:#000 !important; }