/* "มีอะไรใหม่" window (roadmap item 98, src/whats-new.js): green/gold parchment like the update notice. */
.whats-new-dialog{width:min(560px,calc(100vw - 32px));max-height:min(78vh,calc(100dvh - 32px));box-sizing:border-box;padding:0;border:2px solid #c9a65a;border-radius:16px;
 background:#f8eed6;color:#3c3221;font:14px/1.5 'Nunito Sans','Noto Sans Thai',Tahoma,sans-serif;box-shadow:0 18px 50px rgba(0,0,0,.4);overflow:hidden}
.whats-new-dialog[open]{display:flex;flex-direction:column}
.whats-new-dialog::backdrop{background:rgba(18,26,18,.45)}
.whats-new-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 14px 10px 18px;background:linear-gradient(180deg,#2f5136,#24412b);color:#fff2cf;border-bottom:2px solid #c9a65a}
.whats-new-head h2{margin:0;font-size:19px;letter-spacing:.2px}
.whats-new-sub{margin:2px 0 0;font-size:12px;color:#e9d7a6}
.whats-new-close{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:rgba(255,236,180,.14);color:#fff2cf;font-size:22px;line-height:1}
.whats-new-close:hover,.whats-new-close:focus-visible{background:rgba(255,236,180,.26)}
.whats-new-list{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding:12px 14px;display:grid;gap:10px}
.whats-new-card{padding:10px 12px;border:1px solid #dcc79a;border-radius:12px;background:#fffaf0;box-shadow:0 1px 0 rgba(160,120,50,.15)}
.whats-new-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.whats-new-date{font-size:12px;color:#7a6440}
.whats-new-badge{padding:0 8px;border-radius:999px;background:#d9a435;color:#2f230d;font-size:11px;font-weight:800}
.whats-new-card-title{margin:4px 0 4px;font-size:15px;color:#2f4a32;overflow-wrap:anywhere}
.whats-new-items{margin:0;padding-left:20px;display:grid;gap:3px}
.whats-new-items li{overflow-wrap:anywhere}
.whats-new-empty{margin:18px 0;text-align:center;color:#7a6440}
.whats-new-more{margin:0 14px 14px;min-height:38px;border-radius:10px;background:#e7d3a3;color:#3c3221;font-weight:700}
.whats-new-more[hidden]{display:none}
@media (max-width:600px){.whats-new-dialog{width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.whats-new-head{padding:10px 10px 8px 14px}.whats-new-list{padding:10px}}
@media (pointer:coarse) and (max-height:500px){.whats-new-dialog{max-height:calc(100dvh - 16px)}.whats-new-head h2{font-size:16px}}