/* News archive styles are scoped to this page to avoid changing the homepage. */
.news-archive { background: #f8fafc; color: #0f172a; }
.news-archive .na-heading { padding: 1.5rem 0 2.75rem; background: radial-gradient(ellipse at 90% 20%,rgba(56,189,248,.12),transparent 55%),linear-gradient(135deg,#eff6ff,#f0fdfa); border-bottom: 1px solid #e2e8f0; }
.na-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; font-size: .82rem; color: #64748b; margin-bottom: 1.8rem; }
.na-breadcrumb a { color: #475569; }.na-breadcrumb i { font-size: .7rem; }
.na-eyebrow { color: #0284c7; font-size: .75rem; font-weight: 700; letter-spacing: .12em; }
.news-archive .na-heading h1 { font-size: clamp(1.9rem,3.2vw,2.7rem); line-height: 1.35; margin: .5rem 0 .75rem; letter-spacing: -.025em; }
.na-heading p { color: #64748b; font-size: .98rem; line-height: 1.8; max-width: 760px; }
.na-content { padding: 2rem 0 4rem; }.na-tools { border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; padding: 1.4rem; box-shadow: 0 6px 24px rgba(15,23,42,.03); }
.na-search label { display: block; font-size: .9rem; font-weight: 600; margin-bottom: .6rem; }
.na-search-controls { display: flex; align-items: stretch; gap: .65rem; }.na-search-input { min-width: 0; flex: 1; position: relative; }
.na-search-input > i { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); font-size: 1.2rem; color: #94a3b8; pointer-events: none; }
.na-search-input input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; border: 1px solid #cbd5e1; border-radius: 11px; padding: .7rem 1rem .7rem 2.9rem; font: inherit; font-size: .92rem; color: #0f172a; background: #f8fafc; }
.na-search-input input::placeholder { color: #94a3b8; }.na-submit { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .7rem 1.4rem; border: 0; border-radius: 11px; background: #0284c7; color: #fff; font: 600 .92rem 'Kanit',sans-serif; cursor: pointer; text-decoration: none; }
.na-submit:hover { background: #0369a1; color: #fff; }
.na-filters { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid #f1f5f9; }
.na-filter { display: inline-flex; align-items: center; gap: .5rem; min-height: 42px; padding: .5rem .85rem; border-radius: 9px; font-size: .84rem; font-weight: 500; color: #475569; background: #f8fafc; border: 1px solid #e2e8f0; }
.na-filter > span { min-width: 23px; text-align: center; background: #e2e8f0; border-radius: 6px; padding: .1rem .25rem; font-size: .72rem; color: #64748b; }
.na-filter:hover { border-color: #7dd3fc; color: #0369a1; }.na-filter.is-active { background: #eff6ff; color: #0369a1; border-color: #7dd3fc; }.na-filter.is-active > span { background: #dbeafe; color: #0369a1; }
.na-results-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 2rem 0 1.3rem; scroll-margin-top: 110px; }.na-results-header > div { min-width: 0; }
.na-results-header h2 { font-size: 1.4rem; line-height: 1.5; margin: 0 0 .25rem; }.na-results-header p { font-size: .86rem; line-height: 1.65; color: #64748b; overflow-wrap: anywhere; }
.na-sort,.na-reset { display: inline-flex; align-items: center; gap: .4rem; color: #64748b; font-size: .82rem; flex-shrink: 0; }.na-reset { color: #0369a1; min-height: 44px; }
.news-archive .news-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 1.5rem; align-items: stretch; }
.news-archive .news-card { min-width: 0; border-radius: 16px; box-shadow: 0 6px 22px rgba(15,23,42,.04); }
.news-archive .news-card:hover { transform: translateY(-4px); box-shadow: 0 14px 32px rgba(15,23,42,.09); }
.news-archive .news-img { display: block; width: 100%; height: auto !important; aspect-ratio: 16/9 !important; flex-shrink: 0; background: #e2e8f0; }
.news-archive .news-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.na-image-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; gap: .5rem; color: #64748b; font-size: .85rem; }.na-image-placeholder i { font-size: 2.5rem; }
.news-archive .news-content { padding: 1.25rem; min-width: 0; }.news-archive .news-meta { justify-content: flex-start; margin-bottom: .7rem; }
.news-archive .tag { font-size: .76rem; max-width: 100%; overflow-wrap: anywhere; }
.news-archive .news-title { font-size: 1.06rem; line-height: 1.5; min-height: 4.5em; margin: 0 0 .6rem; overflow-wrap: anywhere; }
.news-archive .news-title a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.news-archive .news-excerpt { font-size: .87rem; line-height: 1.7; margin: 0 0 1.1rem; min-height: 3.4em; color: #64748b; flex-grow: 0; overflow-wrap: anywhere; }
.news-archive .news-footer { margin-top: auto; padding-top: .8rem; gap: .4rem .7rem; flex-wrap: wrap; }.news-archive .news-footer .date { font-size: .76rem; }
.na-read-more { display: inline-flex; align-items: center; gap: .3rem; min-height: 44px; color: #0284c7; font-size: .82rem; font-weight: 600; }
.na-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: .5rem; margin-top: 2.5rem; }.na-page { display: inline-flex; justify-content: center; align-items: center; gap: .35rem; min-width: 44px; min-height: 44px; padding: .5rem .65rem; border: 1px solid #e2e8f0; background: #fff; color: #475569; border-radius: 9px; font-size: .86rem; }.na-page:hover { color: #0369a1; border-color: #7dd3fc; }.na-page.is-current { color: #fff; background: #0284c7; border-color: #0284c7; }.na-page-gap { color: #94a3b8; padding: .2rem; }
.na-empty { text-align: center; padding: 3.5rem 1.5rem; border: 1px dashed #cbd5e1; border-radius: 16px; background: #fff; }.na-empty > i { display: block; font-size: 2.7rem; color: #94a3b8; margin-bottom: 1rem; }.na-empty h3 { font-size: 1.2rem; margin-bottom: .6rem; }.na-empty p { color: #64748b; font-size: .9rem; line-height: 1.7; }.na-empty .na-submit { margin-top: 1.25rem; }
.news-archive a:focus-visible,.news-archive button:focus-visible,.news-archive input:focus-visible { outline: 3px solid #0284c7; outline-offset: 3px; }
@media(max-width:1199px) { .news-archive .news-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media(max-width:639px) { .news-archive .news-grid { grid-template-columns: minmax(0,1fr) !important; gap: 1.1rem; }.news-archive .na-heading { padding: 1.15rem 0 2rem; }.na-breadcrumb { margin-bottom: 1.25rem; }.na-content { padding: 1.25rem 0 3rem; }.na-tools { padding: 1rem; border-radius: 14px; }.na-search-input input { font-size: .85rem; padding-left: 2.5rem; }.na-search-input > i { left: .8rem; }.na-submit { padding-inline: 1rem; }.na-filters { gap: .45rem; }.na-filter { padding: .45rem .65rem; font-size: .78rem; }.na-results-header { align-items: flex-start; flex-wrap: wrap; margin-top: 1.5rem; }.na-results-header h2 { font-size: 1.2rem; }.na-sort { display: none; }.na-pagination { gap: .35rem; }.na-page-direction span { display: none; } }
@media(prefers-reduced-motion:reduce) { .news-archive .news-card,.news-archive .news-img img { transition: none; }.news-archive .news-card:hover { transform: none; } }