.post-body h1,.post-body h2,.post-body h3{color:#647863;font-weight:700;line-height:1.25;margin:28px 0 14px}.post-body h1{font-size:2.5rem;margin-top:0}.post-body h2{font-size:1.875rem}.post-body h2.h2-underline{border-bottom:3px solid #e6a770;padding-bottom:4px}.post-body h3{font-size:1.5rem;background:#f5f7f5;border-left:6px solid #647863;padding:8px 12px;border-radius:6px}.post-body h3.h3-red{color:#c23b22;background:#fef2f2;border-left-color:#c23b22}.post-body h3.h3-orange{color:#c27a2e;background:#fff7ed;border-left-color:#c27a2e}.post-body h3.h3-blue{color:#2e86c2;background:#eff6ff;border-left-color:#2e86c2}.post-body h3.h3-yellow{color:#d97706;background:#fffbeb;border-left-color:#d97706}.post-body .callout{background:#f5f7f5;border-left:6px solid #647863;padding:14px 16px;border-radius:8px;margin:16px 0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.post-body .callout.tip{border-left-color:#647863}.post-body .callout.important{border-left-color:#c27a2e}.post-body .callout.avoid{border-left-color:#c23b22}.post-body .callout.info{border-left-color:#2e86c2}.post-body .callout .title{display:block;font-weight:700;color:#647863;margin-bottom:4px;font-size:16px}.post-body .callout.tip .title{color:#647863}.post-body .callout.important .title{color:#c27a2e}.post-body .callout.avoid .title{color:#c23b22}.post-body .callout.info .title{color:#2e86c2}.post-body .callout p{margin:0;color:#374151;line-height:1.6}.post-body{font-family:Nunito,sans-serif;font-size:16px;line-height:1.6;color:#374151}.post-body p{margin-bottom:16px;line-height:1.6}.post-body b,.post-body strong{color:#647863;font-weight:600}.post-body ol,.post-body ul{margin:16px 0;padding-left:24px}.post-body li{margin-bottom:8px;line-height:1.6}.post-body blockquote{background-color:#f0f8f0;border-left:4px solid #647863;padding:16px;margin:16px 0;font-style:italic;color:#4a5568}.post-body img{max-width:300px;width:100%;height:auto;border-radius:8px;margin:16px auto;display:block}.post-body a{color:#647863;text-decoration:underline;transition:color .2s ease}.post-body a:hover{color:#e6a770}@media (max-width:768px){.post-body h1{font-size:1.5rem}.post-body h2{font-size:1.25rem}.post-body h3{font-size:1.125rem;padding:6px 10px}.post-body{font-size:14px;line-height:1.5}.post-body p{margin-bottom:12px}.post-body .callout{padding:10px 12px;margin:10px 0}.post-body img{max-width:180px;margin:12px auto}}