:root{
--palm-ink:#171512;
--palm-brown:#6b432d;
--palm-cream:#f8f4ee;
--palm-muted:#6b6862
}

*{box-sizing:border-box}

body.palmable-article-page{
margin:0;
background:#fff;
color:var(--palm-ink);
font-family:Arial,"Noto Sans Thai",sans-serif
}

.palmable-site-header{
background:#fff;
border-bottom:1px solid #e7e3dd;
position:relative;
z-index:20
}

.palmable-header-inner{
width:min(1180px,calc(100% - 44px));
height:86px;
margin:auto;
display:flex;
align-items:center;
gap:34px
}

.palmable-brand{
margin-right:auto;
color:#171512!important;
text-decoration:none!important;
font-size:19px;
font-weight:600;
letter-spacing:.22em;
white-space:nowrap
}

.palmable-nav{
display:flex;
align-items:center;
gap:34px
}

.palmable-nav a{
color:#171512!important;
text-decoration:none!important;
font-size:13px
}

.palmable-talk{
background:var(--palm-brown);
color:#fff!important;
text-decoration:none!important;
border-radius:999px;
padding:13px 22px;
font-size:12px;
white-space:nowrap
}

.palmable-single-wrap{
width:min(920px,calc(100% - 40px));
margin:82px auto 100px
}

/* ARTICLE TITLE */
.palmable-single-article h1{
font-family:Georgia,"Times New Roman",serif;
font-weight:400;
font-size:clamp(42px,6vw,70px);
line-height:1.06;
margin:14px 0 16px
}

.palmable-single-category,
.palmable-single-date{
font-size:10px;
letter-spacing:.15em;
color:var(--palm-muted)
}

.palmable-single-featured{
margin:42px 0
}

.palmable-single-featured img{
display:block;
width:100%;
height:auto
}

/* ARTICLE BODY */
.palmable-single-content{
width:min(720px,100%);
margin:0 auto;
font-size:17px;
line-height:1.95
}

.palmable-single-content img{
max-width:100%;
height:auto
}

.palmable-single-content p{
margin:0 0 24px
}

/* HEADING SYSTEM */
.palmable-single-content h2{
font-family:Arial,"Noto Sans Thai",sans-serif;
font-size:32px;
font-weight:700;
line-height:1.35;
margin:52px 0 20px
}

.palmable-single-content h3{
font-family:Arial,"Noto Sans Thai",sans-serif;
font-size:24px;
font-weight:700;
line-height:1.4;
margin:38px 0 16px
}

.palmable-single-content h4{
font-family:Arial,"Noto Sans Thai",sans-serif;
font-size:20px;
font-weight:700;
line-height:1.45;
margin:30px 0 14px
}

.palmable-single-content ul,
.palmable-single-content ol{
margin:0 0 24px;
padding-left:26px
}

.palmable-single-content li{
margin-bottom:8px
}

.palmable-single-content blockquote{
margin:36px 0;
padding-left:24px;
border-left:3px solid var(--palm-brown);
font-size:20px;
line-height:1.7
}

.palmable-single-back{
display:inline-block;
margin-top:56px;
color:#171512!important;
text-decoration:none!important;
font-size:10px;
font-weight:600;
letter-spacing:.12em
}

/* CTA */
.palmable-article-cta{
background:var(--palm-cream);
text-align:center;
padding:80px 20px
}

.palmable-cta-eyebrow{
font-size:10px;
letter-spacing:.2em;
margin-bottom:18px
}

.palmable-article-cta h2{
font-family:Georgia,"Times New Roman",serif;
font-size:52px;
line-height:1;
margin:0 0 20px;
font-weight:400
}

.palmable-article-cta p{
font-size:14px;
line-height:1.7;
color:#5e5b56;
margin-bottom:28px
}

.palmable-article-cta a{
display:inline-block;
min-width:210px;
background:var(--palm-brown);
color:#fff!important;
text-decoration:none!important;
border-radius:999px;
padding:15px 25px;
font-size:12px
}

.palmable-socials{
display:flex;
justify-content:center;
gap:42px;
margin-top:42px;
font-size:10px;
letter-spacing:.08em
}

.palmable-site-footer{
border-top:1px solid #ded9d1;
background:var(--palm-cream);
padding:22px
}

.palmable-site-footer>div{
width:min(1180px,100%);
margin:auto;
font-size:10px;
color:#777
}

/* POST CARDS */
.palmable-post-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:48px 28px;
padding:18px 0 58px
}

.palmable-post-card{
margin:0;
min-width:0
}

.palmable-post-image{
display:block;
width:100%;
aspect-ratio:16/10;
overflow:hidden;
background:#eee9e2;
text-decoration:none!important
}

.palmable-post-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:transform .35s ease
}

.palmable-post-image:hover img{
transform:scale(1.02)
}

.palmable-post-image-placeholder{
display:block;
width:100%;
height:100%;
background:#eee9e2
}

