/* Shared styles for the blog pages (blog/...). Colors match the rest of the site. */
body{margin:0;background:#F4EDDC;color:#3B2A1E;font-family:'Noto Serif',Georgia,serif}
a{color:#9A4A1F}a:hover{color:#183A25}*{box-sizing:border-box}

.topbar{background:#183A25;color:#F4EDDC;text-align:center;padding:8px 16px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.site-header{position:sticky;top:0;z-index:10;background:#F4EDDC;border-bottom:2px solid #B4652A}
.site-header .wrap{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.brand{text-decoration:none;font-weight:900;font-stretch:62.5%;text-transform:uppercase;color:#183A25;font-size:30px;line-height:1;display:flex;align-items:center;gap:12px}
.brand img{width:52px;height:52px;border-radius:50%;display:block;flex:none}
.site-header nav{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;font-weight:700;align-items:center}
.site-header nav a{text-decoration:none;color:#183A25}
.site-header nav a.book{background:#183A25;color:#F4EDDC;padding:9px 14px;border-radius:6px}
@media (max-width:640px){.site-header{position:static}}

.eyebrow{font-weight:800;letter-spacing:.12em;font-size:15px;color:#9A4A1F;text-transform:uppercase}
.big{font-weight:900;font-stretch:62.5%;text-transform:uppercase;color:#183A25;line-height:.92}

/* Blog list */
.blog-list{max-width:1100px;margin:0 auto;padding:56px 20px 80px}
.blog-list header{text-align:center;margin-bottom:40px}
.blog-list h1{margin:8px 0 0;font-size:clamp(48px,7vw,88px)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}
.card{background:#FBF7EE;border:1px solid #D9C9A6;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-bottom:2px solid #B4652A}
.card .body{padding:22px}
.card h2{margin:0 0 10px;font-weight:900;font-stretch:75%;text-transform:uppercase;color:#183A25;font-size:26px;line-height:1.05}
.card p{margin:0;font-size:16px;line-height:1.6}
.card .more{display:inline-block;margin-top:14px;font-weight:800;color:#9A4A1F}
.card:hover h2{color:#9A4A1F}

/* Post */
.post{max-width:760px;margin:0 auto;padding:48px 20px 72px}
.post .crumbs{font-size:14px;font-weight:700;margin-bottom:18px}
.post h1{margin:8px 0 12px;font-size:clamp(44px,7vw,76px)}
.post .meta{font-size:14px;font-weight:700;color:#5A4634;margin-bottom:26px}
.post .hero{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border:2px solid #B4652A;margin-bottom:30px}
.post p,.post li{font-size:18px;line-height:1.7}
.post p{margin:0 0 18px}
.post h2{font-weight:900;font-stretch:75%;text-transform:uppercase;color:#183A25;font-size:32px;line-height:1.05;margin:40px 0 14px}
.post ul{padding-left:22px;margin:0 0 18px}
.post li{margin-bottom:6px}
.post figure{margin:28px 0}
.post figure img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border:2px solid #B4652A}
.post figcaption{font-size:14px;color:#5A4634;margin-top:8px}
.post table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:17px;background:#FBF7EE}
.post th,.post td{border:1px solid #D9C9A6;padding:10px 14px;text-align:left}
.post th{background:#183A25;color:#F4EDDC;font-weight:800}
.post tr.total td{font-weight:800;color:#183A25}
.post blockquote{margin:30px 0;padding:0;font-weight:900;font-stretch:75%;text-transform:uppercase;color:#183A25;font-size:26px;line-height:1.15}
.post blockquote cite{display:block;margin-top:6px;font-size:15px;font-style:normal;color:#9A4A1F;letter-spacing:.06em}
.post .tagline{font-weight:800;letter-spacing:.08em;color:#9A4A1F;font-size:15px}
.post .sources{border-top:2px solid #B4652A;margin-top:36px;padding-top:12px}
.post .sources h2{font-size:22px;margin-top:10px}
.post .sources li{font-size:15px}
.cta{background:#183A25;color:#F4EDDC;padding:28px 26px;margin:36px 0 0;text-align:center;box-shadow:0 0 0 6px #F4EDDC,0 0 0 8px #C9973F}
.cta .big{color:#F4EDDC;font-size:40px}
.cta p{color:#F4EDDC;font-size:17px;margin:10px 0 18px}
.cta a.btn{display:inline-block;text-decoration:none;background:#F4EDDC;color:#183A25;padding:14px 22px;border-radius:8px;font-weight:800}
.cta a.phone{color:#F4EDDC;font-weight:800}

.site-footer{background:#183A25;color:#F4EDDC;padding:40px 20px 28px}
.site-footer .wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:28px;align-items:start;font-size:16px;line-height:1.8}
.site-footer a{color:#F4EDDC}
.site-footer .label{font-weight:800;color:#C9973F;letter-spacing:.12em;font-size:13px}
.site-footer .phone{font-weight:900;font-stretch:62.5%;font-size:34px;text-decoration:none}
.site-footer .bottom{max-width:1200px;margin:32px auto 0;border-top:1px solid #C9973F;padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px}
.site-footer .bottom span:first-child{font-weight:800;letter-spacing:.1em;color:#C9973F}
