/* Blog index (#mtown-blog-index) and post (#mtown-blog-post). Brand palette; system/Inter type. */
#mtown-blog-index,#mtown-blog-index *,#mtown-blog-post,#mtown-blog-post *{box-sizing:border-box}
#mtown-blog-index{background:#fffcf5;color:#13263a;padding:clamp(40px,6vw,72px) 24px}
#mtown-blog-index .mtbl-head{max-width:1100px;margin:0 auto 32px}
#mtown-blog-index .mtbl-kicker,#mtown-blog-post .mtbp-meta{margin:0 0 10px;font:800 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#1b6f8c}
#mtown-blog-index h1,#mtown-blog-post h1{margin:0;font:850 clamp(32px,4.5vw,52px)/1.1 Inter,system-ui,sans-serif;letter-spacing:-.03em;color:#0b1d2b}
#mtown-blog-index .mtbl-lead{max-width:700px;margin:14px 0 0;font-size:17px;line-height:1.6;color:#3b4b5c}
#mtown-blog-index .mtbl-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
#mtown-blog-index .mtbl-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8dcc2;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0b1d2b0f}
#mtown-blog-index .mtbl-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#0b1d2b}
#mtown-blog-index .mtbl-img img{width:100%;height:100%;object-fit:cover;display:block}
#mtown-blog-index .mtbl-copy{padding:18px 20px 22px;display:grid;gap:8px}
#mtown-blog-index .mtbl-meta{margin:0;font:700 12px/1.4 Inter,system-ui,sans-serif;color:#1b6f8c;letter-spacing:.06em;text-transform:uppercase}
#mtown-blog-index h2{margin:0;font:800 21px/1.25 Inter,system-ui,sans-serif;color:#0b1d2b}
#mtown-blog-index h2 a{color:inherit;text-decoration:none}
#mtown-blog-index h2 a:hover,#mtown-blog-index h2 a:focus-visible{text-decoration:underline}
#mtown-blog-index .mtbl-copy p{margin:0;line-height:1.55;color:#3b4b5c}
#mtown-blog-index .mtbl-more{font-weight:800;color:#c2410c;text-decoration:none}
#mtown-blog-index a:focus-visible,#mtown-blog-post a:focus-visible{outline:3px solid #2aa7d8;outline-offset:3px}
/* post */
#mtown-blog-post{background:#fffcf5;color:#13263a;padding:clamp(36px,5vw,64px) 24px}
#mtown-blog-post .mtbp-head,#mtown-blog-post .mtbp-hero,#mtown-blog-post .mtbp-body,#mtown-blog-post .mtbp-cta{max-width:820px;margin-left:auto;margin-right:auto}
#mtown-blog-post .mtbp-meta a{color:inherit}
#mtown-blog-post .mtbp-hero{margin-top:26px;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #0b1d2b1a}
#mtown-blog-post .mtbp-hero img{display:block;width:100%;height:auto}
#mtown-blog-post .mtbp-body{margin-top:30px;font-size:18px;line-height:1.7}
#mtown-blog-post .mtbp-body h2{margin:34px 0 10px;font:800 clamp(22px,2.6vw,28px)/1.25 Inter,system-ui,sans-serif;color:#0b1d2b;letter-spacing:-.02em}
#mtown-blog-post .mtbp-body p{margin:0 0 18px}
#mtown-blog-post .mtbp-body a{color:#0b5fc3;font-weight:700}
#mtown-blog-post .mtbp-body figure{margin:26px 0;border-radius:14px;overflow:hidden}
#mtown-blog-post .mtbp-body figure img{display:block;width:100%;height:auto}
#mtown-blog-post .mtbp-cta{margin-top:36px;padding:22px 24px;background:#0b1d2b;color:#fff;border:1px solid #d5b86c;border-radius:16px;line-height:1.6}
#mtown-blog-post .mtbp-cta a{color:#ffd740;font-weight:800}
#mtown-blog-post .mtbp-cta p{margin:0 0 8px}