:root{--teal:#07393b;--deep:#05292b;--cream:#f1dfb8;--orange:#d64c16;--gold:#d99a27}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--teal);font-family:Arial,Helvetica,sans-serif;background:linear-gradient(#f7ebce,#ead2a4)}
.blog-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:17px 4vw;background:var(--deep);color:var(--cream);border-bottom:4px solid var(--gold)}
.blog-brand{text-decoration:none;color:inherit}.blog-brand strong{display:block;font-size:26px;line-height:1}.blog-brand span{display:block;color:var(--orange);font-size:10px;letter-spacing:1.4px;margin-top:4px}
.blog-header nav{display:flex;gap:22px;font-size:13px;font-weight:900}.blog-header nav a{text-decoration:none;color:inherit}
.blog-hero{padding:80px 5vw 72px;background:radial-gradient(circle at 78% 32%,#d88a1d 0 35px,transparent 36px),radial-gradient(circle at 85% 22%,#0c6969 0 62px,transparent 63px),linear-gradient(120deg,#f6e8c8,#e6c790);border-bottom:14px solid var(--teal)}
.blog-hero>span,.section-heading span,.question-cta>span{color:var(--orange);font-weight:900;letter-spacing:2px}
.blog-hero h1{max-width:900px;margin:10px 0 18px;font-size:clamp(52px,8vw,105px);line-height:.89}
.blog-hero p{max-width:760px;font-size:21px;line-height:1.5;font-weight:700}
.featured-post{display:grid;grid-template-columns:1.5fr .7fr;gap:28px;padding:60px 5vw;background:var(--teal);color:var(--cream)}
.category{color:#ef8c2c;font-size:12px;font-weight:900;letter-spacing:1.5px}
.featured-post h2{font-size:clamp(38px,5vw,70px);line-height:.95;margin:12px 0 18px}
.featured-post p{line-height:1.65}.featured-post .lead{font-size:21px;font-weight:700}
.featured-post a,.question-cta a{display:inline-block;margin-top:15px;padding:14px 19px;text-decoration:none;background:var(--orange);color:white;font-weight:900;border-radius:4px}
.featured-post aside{align-self:start;padding:26px;background:var(--cream);color:var(--teal);border:4px solid var(--gold);border-radius:8px}
.featured-post blockquote{font-size:24px;line-height:1.25;margin:16px 0}
.blog-list{padding:65px 5vw}.section-heading h2{font-size:54px;margin:5px 0 25px}
.blog-list article{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:24px;padding:28px 0;border-top:2px solid rgba(7,57,59,.35)}
.blog-list h3{font-size:31px;line-height:1.05;margin:0 0 8px}.blog-list p{margin:0;line-height:1.5}.blog-list a{font-weight:900;color:var(--teal);text-decoration:none}
.question-cta{text-align:center;padding:70px 5vw;background:#d9b36b}.question-cta h2{font-size:clamp(45px,7vw,85px);line-height:.9;margin:9px 0}
.question-cta p{max-width:700px;margin:0 auto;font-size:19px;line-height:1.5}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 5vw;background:var(--deep);color:var(--cream)}
footer a{color:var(--gold);font-weight:900}
@media(max-width:760px){.blog-header nav{display:none}.featured-post{grid-template-columns:1fr}.blog-list article{grid-template-columns:1fr;gap:8px}.blog-hero{padding-top:55px}footer{flex-direction:column;text-align:center}}