*,*: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:760px;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-content a{color:#1a6fc4;text-decoration:underline}.post-content blockquote{border-left:4px solid #1a6fc4;padding:1rem 1.5rem;background:#1a6fc412;border-radius:0 8px 8px 0;margin:1.5rem 0}.post-content blockquote p{margin:0;color:#0d1b2a;font-weight:500}.cost-table{width:100%;border-collapse:collapse;margin:2rem 0;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #00000014}.cost-table th{background:#0d1b2a;color:#fff;padding:1rem 1.2rem;text-align:left;font-size:.85rem;font-weight:600}.cost-table td{padding:.9rem 1.2rem;font-size:.88rem;color:#3d4f60;border-bottom:1px solid #dce3ea}.cost-table tr:last-child td{border-bottom:none}.cost-table tr:nth-child(2n) td{background:#f9fafc}.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}.warning-box{background:#c0392b12;border-left:4px solid #c0392b;border-radius:0 10px 10px 0;padding:1.5rem 1.75rem;margin:2rem 0}.warning-box p{margin:0;color:#0d1b2a;font-weight:500}.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}.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}.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}}