.palmable-post-meta{
display:flex;
justify-content:space-between;
gap:12px;
margin-top:16px;
font-size:10px;
letter-spacing:.12em;
color:#6b6b67
}

.palmable-post-card h3{
margin:10px 0 8px;
font-family:Georgia,"Times New Roman",serif;
font-size:27px;
line-height:1.15;
font-weight:400
}

.palmable-post-card h3 a{
color:#171512;
text-decoration:none
}

.palmable-post-card p{
margin:0 0 14px;
font-size:13px;
line-height:1.7;
color:#5e5b56
}

.palmable-read{
font-size:10px;
letter-spacing:.1em;
font-weight:600;
color:#171512!important;
text-decoration:none!important
}

.palmable-no-posts{
padding:54px 0 64px;
text-align:center;
color:#6b6b67;
font-size:14px
}


/* =====================================================
   PALMABLE NEWSLETTER
===================================================== */

#palmable-newsletter-form{
width:min(760px,100%);
margin:0 auto;
}

/* Remove MailPoet's own white container/background */
#palmable-newsletter-form .mailpoet_form,
#palmable-newsletter-form .mailpoet_form_form,
#palmable-newsletter-form form{
background:transparent!important;
background-color:transparent!important;
box-shadow:none!important;
border:0!important;
margin:0!important;
padding:0!important;
}

/* Make MailPoet blocks behave as one horizontal form */
#palmable-newsletter-form form{
display:flex!important;
align-items:stretch!important;
justify-content:center!important;
gap:10px!important;
width:100%!important;
}

/* Remove unnecessary spacing from MailPoet paragraphs/blocks */
#palmable-newsletter-form form > *,
#palmable-newsletter-form .mailpoet_paragraph{
margin:0!important;
}

/* Email block takes remaining space */
#palmable-newsletter-form .mailpoet_paragraph{
flex:1 1 auto!important;
min-width:0!important;
}

/* Email input */
#palmable-newsletter-form input[type="email"],
#palmable-newsletter-form .mailpoet_text{
width:100%!important;
height:54px!important;
min-height:54px!important;
margin:0!important;
padding:0 20px!important;
border:1px solid #ded7ce!important;
border-radius:999px!important;
outline:none!important;
box-shadow:none!important;
background:#fff!important;
color:#171512!important;
font-family:Arial,"Noto Sans Thai",sans-serif!important;
font-size:14px!important;
line-height:54px!important;
}

/* Email focus */
#palmable-newsletter-form input[type="email"]:focus,
#palmable-newsletter-form .mailpoet_text:focus{
border-color:#6b432d!important;
box-shadow:0 0 0 1px #6b432d!important;
}

/* Placeholder */
#palmable-newsletter-form input::placeholder{
color:#81786f!important;
opacity:1!important;
}

/* Subscribe button */
#palmable-newsletter-form input[type="submit"],
#palmable-newsletter-form button[type="submit"],
#palmable-newsletter-form .mailpoet_submit{
width:auto!important;
min-width:175px!important;
height:54px!important;
min-height:54px!important;
margin:0!important;
padding:0 26px!important;
border:0!important;
border-radius:999px!important;
box-shadow:none!important;
background:#6b432d!important;
color:#fff!important;
font-family:Arial,"Noto Sans Thai",sans-serif!important;
font-size:11px!important;
font-weight:600!important;
letter-spacing:.08em!important;
line-height:54px!important;
white-space:nowrap!important;
cursor:pointer!important;
transition:opacity .2s ease!important;
}

#palmable-newsletter-form input[type="submit"]:hover,
#palmable-newsletter-form button[type="submit"]:hover,
#palmable-newsletter-form .mailpoet_submit:hover{
opacity:.88!important;
}

/* Hide MailPoet visual leftovers */
#palmable-newsletter-form img{
max-width:100%;
}

/* MailPoet messages */
#palmable-newsletter-form .mailpoet_message,
#palmable-newsletter-form .mailpoet_validate_success,
#palmable-newsletter-form .mailpoet_validate_error{
font-family:Arial,"Noto Sans Thai",sans-serif!important;
font-size:12px!important;
line-height:1.5!important;
}


/* MOBILE */
@media(max-width:760px){

.palmable-header-inner{
width:calc(100% - 28px);
height:68px;
gap:12px
}

.palmable-brand{
font-size:14px;
letter-spacing:.16em
}

.palmable-nav{
display:none
}

.palmable-talk{
padding:11px 15px;
font-size:11px
}

.palmable-single-wrap{
margin:48px auto 70px;
width:calc(100% - 32px)
}

.palmable-single-article h1{
font-size:40px
}

.palmable-single-featured{
margin:30px 0
}

.palmable-single-content{
font-size:16px;
line-height:1.85
}

/* MOBILE ARTICLE HEADINGS */
.palmable-single-content h2{
font-size:26px;
line-height:1.35;
margin:40px 0 16px
}

.palmable-single-content h3{
font-size:21px;
line-height:1.4;
margin:30px 0 14px
}

.palmable-single-content h4{
font-size:18px
}

.palmable-single-content blockquote{
font-size:18px
}

.palmable-article-cta{
padding:60px 18px
}

.palmable-article-cta h2{
font-size:44px
}

.palmable-socials{
flex-wrap:wrap;
gap:14px 24px
}

.palmable-post-grid{
grid-template-columns:1fr;
gap:38px;
padding:14px 0 44px
}

.palmable-post-card h3{
font-size:20px
}


/* NEWSLETTER MOBILE */
#palmable-newsletter-form{
width:100%;
}

