body{margin:0;background:#FBF8F3;font-family:'Nunito Sans',system-ui,sans-serif;color:#2A2622}
a{color:#007E91}a:hover{color:#005E6E}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid #007E91;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 16px;border-radius:8px;z-index:50}
.skip:focus{left:8px}
.menu-btn{display:none;font-family:inherit;background:#fff;border:2px solid #E2D7C9;border-radius:999px;padding:10px 18px;font:inherit;font-weight:700;min-height:44px;cursor:pointer;color:#2A2622}
.sticky-cta{display:none}
@media (max-width:900px){
  .menu-btn{display:inline-flex;align-items:center}
  .site-nav{display:none !important;width:100%;flex-direction:column;align-items:stretch !important;gap:4px !important;padding-top:8px}
  .site-nav.open{display:flex !important}
  .site-nav a{padding:12px 4px;border-bottom:1px solid #EDE5DA}
  .site-nav a:last-child{border-bottom:0;justify-content:center;margin-top:8px}
  .sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:rgba(251,248,243,.96);border-top:1px solid #E2D7C9;gap:10px}
  .sticky-cta a{flex:1;text-align:center;text-decoration:none;font-weight:800;padding:14px;border-radius:999px;background:#007E91;color:#fff;font-size:17px}
  .sticky-cta a.wa{flex:0 0 auto;background:#fff;color:#2A2622;border:2px solid #E2D7C9;padding:12px 16px}
  body{padding-bottom:84px}
}
@media (max-width:640px){
  h1{font-size:42px !important;letter-spacing:-0.5px !important}
  h2{font-size:32px !important;letter-spacing:-0.5px !important}
  section > div{padding-top:56px !important;padding-bottom:56px !important}
  section > div[style*="padding: 72px 24px 88px"]{padding-top:40px !important}
}
.post{max-width:760px;margin:0 auto;padding:48px 24px 72px;font-size:18px}
.post h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:48px;line-height:1.08;letter-spacing:-1px;margin:8px 0 16px}
.post h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:30px;line-height:1.15;margin:40px 0 12px}
.post p{margin:0 0 16px;color:#4E463E}
.post ul{margin:0 0 18px;padding-left:22px;color:#4E463E}
.post li{margin:0 0 8px}
.post .meta{color:#6B6157;font-size:15px;font-weight:600}
.post .hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;display:block;margin:24px 0 28px}
.post .takeaways{background:#D9F3F7;border-radius:20px;padding:22px 24px;margin:0 0 28px}
.post .takeaways strong{display:block;font-size:18px;margin-bottom:8px;color:#005E6E}
.post .takeaways ul{margin:0;color:#2A2622}
.post .faq{background:#FFFFFF;border-radius:18px;padding:20px 22px;margin:0 0 12px}
.post .faq h3{margin:0 0 6px;font-size:19px}
.post .faq p{margin:0}
.post .cta{background:#005E6E;color:#F6F2EC;border-radius:24px;padding:28px;margin-top:36px}
.post .cta p{color:#DAF2F7}
.post .cta a.btn{display:inline-block;background:#FFFFFF;color:#005E6E;font-weight:800;text-decoration:none;padding:14px 24px;border-radius:999px;margin:6px 10px 0 0}
.blog-list{max-width:1200px;margin:0 auto;padding:56px 24px 88px}
.blog-list h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:56px;line-height:1.05;letter-spacing:-1px;margin:0 0 12px}
.blog-list .intro{font-size:20px;color:#4E463E;max-width:720px;margin:0 0 36px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.blog-card{background:#FFFFFF;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:#2A2622}
.blog-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.blog-card div{padding:22px;display:flex;flex-direction:column;gap:8px}
.blog-card h2{margin:0;font-size:22px;line-height:1.25}
.blog-card p{margin:0;color:#4E463E;font-size:16px}
.blog-card span{color:#007E91;font-weight:700;font-size:15px}
@media (max-width:640px){main img[style*="flex: 1 1"]{height:auto !important;aspect-ratio:3/2;object-position:center 60% !important}}
@media (max-width:640px){.coach-tile{flex:0 1 calc(50% - 8px) !important}}
@media (max-width:640px){.post h1{font-size:36px !important}.post h2{font-size:25px !important}.blog-list h1{font-size:40px !important}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}
