:root{ –geh-bg:#111827; –geh-panel:#1f2937; –geh-panel-2:#0f172a; –geh-text:#f8fafc; –geh-muted:#cbd5e1; –geh-accent:#f97316; –geh-accent-dark:#ea580c; –geh-line:#334155; –geh-ok:#22c55e; –geh-max:1200px; –geh-radius:16px; –geh-shadow:0 10px 30px rgba(0,0,0,.22); } *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0; font-family:Arial, Helvetica, sans-serif; background:linear-gradient(180deg,var(–geh-bg),#0b1220 40%, #111827 100%); color:var(–geh-text); line-height:1.6; } a{color:var(–geh-accent);text-decoration:none} a:hover{color:#fb923c} img{max-width:100%;height:auto} .site-wrap{min-height:100vh;display:flex;flex-direction:column} .container{width:min(100% – 32px, var(–geh-max));margin-inline:auto} .site-header{ position:sticky;top:0;z-index:50; background:rgba(15,23,42,.92); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.08); } .header-inner{ display:flex;align-items:center;justify-content:space-between; gap:18px;padding:14px 0; } .brand{ display:flex;align-items:center;gap:12px;font-weight:700;color:#fff; letter-spacing:.3px; } .brand-mark{ width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(–geh-accent),#f59e0b); display:grid;place-items:center;color:#0f172a;font-weight:900; box-shadow:var(–geh-shadow); } .brand-copy small{display:block;color:var(–geh-muted);font-weight:400} .site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px} .site-nav a{ display:inline-block;padding:10px 14px;border-radius:999px; color:var(–geh-text);border:1px solid transparent; } .site-nav a:hover,.site-nav .current-menu-item>a{ border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05); } .hero{padding:64px 0 36px} .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center} .hero-copy h1{font-size:clamp(2rem,4vw,4rem);line-height:1.05;margin:0 0 14px} .hero-copy p{font-size:1.1rem;color:var(–geh-muted);max-width:62ch} .hero-card,.card{ background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.08); border-radius:var(–geh-radius); box-shadow:var(–geh-shadow); } .hero-card{padding:26px} .stat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .stat{ padding:18px;border-radius:14px;background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); } .stat strong{display:block;font-size:1.4rem} .stat span{color:var(–geh-muted)} .btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} .btn{ display:inline-flex;align-items:center;justify-content:center;gap:10px; padding:12px 18px;border-radius:999px;font-weight:700; border:1px solid transparent;transition:.2s ease; } .btn-primary{background:var(–geh-accent);color:#fff} .btn-primary:hover{background:var(–geh-accent-dark);color:#fff} .btn-secondary{ color:var(–geh-text);border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03) } .btn-secondary:hover{background:rgba(255,255,255,.08);color:#fff} .section{padding:26px 0 54px} .section-head{margin-bottom:18px} .section-head h2{margin:0 0 6px;font-size:clamp(1.5rem,2vw,2.2rem)} .section-head p{margin:0;color:var(–geh-muted)} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .feature-card,.info-card{padding:22px} .feature-card h3,.info-card h3{margin:8px 0 8px} .feature-card p,.info-card p{color:var(–geh-muted);margin:0 0 16px} .icon{ width:46px;height:46px;border-radius:14px;display:grid;place-items:center; background:rgba(249,115,22,.16);border:1px solid rgba(249,115,22,.35); font-size:24px; } .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px} .content-card{padding:20px} .content-card h3{margin-top:0} .content-card ul{padding-left:18px;margin:0} .content-card li{margin:8px 0;color:var(–geh-muted)} .page-shell{padding:34px 0 60px} .page-title{margin:0 0 8px;font-size:clamp(1.8rem,3vw,3rem)} .page-intro{color:var(–geh-muted);max-width:72ch} .stack{display:grid;gap:18px} .content-block{padding:24px} .shortcut-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start} .notice{ padding:14px 16px;border-radius:14px; background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.28); color:#dcfce7 } .site-footer{ margin-top:auto;padding:22px 0;border-top:1px solid rgba(255,255,255,.08); background:rgba(15,23,42,.7) } .footer-grid{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap} .footer-grid p{margin:0;color:var(–geh-muted)} .wp-block-group, .entry-content > * + *{margin-top:18px} .entry-content .card, .entry-content .content-block{margin-top:18px} .entry-content h2, .entry-content h3{scroll-margin-top:100px} .geh-shortcode-shell{ padding:18px;border-radius:16px;background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); } @media (max-width: 960px){ .hero-grid,.grid-3,.grid-2,.shortcut-grid{grid-template-columns:1fr} } @media (max-width: 760px){ .header-inner{align-items:flex-start;flex-direction:column} .site-nav ul{gap:6px} .site-nav a{padding:8px 12px} .hero{padding-top:36px} }

The UK Hub for Gas & Heating Engineers

Advice, spare parts exchange, and real trade banter — all in one place. Built for engineers who want practical help, useful listings, and a proper community.

> >