/* Announcement board; shares the capsule and content-width tokens. */
.tsa-ann {--ann-navy:#071b34;--ann-blue:#0f5fd6;--ann-sky:#eaf4ff;--ann-ink:#122b45;--ann-muted:#4f6378;--ann-line:#e3eaf1;color:var(--ann-ink);background:#fff;font:400 16px/1.6 "Noto Sans Thai",sans-serif}
body.tpl-list main > div.tsa-ann {padding:0}
.tsa-ann :where(h1,h2,h3,p,ul) {margin:0;padding:0}
.tsa-ann ul {list-style:none}
.tsa-ann :where(a) {color:inherit;text-decoration:none}
.tsa-ann :where(button,input) {font:inherit}
.tsa-ann [hidden] {display:none}
.tsa-ann :is(a,button,input):focus-visible {outline:3px solid var(--ann-blue);outline-offset:3px}
.tsa-ann-sr {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tsa-ann-wrap {width:100%;max-width:calc(var(--site-wrap) + var(--site-gutter) + var(--site-gutter));padding-inline:var(--site-gutter);margin-inline:auto}
.tsa-ann-head {padding:calc(var(--nav-offset) + 8px) 0 20px;background:linear-gradient(120deg,#eaf4ff,#f7fbff)}
.tsa-ann-crumb {display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--ann-muted)}
.tsa-ann-crumb a:hover {text-decoration:underline;color:var(--ann-blue)}
.tsa-ann-head h1 {margin-top:5px;font-size:clamp(28px,3.4vw,40px);line-height:1.35;font-weight:700;color:var(--ann-navy)}
.tsa-ann-lead {margin-top:5px;color:var(--ann-muted);font-size:15px;line-height:1.65}
.tsa-ann-tools {display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:20px}
body.tpl-list main .tsa-ann form#tsa-ann-search[role="search"] {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;max-width:none;margin:0;padding:8px;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(7,27,52,.06)}
body.tpl-list main .tsa-ann form#tsa-ann-search::before {display:none;content:none}
body.tpl-list main .tsa-ann #tsa-ann-search input[type="search"] {width:100%;min-width:0;height:46px;padding:0;border:0;border-radius:0;font-size:16px;background:transparent;color:var(--ann-ink)}
.tsa-ann #tsa-ann-search button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 20px;border:1px solid var(--ann-blue);border-radius:12px;background:var(--ann-blue);color:#fff;font-size:14px;font-weight:500;cursor:pointer}
#tsa-ann-q {border-radius:0}
.tsa-ann-tabs {display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:transparent}
.tsa-ann-tabs a {display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 15px;border:1px solid var(--ann-line);border-radius:999px;background:#fff;font-size:14px;color:var(--ann-navy)}
.tsa-ann-tabs a[aria-current="page"] {background:var(--ann-navy);border-color:var(--ann-navy);color:#fff;font-weight:500}
.tsa-ann-tabs span {font-size:13px;opacity:.8}
.tsa-ann-list {padding-block:24px 48px}
.tsa-ann-ph {position:relative;display:block;overflow:hidden;background:linear-gradient(140deg,#0f5fd6,#3d86f0 60%,#8dc0ff);color:rgb(255 255 255 / 40%)}
.tsa-ann-ph-1 {background:linear-gradient(140deg,#e6ffb0,#f6ffe2 60%,#eaf4ff);color:#b6d66b}
.tsa-ann-ph-2 {background:linear-gradient(140deg,#cfe3ff,#eaf4ff 60%,#f3ffd9);color:#9dbdeb}
.tsa-ann-ph-3 {background:linear-gradient(140deg,#071b34,#163a63);color:rgb(255 255 255 / 20%)}
.tsa-ann-art {position:absolute;right:-6%;bottom:-12%;width:56%;height:auto}
.tsa-ann-ph img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tsa-ann-meta {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;color:var(--ann-muted)}
.tsa-ann-meta time {display:inline-flex;align-items:flex-start;gap:6px}
.tsa-ann-meta time i {color:var(--ann-blue);margin-top:4px;flex-shrink:0}
.tsa-ann-status {display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:500}
.tsa-ann-status::before {content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:currentColor}
.tsa-ann-live {background:#e3f6ec;color:#11704a}
.tsa-ann-soon {background:#fff4db;color:#8a4b00}
.tsa-ann-end {background:#eef2f6;color:#5e7186}
.tsa-ann-pin {display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:2px 10px;border-radius:999px;background:#baff19;color:#071b34;font-size:13px;font-weight:500}
.tsa-ann-top {display:grid;gap:20px}
.tsa-ann-featured {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);overflow:hidden;border:1px solid var(--ann-line);border-radius:18px;background:#fff;transition:box-shadow .2s,transform .2s}
.tsa-ann-featured:hover {transform:translateY(-3px);box-shadow:0 22px 44px rgb(7 27 52 / 10%)}
.tsa-ann-featured .tsa-ann-ph {aspect-ratio:auto;min-height:240px;height:100%}
.tsa-ann-text {min-width:0}
.tsa-ann-featured .tsa-ann-text {display:flex;flex-direction:column;padding:24px 28px}
.tsa-ann-featured h2 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:14px;color:var(--ann-navy);font-size:clamp(20px,2vw,24px);line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.tsa-ann-excerpt {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--ann-muted)}
.tsa-ann-featured .tsa-ann-excerpt {margin-top:10px;font-size:14px;line-height:1.7;-webkit-line-clamp:2}
.tsa-ann-more {display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;color:var(--ann-blue);font-size:14px;font-weight:500}
.tsa-ann-has-pins {grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch}
.tsa-ann-has-pins .tsa-ann-featured {grid-template-columns:1fr}
.tsa-ann-has-pins .tsa-ann-featured .tsa-ann-ph {aspect-ratio:auto;min-height:0;height:160px}
.tsa-ann-has-pins .tsa-ann-featured .tsa-ann-text {padding:24px 28px 28px}
.tsa-ann-pins {display:flex;flex-direction:column;gap:12px;min-width:0}
.tsa-ann-pins-head {display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.tsa-ann-pins-head h2 {font-size:14px;font-weight:600;color:var(--ann-navy)}
.tsa-ann-pins-head i {color:var(--ann-blue);margin-right:8px}
.tsa-ann-pins-head > span,.tsa-ann-pins-more {font-size:14px;color:var(--ann-muted)}
.tsa-ann-pin-card {display:flex;gap:14px;padding:12px;border:1px solid var(--ann-line);border-radius:18px;background:#fff;transition:box-shadow .2s,transform .2s}
.tsa-ann-pin-card:hover {transform:translateY(-2px);box-shadow:0 14px 28px rgb(7 27 52 / 9%)}
.tsa-ann-pin-card .tsa-ann-ph {width:80px;aspect-ratio:1;flex-shrink:0;align-self:flex-start;border-radius:12px}
.tsa-ann-pin-card .tsa-ann-art {width:90%}
.tsa-ann-pin-card .tsa-ann-text {display:flex;flex-direction:column;gap:6px}
.tsa-ann-pin-card h3 {order:-1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.5;font-weight:600;color:var(--ann-navy);overflow-wrap:anywhere}
.tsa-ann-pin-card .tsa-ann-meta {font-size:13px;gap:6px 10px}
.tsa-ann-section-title {display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:28px}
.tsa-ann-section-title h2 {font-size:20px;font-weight:600;color:var(--ann-navy)}
.tsa-ann-section-title > span {font-size:14px;color:var(--ann-muted)}
.tsa-ann-list > section:first-child .tsa-ann-section-title {margin-top:0}
.tsa-ann-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.tsa-ann-grid > li {min-width:0}
.tsa-ann-card {display:flex;flex-direction:row;height:100%;min-height:168px;overflow:hidden;border:1px solid var(--ann-line);border-radius:16px;background:#fff;transition:box-shadow .2s,transform .2s}
.tsa-ann-card:hover {transform:translateY(-3px);box-shadow:0 18px 36px rgb(7 27 52 / 10%)}
.tsa-ann-card .tsa-ann-ph {width:144px;flex-shrink:0;aspect-ratio:auto}
.tsa-ann-card .tsa-ann-text {display:flex;flex:1;flex-direction:column;padding:16px 18px 18px}
.tsa-ann-card h3 {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;padding-bottom:1px;color:var(--ann-navy);font-size:16px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.tsa-ann-card .tsa-ann-excerpt {margin-top:6px;font-size:14px;line-height:1.6}
.tsa-ann-ended {opacity:.75}
.tsa-ann-empty {padding:48px 24px;border-radius:20px;background:#f6f9fc;text-align:center}
.tsa-ann-empty h2 {font-size:18px;font-weight:600;color:var(--ann-navy)}
.tsa-ann-empty p {margin-top:4px;color:var(--ann-muted)}
.tsa-ann-empty a {display:inline-flex;margin-top:16px;padding:10px 18px;border-radius:999px;background:var(--ann-blue);color:#fff;font-size:15px;font-weight:500}
.tsa-ann-pager {display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:36px}
.tsa-ann-pager :is(a,span) {display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border-radius:12px;font-size:15px}
.tsa-ann-pager a:hover {background:var(--ann-sky)}
.tsa-ann-pager a[aria-current="page"] {background:var(--ann-navy);color:#fff;font-weight:500}
.tsa-ann-detail h1 {font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--ann-navy)}
.tsa-ann-detail .tsa-ann-meta {margin-top:12px}
@media(max-width:960px) {.tsa-ann-has-pins {grid-template-columns:1fr}.tsa-ann-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px) {.tsa-ann-grid {grid-template-columns:1fr}.tsa-ann-featured {grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}}
@media(max-width:620px) {
  .tsa-ann-head {padding-bottom:20px}
  .tsa-ann-tools {gap:10px;margin-top:16px}
  body.tpl-list main .tsa-ann form#tsa-ann-search[role="search"] {flex-basis:100%;max-width:none}
  .tsa-ann-tabs {max-width:100%}
  .tsa-ann-featured {grid-template-columns:1fr}
  .tsa-ann-featured .tsa-ann-ph,.tsa-ann-has-pins .tsa-ann-featured .tsa-ann-ph {height:140px;min-height:0}
  .tsa-ann-featured .tsa-ann-art {width:160px;right:12px;bottom:-30px}
  .tsa-ann-featured h2 {margin-top:10px}
  .tsa-ann-featured .tsa-ann-meta {font-size:12px;gap:6px 8px}
  .tsa-ann-featured .tsa-ann-excerpt {-webkit-line-clamp:2}
  .tsa-ann-card .tsa-ann-meta {align-items:flex-start}

  .tsa-ann-tabs a {padding-inline:12px}
  .tsa-ann-grid {grid-template-columns:1fr;gap:12px}
  .tsa-ann-card {flex-direction:row;min-height:140px}
  .tsa-ann-card .tsa-ann-ph {width:116px;aspect-ratio:auto;flex-shrink:0}
  .tsa-ann-card .tsa-ann-text {padding:12px 14px}
  .tsa-ann-card h3 {margin-top:6px;font-size:15px}
  .tsa-ann-card .tsa-ann-excerpt {display:none}
  .tsa-ann-card .tsa-ann-meta {font-size:12px;gap:6px}
  .tsa-ann-card .tsa-ann-status {font-size:12px}
  .tsa-ann-pin-card .tsa-ann-ph {width:84px}
  .tsa-ann-featured .tsa-ann-text,.tsa-ann-has-pins .tsa-ann-featured .tsa-ann-text {padding:20px}
  .tsa-ann-art {width:85%}
}
@media(prefers-reduced-motion:reduce) {.tsa-ann :is(.tsa-ann-featured,.tsa-ann-card,.tsa-ann-pin-card) {transition:none;transform:none}}

/* Search and period controls follow the public events header. */
.tsa-ann-crumb a{display:inline-flex;align-items:center;min-height:36px}
.tsa-ann-search-field{display:flex;align-items:center;gap:12px;min-width:0;min-height:46px;padding:0 14px;background:#f6f9fc;border-radius:12px}
.tsa-ann-search-field>i{color:var(--ann-muted);font-size:17px;flex-shrink:0}
.tsa-ann #tsa-ann-search button:hover{background:var(--ann-navy);border-color:var(--ann-navy)}
@media(max-width:760px){
 .tsa-ann-head{padding-bottom:18px}
 .tsa-ann-crumb{font-size:11px;gap:5px}
 .tsa-ann-lead{font-size:13px}
 .tsa-ann-tools{margin-top:16px;gap:12px}
 body.tpl-list main .tsa-ann form#tsa-ann-search[role="search"]{flex-basis:auto;grid-template-columns:minmax(0,1fr) 46px;gap:4px;padding:6px;border-radius:16px}
 .tsa-ann-search-field{gap:7px;padding:0 7px}
 .tsa-ann-search-field>i{font-size:14px}
 .tsa-ann #tsa-ann-search button{width:46px;padding:0}
 .tsa-ann #tsa-ann-search button>span{display:none}
 .tsa-ann-tabs{gap:6px}
 .tsa-ann-tabs a{font-size:13px;padding-inline:12px}
}