/* Limited to the new article and existing Khaosan Blog grid. Keeps original site theme. */
/* Readable photographic captions on the article */
.crblog-article-page .chillax-verified-hotel-photo img{
  display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;
  filter:brightness(1.02) contrast(1.025) saturate(1.025);
}
.crblog-article-page .chillax-verified-hotel-photo figcaption{font-size:.84rem;line-height:1.55;}
.crblog-article-page .chillax-nearby-hotels-gallery{margin:36px 0 38px;padding:27px 0 30px;border-top:1px solid #e1d5c7;border-bottom:1px solid #e1d5c7;}
.crblog-article-page .chillax-nearby-hotels-gallery .chillax-gallery-kicker{font-size:1.25rem;line-height:1.3;font-weight:700;color:#2c211b;margin:0 0 18px;}
.crblog-article-page .chillax-nearby-hotels-gallery .chillax-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;}
.crblog-article-page .chillax-nearby-hotels-gallery figure{margin:0;overflow:hidden;background:#fff;border:1px solid #e7dfd4;border-radius:10px;}
.crblog-article-page .chillax-nearby-hotels-gallery figcaption{padding:12px 14px;color:#40342b;font-size:.86rem;}
.crblog-article-page .chillax-nearby-hotels-gallery a{color:#6c451d!important;text-decoration:underline;text-underline-offset:3px;}
@media(min-width:1100px){
  body .blog-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(14px,1.8vw,25px)!important;align-items:stretch;}
  body .blog-grid > *{min-width:0!important;max-width:none!important;width:auto!important;grid-column:auto!important;}
}
@media(min-width:680px) and (max-width:1099px){
  body .blog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;}
  body .blog-grid > *{min-width:0!important;max-width:none!important;width:auto!important;grid-column:auto!important;}
}
@media(max-width:679px){
  body .blog-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;}
  body .blog-grid > *{min-width:0!important;max-width:none!important;width:auto!important;grid-column:auto!important;}
  .crblog-article-page .chillax-nearby-hotels-gallery .chillax-gallery-grid{grid-template-columns:minmax(0,1fr);}
}
/* Preserve card image proportions and wrapping when four cards share a row. */
body .blog-grid .blog-card{min-width:0;overflow:hidden;}
body .blog-grid .blog-card img{max-width:100%;object-fit:cover;}
body .blog-grid .blog-card h2,body .blog-grid .blog-card h3{overflow-wrap:anywhere;}
/* Header remains clickable over its own page content without changing its appearance. */
body:has(.crblog-article-page) header nav a[href="/khaosan-blog/"],
body:has(.crblog-article-page) header a[data-chillax-blog-menu]{pointer-events:auto;}