/* Static listing layouts replace carousel clones and plugin styles. */
.listing-page .m-all-10 { margin: 10px; }
.listing-page .container { max-width: 100%; }
.listing-page .primary-heading h1 { margin: 0; padding-left: 40px; position: relative; float: left; font-size: 26px; line-height: 1.4; font-weight: 600; }
.listing-page .primary-heading h1::before { content: ''; position: absolute; left: 0; top: 10px; width: 20px; height: 17px; background: #911111; }
.listing-page .list-posts .post-content h2 { font-family: "Noto Sans Thai", Tahoma, sans-serif; font-weight: 600; font-size: 20px; line-height: 1.5; margin: 0; }
.listing-page .listing-popular .post-content h3 { font-family: "Noto Sans Thai", Tahoma, sans-serif; font-weight: 600; font-size: 18px; line-height: 1.5; margin: 15px 0 0; }
.listing-popular { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.listing-popular .post { margin: 0; min-width: 0; }
.listing-page .post-thumb img { width: 100%; height: auto; }
.listing-menu { display: none; position: fixed; top: 0; right: 0; z-index: 1100; width: min(320px, 90vw); max-height: 100vh; overflow-y: auto; padding: 24px; background: #2c2d30; box-shadow: 0 0 30px #0005; }
.listing-menu:target, .listing-menu.is-open { display: block; }
.listing-menu a { display: block; padding: 12px 0; color: #fff; }
.listing-menu-close { text-align: right; }
@media (max-width: 719px) { .listing-popular { grid-template-columns: 1fr; } }