/* Shared by the news archive and every theme news block. */
.news-display { container-type:inline-size; min-width:0; color:#263f34; }
.news-display a { text-underline-offset:4px; }
.news-display a:focus-visible,.news-table-scroll:focus-visible { outline:2px solid #947638; outline-offset:4px; }
.news-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.news-display .news-public-grid { gap:24px; }
.news-display .news-public-card { display:flex; flex-direction:column; min-width:0; }
.news-display .news-card-image { flex:none; }
.news-display .news-card-copy { flex:1; display:flex; flex-direction:column; min-width:0; }
.news-display .news-card-copy h3 { font-weight:600; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.news-display .news-card-copy > small { line-height:1.8; color:#687360; }
.news-display .news-card-copy p { margin:0 0 18px; color:#66735f; }
.news-display .news-card-copy footer { margin-top:auto; color:#68785e; }
.news-display .news-card-copy footer a { color:#506b40; white-space:nowrap; }
.news-display .news-card-copy h3 a:hover { text-decoration:underline; }
.news-display .news-layout-compact { gap:20px; }
.news-layout-compact .news-public-card { border-radius:7px; box-shadow:0 3px 9px #23352d0c; }
.news-layout-compact .news-card-image { aspect-ratio:16/9; }
.news-layout-compact .news-card-copy { padding:17px 18px 16px; }
.news-layout-compact .news-card-copy h3 { font-size:16px; line-height:1.65; -webkit-line-clamp:3; order:0; margin:0 0 16px; }
.news-layout-compact .news-card-copy > small { order:1; margin:0; font-size:14px; }
.news-layout-compact .news-card-copy footer { order:2; border:0; padding-top:12px; }
.news-layout-compact .news-card-copy p,.news-layout-compact .news-card-category,.news-layout-compact .news-card-group { display:none; }
.news-display .news-layout-horizontal { grid-template-columns:1fr; gap:0; }
.news-layout-horizontal .news-public-card { display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px; padding:24px 0; border:0; border-bottom:1px solid #dce2d8; border-radius:0; box-shadow:none; background:transparent; }
.news-layout-horizontal .news-public-card:first-child { padding-top:0; }
.news-layout-horizontal .news-public-card:hover { transform:none; box-shadow:none; }
.news-layout-horizontal .news-card-image { align-self:start; border-radius:7px; }
.news-layout-horizontal .news-card-category { display:none; }
.news-layout-horizontal .news-card-copy { padding:0; }
.news-layout-horizontal .news-card-copy > small { margin-bottom:8px; }
.news-layout-horizontal .news-card-copy h3 { margin-bottom:10px; -webkit-line-clamp:3; }
.news-layout-horizontal .news-card-copy p { -webkit-line-clamp:2; margin-bottom:12px; }
.news-layout-horizontal .news-card-copy footer { padding-top:8px; border:0; }
.news-display .news-layout-featured .news-public-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); background:#f6f5ee; }
/* Keep the source image's intrinsic height out of grid row sizing. The copy may
   still grow naturally when visitors enlarge text with the reading tools. */
.news-layout-featured .news-public-card:first-child .news-card-image { aspect-ratio:auto; min-height:clamp(260px,34cqw,360px); height:100%; }
.news-layout-featured .news-public-card:first-child .news-card-image img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; object-position:center; padding:12px 12px 48px; box-sizing:border-box; }
.news-layout-featured .news-public-card:first-child .news-card-placeholder { position:absolute; inset:0; }
.news-layout-featured .news-public-card:first-child .news-card-category { bottom:12px; left:12px; padding:4px 8px; line-height:1.5; max-width:calc(100% - 24px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news-layout-featured .news-public-card:first-child .news-card-copy { padding:32px; }
.news-layout-featured .news-public-card:first-child h3 { font-size:24px; line-height:1.7; }
.news-layout-featured .news-public-card:first-child h3::before { content:'ข่าวล่าสุด'; display:block; width:max-content; margin-bottom:12px; color:#8b713a; font-size:14px; font-weight:500; border-bottom:1px solid #bba56e; padding-bottom:5px; }
.news-table-scroll { overflow-x:auto; scrollbar-width:thin; border:1px solid #dce2d8; border-radius:8px; }
.news-table-hint { display:none; color:#68765d; font-size:14px; margin:0 0 12px; }
.news-table { border-collapse:collapse; width:100%; min-width:640px; font-size:14px; text-align:left; }
.news-table th { font-size:14px; font-weight:600; background:#e9eee5; white-space:nowrap; padding:16px; color:#304d3b; }
.news-table td { padding:16px; vertical-align:top; border-top:1px solid #e0e5dc; line-height:1.8; }
.news-table tr:nth-child(even) { background:#f3f5ef; }
.news-table tr:nth-child(odd) { background:#fff; }
.news-table tbody tr:hover { background:#eef1e6; }
.news-table td:first-child { color:#728066; font-variant-numeric:tabular-nums; }
.news-table td:nth-last-child(-n+2),.news-table th:nth-last-child(-n+2) { text-align:center; }
.news-table-date { white-space:nowrap; font-size:14px; }
.news-table-title { color:#284633; text-decoration:none; overflow-wrap:anywhere; }
.news-table-title:hover { text-decoration:underline; }
.news-table td small { display:block; font-size:14px; color:#6e7d62; margin-top:5px; }
.news-read-icon { display:grid; place-items:center; width:30px; height:30px; border:1px solid #cad3be; border-radius:50%; color:#47623a; text-decoration:none; }
.news-headline-list { list-style:none; margin:0; padding:0; }
.news-headline-list li { display:grid; grid-template-columns:8px minmax(0,1fr) auto; gap:14px; align-items:baseline; padding:16px 0; border-bottom:1px solid #dce2d8; font-size:14px; line-height:1.9; }
.news-headline-list li::before { content:''; width:5px; height:5px; border-radius:50%; background:#a69055; align-self:start; margin-top:12px; }
.news-headline-list a { color:#294832; text-decoration:none; overflow-wrap:anywhere; }
.news-headline-list a:hover { text-decoration:underline; }
.news-list-date { white-space:nowrap; color:#69795e; font-size:14px; }
.news-block-empty { padding:24px 0; color:#6a785f; }
@container(max-width:750px) {
    .news-display .news-public-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
    .news-display .news-layout-horizontal { grid-template-columns:1fr; gap:0; }
    .news-layout-featured .news-public-card:first-child .news-card-copy { padding:23px; }
    .news-layout-featured .news-public-card:first-child h3 { font-size:20px; }
    .news-layout-horizontal .news-public-card { grid-template-columns:145px minmax(0,1fr); gap:18px; }
    .news-headline-list li { grid-template-columns:6px minmax(0,1fr); gap:5px 12px; }
    .news-list-date { grid-column:2; }
}
@container(max-width:480px) {
    .news-display .news-public-grid { grid-template-columns:1fr; }
    .news-layout-horizontal .news-public-card { grid-template-columns:100px minmax(0,1fr); gap:14px; padding:20px 0; }
    .news-layout-horizontal .news-card-copy h3 { font-size:14px; line-height:1.8; }
    .news-layout-horizontal .news-card-copy p,.news-layout-horizontal .news-card-group { display:none; }
    .news-layout-horizontal .news-card-placeholder { font-size:17px; }
    .news-layout-horizontal .news-card-placeholder small { display:none; }
    .news-layout-horizontal .news-card-copy footer { font-size:14px; gap:6px; }
    .news-headline-list li { font-size:14px; }
}
@container(max-width:640px) {
    .news-table-hint { display:block; }
    .news-display .news-layout-featured .news-public-card:first-child { display:flex; }
    .news-layout-featured .news-public-card:first-child .news-card-image { aspect-ratio:4/3; min-height:0; height:auto; max-height:320px; }
}