@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
/* ============================================================
   SIAM WITH ME — DESIGN V1 / EXACT INDONESIA V4 VISUAL STANDARD
   2026-10-13
   Complete replacement for Appearance > Customize > Additional CSS
   Home: new colors, hero photo, calendar, articles and news.
   Single posts: new Thailand temple sunrise background and reading layout.
   ============================================================ */

:root {
  --swm-night: #101a19;
  --swm-panel: #192524;
  --swm-gold: #d7ac67;
  --swm-cream: #f7f1e6;
  --swm-muted: #c6cbc6;
  --swm-line: rgba(232, 215, 185, .20);
}
html { background: var(--swm-night); }
body { background: #f5f5f3; color: #151515; }

/* Home photograph is a TOP SCENE, not a repeated background under all posts.
   The gradient blends the photo into a calm dark reading area. */
body.home, body.home #page, body.home #content,
body.home .site-content, body.home #primary, body.home #main,
body.home .site-main, body.home article, body.home .entry-content {
  background-color: transparent !important;
}
body.home {
  background-color: var(--swm-night) !important;
  background-image:
    linear-gradient(to bottom,
      rgba(8, 16, 17, .45) 0%,
      rgba(10, 19, 19, .56) 18%,
      rgba(12, 21, 21, .79) 47%,
      #101a19 900px,
      #101a19 100%) ,
    url('https://siamwithme.com/wp-content/uploads/2026/10/thailand-background-1.jpg') !important;
  background-position: center top, center top !important;
  background-size: 100% 100%, 100% auto !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}
body.home #page { background: transparent !important; }
body.home .site-header, body.home .main-header-bar,
body.home .ast-primary-header-bar, body.home .ast-above-header,
body.home .ast-mobile-header-wrap, body.home .ast-mobile-header-content {
  background: transparent !important; box-shadow: none !important;
}
body.home .site-title, body.home .site-title a,
body.home .ast-site-identity .site-title,
body.home .ast-site-identity .site-title a { color: var(--swm-cream) !important; }
body.home .main-navigation a,
body.home .main-header-bar .main-navigation ul li a { color: #e8e5df !important; }
body.home .main-navigation a:hover,
body.home .main-navigation .current-menu-item > a { color: var(--swm-gold) !important; }

/* Preserve existing 71:29 alignment; do not add new content sections. */
body.home .entry-content {
  width: 100% !important; max-width: 1175px !important;
  margin: 0 auto !important; padding: 0 0 70px !important;
  box-sizing: border-box !important;
}
body.home .entry-content > * { min-width: 0 !important; }
body.home .entry-content > .wp-block-columns:first-of-type,
body.home .entry-content > .wp-block-columns:nth-of-type(2) {
  display: flex !important; flex-wrap: nowrap !important;
  align-items: flex-start !important; gap: 32px !important;
  width: 100% !important; max-width: 1175px !important;
  padding: 0 !important; box-sizing: border-box !important;
}
body.home .entry-content > .wp-block-columns:first-of-type {
  margin: 28px auto 62px !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) {
  margin: 0 auto !important;
}
body.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child,
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child {
  flex: 0 0 calc(71% - 16px) !important;
  width: calc(71% - 16px) !important;
  max-width: calc(71% - 16px) !important;
  min-width: 0 !important; margin: 0 !important;
}
body.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child,
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:last-child {
  flex: 0 0 calc(29% - 16px) !important;
  width: calc(29% - 16px) !important;
  max-width: calc(29% - 16px) !important;
  min-width: 0 !important; margin: 0 !important;
}
body.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child {
  padding: 36px 0 0 !important;
}
body.home .entry-content > .wp-block-columns > .wp-block-column {
  margin-top: 0 !important; margin-bottom: 0 !important;
}

/* Hero: restrained editorial serif and warm, readable copy */
body.home .swm-hero-plain {
  background: transparent !important; box-shadow: none !important;
  border: 0 !important; padding: 0 !important; margin: 0 !important;
  text-align: left !important; max-width: none !important;
}
body.home .swm-hero-plain h1,
body.home .swm-hero-plain .swm-hero-title {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(50px, 6.4vw, 90px) !important;
  font-weight: 700 !important; letter-spacing: -1.8px !important;
  line-height: 1.06 !important; margin: 0 0 22px !important;
  padding: 0 !important; color: #fff8ed !important;
  text-shadow: 0 3px 24px rgba(0,0,0,.30);
}
body.home .swm-hero-plain p {
  max-width: 690px !important; margin: 0 0 16px !important;
  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  font-size: 18px !important; line-height: 1.65 !important;
  color: #ebe5d9 !important; text-shadow: 0 1px 8px rgba(0,0,0,.4);
}
body.home .swm-hero-plain .iwm-contact,
body.home .swm-hero-plain .hero-slogan {
  color: #dcccb1 !important; font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Glass calendar: keep 12 months and original functional links. */
body.home .swm-events-calendar {
  width: 100% !important; max-width: 100% !important;
  margin: 0 !important; padding: 24px 20px !important;
  box-sizing: border-box !important;
  background: rgba(17, 28, 29, .82) !important;
  border: 1px solid rgba(224, 180, 112, .42) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.19) !important;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body.home .swm-events-calendar * { box-sizing: border-box !important; }
body.home .swm-events-title {
  color: #f6ead7 !important; font-family: Georgia,'Times New Roman',serif !important;
  font-size: 23px !important; font-weight: 700 !important;
  letter-spacing: 0 !important; line-height: 1.2 !important;
  margin: 0 0 7px !important;
}
body.home .swm-events-subtitle {
  color: #c8c3b7 !important; font-size: 13px !important;
  line-height: 1.45 !important; margin: 0 0 18px !important;
}
body.home .swm-events-grid {
  display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 7px !important;
}
body.home .swm-event-month {
  display: flex !important; align-items: center !important; justify-content: center !important;
  min-height: 47px !important; padding: 3px !important;
  color: #efebe3 !important; background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(232,215,185,.18) !important;
  border-radius: 7px !important; text-decoration: none !important;
  font-size: 13px !important; font-weight: 500 !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease !important;
}
body.home .swm-event-month:hover,
body.home .swm-event-month:focus-visible {
  color: #171b1b !important; background: var(--swm-gold) !important;
  border-color: var(--swm-gold) !important; transform: none !important;
}
body.home .swm-event-month:focus-visible { outline: 2px solid #fff !important; outline-offset: 2px; }

/* Section headers share one alignment system. */
body.home .iwm-section-heading {
  display: block !important; width: 100% !important; max-width: none !important;
  margin: 0 0 19px !important; padding: 0 0 13px !important;
  color: #f4ead9 !important; background: transparent !important;
  border: 0 !important; border-bottom: 1px solid var(--swm-line) !important;
  font: 700 27px/1.2 Georgia,'Times New Roman',serif !important;
  letter-spacing: -.3px !important;
}
body.home .iwm-section-heading span { color: inherit !important; background: none !important; }

/* Article list: two clean aligned columns. Images appear after the
   Gutenberg Latest Posts block has displayFeaturedImage:true. */
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts {
  display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 17px !important; width: 100% !important;
  margin: 0 !important; padding: 0 !important;
  list-style: none !important; background: transparent !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts > li {
  display: block !important; min-width: 0 !important;
  margin: 0 !important; padding: 0 0 17px !important;
  background: rgba(25,37,36,.95) !important;
  border: 1px solid rgba(232,215,185,.17) !important;
  border-radius: 11px !important; overflow: hidden !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.13) !important;
  transition: border-color .2s ease,transform .2s ease !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts > li:hover {
  transform: translateY(-2px) !important; border-color: rgba(215,172,103,.63) !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__featured-image {
  display: block !important; margin: 0 0 13px !important; padding: 0 !important;
  overflow: hidden !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__featured-image a {
  display: block !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__featured-image img {
  display: block !important; width: 100% !important; height: 160px !important;
  object-fit: cover !important; object-position: center !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__post-title,
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__post-title a {
  display: block !important; margin: 0 !important;
  font: 700 17px/1.37 Georgia,'Times New Roman',serif !important;
  color: #f5eadd !important; text-decoration: none !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__post-title,
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__post-excerpt {
  padding-left: 16px !important; padding-right: 16px !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__post-title a:hover {
  color: var(--swm-gold) !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__post-excerpt {
  margin: 9px 0 0 !important; color: #b6bdb7 !important;
  font-size: 13px !important; line-height: 1.55 !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__post-date { display: none !important; }
/* A post without a Featured Image remains a readable text card. */
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts > li:not(:has(.wp-block-latest-posts__featured-image)) {
  padding-top: 17px !important;
}

/* News: text only, no thumbnails; preserve date if Gutenberg outputs it. */
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:last-child .wp-block-latest-posts {
  display: flex !important; flex-direction: column !important;
  width: 100% !important; list-style: none !important;
  margin: 0 !important; padding: 0 !important; background: transparent !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:last-child .wp-block-latest-posts > li {
  display: flex !important; align-items: flex-start !important;
  flex-wrap: wrap !important; gap: 4px 8px !important;
  width: 100% !important; margin: 0 !important; padding: 12px 0 !important;
  background: transparent !important; border: 0 !important;
  border-bottom: 1px solid var(--swm-line) !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:last-child .wp-block-latest-posts__post-title,
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:last-child .wp-block-latest-posts__post-title a {
  color: #ede8dd !important; font-size: 14px !important;
  line-height: 1.5 !important; font-weight: 500 !important; text-decoration: none !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:last-child .wp-block-latest-posts__post-title a:hover { color: var(--swm-gold) !important; }
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:last-child .wp-block-latest-posts__post-date {
  display: block !important; color: #a9b1aa !important; font-size: 11px !important;
  line-height: 1.5 !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:last-child .wp-block-latest-posts__post-excerpt,
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:last-child .wp-block-latest-posts__featured-image { display: none !important; }

/* Both navigation buttons: gold outline, no blue. */
body.home .swm-see-all-news-button,
body.home .swm-all-articles-button a {
  display: inline-block !important; background: rgba(25,37,36,.9) !important;
  color: #ead7b8 !important; border: 1px solid rgba(215,172,103,.56) !important;
  border-radius: 8px !important; box-shadow: none !important;
  padding: 11px 18px !important; font-size: 13px !important;
  font-weight: 600 !important; text-decoration: none !important;
  transition: background .2s ease,color .2s ease !important;
}
body.home .swm-see-all-news-button:hover,
body.home .swm-all-articles-button a:hover {
  color: #161b19 !important; background: var(--swm-gold) !important;
  transform: none !important;
}
body.home .swm-all-articles-button { text-align: center !important; margin: 28px 0 0 !important; }
body.home .site-footer, body.home .site-footer *,
body.home .site-below-footer-wrap,
body.home .ast-builder-grid-row-container.site-footer-focus-item {
  background-color: var(--swm-night) !important;
}
body.home .site-footer * { color: #c9c6bd !important; }
body.home .site-footer a:hover { color: var(--swm-gold) !important; }

/* Mobile and tablet: keep everything inside the viewport. */
@media (max-width: 1200px) {
  body.home .entry-content { max-width: calc(100% - 44px) !important; }
  body.home .entry-content > .wp-block-columns:first-of-type,
  body.home .entry-content > .wp-block-columns:nth-of-type(2) { max-width: 100% !important; }
}
@media (min-width: 861px) and (max-width: 1100px) {
  body.home .swm-hero-plain h1 { font-size: clamp(50px, 6.2vw, 72px) !important; }
}
@media (max-width: 860px) {
  body.home { background-position: center top, 55% top !important; }
  body.home .entry-content > .wp-block-columns:first-of-type,
  body.home .entry-content > .wp-block-columns:nth-of-type(2) {
    display: block !important;
  }
  body.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column,
  body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column {
    width: 100% !important; max-width: 100% !important; flex: none !important;
  }
  body.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child {
    margin-top: 30px !important; max-width: 440px !important;
  }
  body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:last-child {
    margin-top: 42px !important;
  }
}
@media (max-width: 600px) {
  body.home { background-size: 100% 100%, auto 740px !important; }
  body.home .entry-content { max-width: calc(100% - 30px) !important; padding-bottom: 40px !important; }
  body.home .entry-content > .wp-block-columns:first-of-type { margin: 18px auto 37px !important; }
  body.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child { padding-top: 12px !important; }
  body.home .swm-hero-plain h1 { font-size: clamp(40px, 10vw, 52px) !important; letter-spacing: -1px !important; }
  body.home .swm-hero-plain p { font-size: 15px !important; }
  body.home .swm-events-calendar { padding: 18px 16px !important; }
  body.home .swm-events-title { font-size: 21px !important; }
  body.home .swm-event-month { min-height: 45px !important; font-size: 12px !important; }
  body.home .iwm-section-heading { font-size: 23px !important; }
  body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts {
    grid-template-columns: 1fr !important; gap: 13px !important;
  }
}

/* ============================================================
   V2: Gutenberg Latest Posts grid normalization.
   Core Gutenberg .is-grid.columns-2 applies 50% LI widths; when the
   parent is CSS Grid that 50% is applied AGAIN, causing half-width cards.
   ============================================================ */
body.home .entry-content > .wp-block-columns:nth-of-type(2)
> .wp-block-column:first-child .wp-block-latest-posts.is-grid > li,
body.home .entry-content > .wp-block-columns:nth-of-type(2)
> .wp-block-column:first-child .wp-block-latest-posts > li {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
/* Restore a truly readable two-column grid and avoid unexpected core gaps. */
body.home .entry-content > .wp-block-columns:nth-of-type(2)
> .wp-block-column:first-child ul.wp-block-latest-posts {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  column-gap: 17px !important;
  row-gap: 17px !important;
}
/* Headlines and dates remain alongside each other in the compact news list. */
body.home .entry-content > .wp-block-columns:nth-of-type(2)
> .wp-block-column:last-child .wp-block-latest-posts > li {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2)
> .wp-block-column:last-child .wp-block-latest-posts__post-title {
  display: block !important;
  min-width: 0 !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2)
> .wp-block-column:last-child .wp-block-latest-posts__post-date {
  margin: 2px 0 0 !important;
  white-space: nowrap !important;
  text-align: right !important;
}
@media (max-width: 600px) {
  body.home .entry-content > .wp-block-columns:nth-of-type(2)
  > .wp-block-column:first-child ul.wp-block-latest-posts {
    grid-template-columns: 1fr !important;
  }
  body.home .entry-content > .wp-block-columns:nth-of-type(2)
  > .wp-block-column:last-child .wp-block-latest-posts > li {
    grid-template-columns: minmax(0,1fr) auto !important;
  }
}


/* ============================================================
   V3 — TYPOGRAPHY, TEXT-ONLY ARTICLES & WARM GOLD LINKS
   One complete replacement; no change to page HTML or WPCode.
   Fonts are loaded from Google Fonts. Fallbacks are specified.
   ============================================================ */
:root {
  --swm-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --swm-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --swm-gold: #dfb46e;
}
body.home { font-family: var(--swm-body) !important; }
body.home .swm-hero-plain h1,
body.home .swm-hero-plain .swm-hero-title {
  font-family: var(--swm-display) !important;
  font-weight: 600 !important;
  letter-spacing: -.045em !important;
  line-height: 1.12 !important;
}
body.home .swm-hero-plain p,
body.home .swm-hero-plain .iwm-contact,
body.home .swm-events-subtitle,
body.home .swm-event-month,
body.home .wp-block-latest-posts__post-excerpt,
body.home .wp-block-latest-posts__post-date {
  font-family: var(--swm-body) !important;
}
body.home .iwm-section-heading,
body.home .iwm-section-heading span,
body.home .swm-events-title,
body.home .wp-block-latest-posts__post-title,
body.home .wp-block-latest-posts__post-title a {
  font-family: var(--swm-display) !important;
}
body.home .iwm-section-heading { font-weight: 600 !important; letter-spacing: -.025em !important; }
body.home .swm-events-title { font-weight: 600 !important; font-size: 23px !important; }
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__post-title a {
  font-family: var(--swm-display) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
/* Explicitly text-only; even if a Gutenberg toggle is changed later. */
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts__featured-image {
  display: none !important;
}
body.home .entry-content > .wp-block-columns:nth-of-type(2) > .wp-block-column:first-child .wp-block-latest-posts > li {
  display: block !important;
  padding: 18px !important;
  min-width: 0 !important;
}
body.home .wp-block-latest-posts__post-excerpt a,
body.home .swm-all-articles-button a,
body.home .swm-see-all-news-button,
body.home .entry-content > .wp-block-columns:nth-of-type(2) .wp-block-latest-posts a:hover {
  color: var(--swm-gold) !important;
}
body.home .wp-block-latest-posts__post-excerpt a { text-underline-offset: 3px; }
body.home .wp-block-latest-posts__post-excerpt a:hover { color: #f5d39a !important; }
body.home .swm-event-month:hover,
body.home .swm-event-month:focus-visible {
  border-color: var(--swm-gold) !important;
  color: #f7e7cc !important;
}

/* ============================================================
   SINGLE POST — WARM PAPER ON A CALM SIAM SUNSET BACKGROUND
   No article hero image. Preserve article text/links/tables.
   ============================================================ */
body.single-post {
  color: #182028 !important;
  font-family: var(--swm-body) !important;
  background-color: #15191c !important;
  background-image:
    linear-gradient(180deg, rgba(9,13,16,.20) 0px, rgba(9,13,16,.40) 550px, rgba(9,13,16,.88) 1100px, #15191c 1700px),
    url('https://siamwithme.com/wp-content/uploads/2026/10/thailand-background-2.jpg') !important;
  background-position: center top, center top !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, cover !important;
  background-attachment: scroll, fixed !important;
}
body.single-post #page,
body.single-post #content,
body.single-post .site-content,
body.single-post #primary,
body.single-post .content-area,
body.single-post .site-main {
  background: transparent !important;
}
body.single-post #primary,
body.single-post .content-area,
body.single-post .site-main {
  width: 1200px !important;
  max-width: calc(100% - 40px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.single-post article {
  width: 1050px !important;
  max-width: calc(100% - 300px) !important;
  box-sizing: border-box !important;
  margin: 18px auto 60px !important;
  padding: 38px 50px 50px !important;
  background: #fffdfa !important;
  border: 1px solid rgba(226,195,148,.45) !important;
  border-radius: 12px !important;
  box-shadow: 0 15px 54px rgba(0,0,0,.18) !important;
}
body.single-post article .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  color: #26303a !important;
}
body.single-post article .entry-title,
body.single-post article .entry-title a,
body.single-post article .entry-content h1,
body.single-post article .entry-content h2,
body.single-post article .entry-content h3,
body.single-post article .entry-content h4 {
  font-family: var(--swm-display) !important;
  color: #141921 !important;
  font-weight: 600 !important;
  letter-spacing: -.035em !important;
}
body.single-post article .entry-title {
  font-size: clamp(32px, 3.6vw, 48px) !important;
  line-height: 1.14 !important;
  margin-bottom: 14px !important;
}
body.single-post article .entry-content h2 { font-size: clamp(27px, 2.7vw, 36px) !important; line-height: 1.22 !important; }
body.single-post article .entry-content h3 { font-size: clamp(22px, 2.1vw, 27px) !important; line-height: 1.3 !important; }
body.single-post article .entry-content p,
body.single-post article .entry-content li {
  font-family: var(--swm-body) !important;
  font-size: 17px !important;
  line-height: 1.82 !important;
  color: #28313b !important;
}
body.single-post article .entry-content a:not(.home-button) {
  color: #a36a27 !important;
  text-decoration-color: rgba(163,106,39,.5) !important;
  text-underline-offset: 3px !important;
}
body.single-post article .entry-content a:not(.home-button):hover { color: #734411 !important; }
body.single-post article .entry-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: var(--swm-body) !important;
}
body.single-post article .entry-content table th,
body.single-post article .entry-content table td {
  border: 1px solid #e8dfd1 !important;
  padding: 10px 12px !important;
}
body.single-post article .entry-content table th { background: #f7efe3 !important; color: #513b24 !important; }
body.single-post .ast-primary-header-bar,
body.single-post .main-header-bar,
body.single-post .ast-above-header,
body.single-post .ast-mobile-header-wrap {
  background: transparent !important;
  box-shadow: none !important;
}
/* Home button still comes from existing PHP snippet; move only its style. */
body.single-post .home-button-wrap {
  position: fixed !important;
  top: 122px !important;
  left: max(14px, calc((100vw - 1480px) / 2)) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 50 !important;
}
body.single-post .home-button {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 18px !important;
  background: rgba(17,20,20,.89) !important;
  color: #efc47e !important;
  border: 1px solid rgba(223,180,110,.75) !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font: 600 14px var(--swm-body) !important;
}
body.single-post .home-button:hover { background: #2e291f !important; color: #fff1d8 !important; }
body.home .home-button-wrap { display:none !important; }
/* Keep auto-generated guide functionality, restyle only. */
body.single-post.wm-guide-external .wm-guide-sidebar {
  background: rgba(19,21,23,.95) !important;
  border: 1px solid rgba(223,180,110,.58) !important;
  border-radius: 12px !important;
  padding: 21px 17px !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.22) !important;
}
body.single-post .wm-guide-title {
  font: 600 24px/1.25 var(--swm-display) !important;
  color: #fff3df !important;
  margin-bottom: 16px !important;
}
body.single-post .wm-guide-list a {
  font: 500 13px/1.5 var(--swm-body) !important;
  color: #e0d8c9 !important;
  border-left-color: transparent !important;
  border-radius: 5px !important;
}
body.single-post .wm-guide-list a:hover { color: #ffdfac !important; background: rgba(223,180,110,.09) !important; }
body.single-post .wm-guide-list a.is-active {
  color: #f6d090 !important;
  background: rgba(223,180,110,.13) !important;
  border-left-color: #dfb46e !important;
}
body.single-post .wm-guide-mobile {
  background: #f8f0e5 !important;
  border: 1px solid #e6d5bc !important;
}
body.single-post .wm-guide-mobile-button { color: #35271c !important; }
body.single-post .wm-guide-mobile .wm-guide-list a { color: #5e4b36 !important; }
body.single-post .wm-guide-mobile .wm-guide-list a.is-active { color: #805219 !important; }

@media(max-width:1199px) {
  body.single-post article { max-width: 100% !important; }
  body.single-post .home-button-wrap { position: static !important; margin: 12px 20px !important; }
}
@media(max-width:782px) {
  body.single-post { background-attachment: scroll, scroll !important; background-size:100% 100%, auto 760px !important; }
  body.single-post #primary, body.single-post .content-area, body.single-post .site-main { max-width:calc(100% - 24px) !important; }
  body.single-post article { width:100% !important; max-width:100% !important; padding:26px 22px !important; margin:12px auto 35px !important; }
  body.single-post article .entry-content p, body.single-post article .entry-content li { font-size:16px !important; line-height:1.76 !important; }
  body.single-post .home-button-wrap { margin:10px 12px !important; }
  body.single-post article .entry-content table { display:block; overflow-x:auto; }
}

/* SIAM-SPECIFIC SAFETY / EXISTING WPCode INTEGRATIONS */
/* The existing WPCode Home button is retained; never create a second button. */
/* Existing In This Guide JavaScript manages layout; only styling is overridden. */
body.single-post .comments-area,
body.single-post #comments,
body.single-post .comment-respond,
body.single-post .comments-link { display: none !important; }
/* Match the confirmed title/header level and preserve readable post tables. */
body.single-post .entry-meta { font-family: var(--swm-body) !important; }
body.home .entry-content > .wp-block-columns:nth-of-type(2)
 > .wp-block-column:first-child .wp-block-latest-posts__featured-image { display:none !important; }