#palmable-newsletter-form form{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
}

#palmable-newsletter-form .mailpoet_paragraph{
width:100%!important;
}

#palmable-newsletter-form input[type="email"],
#palmable-newsletter-form .mailpoet_text{
width:100%!important;
}

#palmable-newsletter-form input[type="submit"],
#palmable-newsletter-form button[type="submit"],
#palmable-newsletter-form .mailpoet_submit{
width:100%!important;
}

}

/* =========================================================
   NEWSLETTER — ARTICLE
========================================================= */

.palmable-single-content .palmable-post-newsletter{
  width:calc(100% + 120px);
  margin:64px -60px 10px;
  padding:54px 60px 58px;
  background:#fbf8f3;
  text-align:center;
}

.palmable-single-content .palmable-post-newsletter-inner{
  width:min(620px,100%);
  margin:0 auto;
}

.palmable-single-content .palmable-post-newsletter-kicker{
  margin:0 0 12px;
  color:#6b432d;
  font-family:Arial,"Noto Sans Thai",sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.16em;
}

.palmable-single-content .palmable-post-newsletter h2{
  margin:0 0 16px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:42px;
  font-weight:400;
  line-height:1.05;
  letter-spacing:0;
}

.palmable-single-content .palmable-post-newsletter-copy{
  max-width:520px;
  margin:0 auto 26px;
  color:#5d554d;
  font-size:14px;
  line-height:1.65;
}

.palmable-post-newsletter-form{
  width:100%;
  margin:0 auto;
}

/* Remove MailPoet's extra outer spacing/background */
.palmable-post-newsletter-form .mailpoet_form{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

/* MOBILE */
@media(max-width:760px){

  .palmable-single-content .palmable-post-newsletter{
    width:calc(100% + 32px);
    margin:48px -16px 0;
    padding:44px 20px 48px;
  }

  .palmable-single-content .palmable-post-newsletter h2{
    font-size:34px;
  }

  .palmable-single-content .palmable-post-newsletter-copy{
    font-size:13px;
  }

}
/* ===== ARTICLE NEWSLETTER ===== */

.palmable-post-newsletter{
  width:min(920px,calc(100% - 40px));
  margin:70px auto 20px;
  padding:54px 56px;
  background:#f8f4ee;
  text-align:center;
  border-radius:2px;
}

.palmable-post-newsletter-inner{
  width:min(720px,100%);
  margin:0 auto;
}

.palmable-post-newsletter-kicker{
  margin:0 0 16px;
  color:#6b432d;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.palmable-post-newsletter h2{
  margin:0 0 16px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:42px;
  line-height:1.05;
  font-weight:400;
  color:#171512;
}

.palmable-post-newsletter-copy{
  max-width:560px;
  margin:0 auto 28px;
  color:#5e5b56;
  font-size:14px;
  line-height:1.7;
}

/* MailPoet */
.palmable-post-newsletter-form{
  width:min(620px,100%);
  margin:0 auto;
}

.palmable-post-newsletter-form .mailpoet_form{
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
}

.palmable-post-newsletter-form .mailpoet_form_columns_container{
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
}

.palmable-post-newsletter-form input[type="email"]{
  width:100% !important;
  min-height:54px !important;
  padding:0 20px !important;
  border:1px solid #ded8cf !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#171512 !important;
  font-family:Arial,"Noto Sans Thai",sans-serif !important;
  font-size:14px !important;
  box-shadow:none !important;
}

.palmable-post-newsletter-form input[type="submit"],
.palmable-post-newsletter-form button{
  width:100% !important;
  min-height:54px !important;
  margin-top:10px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#6b432d !important;
  color:#fff !important;
  font-family:Arial,"Noto Sans Thai",sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  cursor:pointer;
}

/* MOBILE */
@media(max-width:760px){

  .palmable-post-newsletter{
    width:calc(100% - 32px);
    margin:52px auto 16px;
    padding:42px 22px;
  }

  .palmable-post-newsletter h2{
    font-size:34px;
  }

  .palmable-post-newsletter-copy{
    font-size:13px;
  }

}

/* Hide MailPoet leftover privacy / empty paragraph */
.palmable-post-newsletter-form .mailpoet_form_paragraph:last-child{
  display:none !important;
}

.palmable-post-newsletter-form p.mailpoet_form_paragraph.last{
  display:none !important;
}