/* APAR Latest News styles - mirror React component styling (Tailwind -> plain CSS) */
.apar-latest-news { padding: 5rem 1rem; background: #FFF7F0; /* approx bg-orange-50 */ font-family: inherit; color: #111827; }
.apar-latest-news .apar-latest-news-inner { max-width: 1120px; margin: 0 auto; }
.apar-latest-news .ln-header { margin-bottom: 3rem; }
.apar-latest-news .ln-title { font-size: 2.25rem; font-weight: 700; margin: 0 0 0.5rem; }
.apar-latest-news .ln-underline { width: 0px; height: 0px; background: #F97316; margin: 2rem auto 1rem; border-radius: 9999px; padding-top: 10px; }
.apar-latest-news .ln-sub { color: #4B5563; max-width: 40rem; margin: 0 auto; }

.ln-slider-wrapper { position: relative; overflow: visible; }
.ln-slider { overflow: hidden; padding-bottom: 1.5rem; padding-left: 1rem; padding-right: 1.5rem; }
.ln-track { display: flex; gap: 1.5rem; transform: translateX(0); }
.ln-card { display: block; flex: 0 0 auto; width: 20rem; text-decoration: none; color: inherit; }
.ln-card-inner { background: #ffffff; border-radius: 0.75rem; box-shadow: 0 6px 12px rgba(17,24,39,0.06); overflow: hidden; display: flex; flex-direction: column; height: 22rem; transition: box-shadow .25s ease; }
.ln-card-inner:hover { box-shadow: 0 10px 20px rgba(17,24,39,0.12); }
.ln-thumb { height: 14rem; overflow: hidden; background: #e5e7eb; }
.ln-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ln-thumb-fallback { width:100%; height:100%; background:#e5e7eb; }
.ln-body { padding: 1rem; display:flex; flex-direction:column; flex:1 1 auto; min-height:0; }
.ln-date { color: #FB923C; font-size: 0.875rem; margin-bottom: 0.25rem; font-weight:400; }
.ln-title-card { font-size: 1.125rem; font-weight: 400!important; margin: 0 0 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /* standard fallback */ line-clamp: 3; }
.ln-readmore { margin-top: auto; display:inline-flex; align-items:center; color:#F97316; font-weight:400; }
.ln-readmore img { height: 10px; width: 10px; margin-left: 0.5rem; object-fit:contain; }

.ln-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.9); border-radius:9999px; padding:0.5rem; box-shadow:0 6px 12px rgba(0,0,0,0.08); border: none; cursor: pointer; display:flex; align-items:center; justify-content:center; }
.ln-arrow:focus { outline: 2px solid rgba(249,115,22,0.4); }
.ln-arrow-left { left: -2rem; }
.ln-arrow-right { right: -2rem; }
.ln-arrow-icon { width: 1.25rem; height: 1.25rem; color: #000; }

.ln-cta { margin-top: 3rem; }
.ln-button { display:inline-flex; align-items:center; gap:0.5rem; background:#F97316; color:#fff; padding:0.75rem 1.5rem; border-radius:0.5rem; text-decoration:none; font-weight:600;}
.ln-button a:hover { color: #000!important;}
.ln-button-icon { width:1.25rem; height:1.25rem; }

.ln-empty { text-align:center; padding:3rem 1rem; color:#374151; }

/* Responsive */
@media (min-width: 768px) {
    .ln-slider { padding-left: 1.5rem; padding-right: 5rem; }
    .ln-arrow-left { left: -2.5rem; }
    .ln-arrow-right { right: -2.5rem; }
}

@media (min-width: 1024px) {
    .ln-card { width: 20rem; }
}