*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#fff;color:#0d1b2a}.post-hero{background:#0d1b2a;color:#fff;padding:8rem 4rem 5rem;position:relative;overflow:hidden}.post-hero:after{content:"";position:absolute;inset:0;background:url(/house-extension-steel-beam-walton-surrey.jpg) center/cover;opacity:.1}.post-hero-inner{max-width:800px;margin:0 auto;position:relative;z-index:1}.post-tag{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#1a6fc4;margin-bottom:1rem;display:block}.post-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:1rem}.post-hero p{font-size:1rem;color:#fff9;line-height:1.7;max-width:600px}.post-meta{display:flex;gap:1.5rem;margin-top:1.5rem;font-size:.8rem;color:#fff6;flex-wrap:wrap}.post-body{max-width:780px;margin:0 auto;padding:4rem 2rem 6rem}.post-featured-img{border-radius:12px;overflow:hidden;margin-bottom:3rem}.post-featured-img img{width:100%;height:420px;object-fit:cover}.post-content h2{font-size:1.4rem;font-weight:700;color:#0d1b2a;margin:2.5rem 0 1rem}.post-content h3{font-size:1.1rem;font-weight:700;color:#0d1b2a;margin:2rem 0 .75rem}.post-content p{font-size:.97rem;line-height:1.8;color:#3d4f60;margin-bottom:1.2rem}.post-content strong{color:#0d1b2a}.post-content ul,.post-content ol{padding-left:1.5rem;margin-bottom:1.2rem}.post-content li{font-size:.97rem;line-height:1.8;color:#3d4f60;margin-bottom:.5rem}.post-callout{background:#1a6fc412;border-left:4px solid #1a6fc4;border-radius:0 10px 10px 0;padding:1.5rem 1.75rem;margin:2rem 0}.post-callout p{margin:0;color:#0d1b2a;font-weight:500}.quick-answer{background:#0d1b2a;color:#fff;border-radius:12px;padding:2rem;margin-bottom:3rem}.quick-answer h3{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff6;margin-bottom:.75rem}.quick-answer p{font-size:1rem;line-height:1.7;color:#ffffffd9;margin:0}.cost-box{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.cost-item{background:#f4f7fb;border-radius:10px;padding:1.5rem;border:1px solid #dce3ea}.cost-item .cost-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b7a8d;margin-bottom:.5rem}.cost-item .cost-price{font-size:1.8rem;font-weight:700;color:#0d1b2a;letter-spacing:-.03em}.cost-item .cost-price span{font-size:1rem;font-weight:400;color:#1a6fc4}.cost-item .cost-desc{font-size:.8rem;color:#6b7a8d;margin-top:.3rem}.post-cta{background:#0d1b2a;color:#fff;border-radius:14px;padding:2.5rem;text-align:center;margin-top:4rem}.post-cta h3{font-size:1.3rem;font-weight:700;margin-bottom:.75rem;color:#fff!important}.post-cta p{font-size:.9rem;color:#fff9;margin-bottom:1.5rem;line-height:1.65}.btn-primary{background:#1a6fc4;color:#fff;padding:.85rem 2rem;border:none;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:background .2s}.btn-primary:hover{background:#0f4c8a}.author-box{display:flex;align-items:center;gap:1rem;background:#f4f7fb;border-radius:12px;padding:1.5rem;margin-top:3rem;border:1px solid #dce3ea}.author-avatar{width:52px;height:52px;background:#1a6fc4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff;flex-shrink:0}.author-name{font-size:.9rem;font-weight:700;color:#0d1b2a}.author-title{font-size:.8rem;color:#6b7a8d}.related-posts{margin-top:4rem;padding-top:3rem;border-top:1px solid #dce3ea}.related-posts h3{font-size:1.1rem;font-weight:700;color:#0d1b2a;margin-bottom:1.5rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related-card{text-decoration:none;color:inherit;background:#f4f7fb;border-radius:10px;overflow:hidden;border:1px solid #dce3ea;transition:box-shadow .2s,transform .2s}.related-card:hover{box-shadow:0 4px 16px #1a6fc41f;transform:translateY(-2px)}.related-card img{width:100%;height:120px;object-fit:cover}.related-card-body{padding:.9rem}.related-card-tag{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a6fc4;margin-bottom:.4rem;display:block}.related-card-title{font-size:.82rem;font-weight:600;color:#0d1b2a;line-height:1.4}@media (max-width: 700px){.related-grid{grid-template-columns:1fr}}@media (max-width: 700px){.post-hero{padding:7rem 1.5rem 3rem}.post-body{padding:3rem 1.5rem 4rem}.post-featured-img img{height:220px}.cost-box{grid-template-columns:1fr}}