@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#243932;--muted:#566d63;--accent:#126b60;--accent-dark:#0d554c;--paper:#fcfcf8;--mist:#edf2ea;--border:#dae4db;--cream:#f7f2e6;--max:1140px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.7}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-dark)}img{display:block;max-width:100%}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.24;letter-spacing:-.025em}h1{font-size:clamp(1.9rem,3.7vw,3.05rem);max-width:820px;margin:.4em 0}h2{font-size:clamp(1.35rem,2.3vw,1.9rem)}h3{font-size:1.12rem}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:200;background:white;padding:10px}.header{background:#fff;border-bottom:1px solid var(--border)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px}.logo{font-family:Manrope,Arial,sans-serif;color:var(--ink);font-size:1.55rem;text-decoration:none;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.logo strong{color:var(--accent)}.tagline{display:block;font:500 11px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.desktop-nav{display:flex;gap:20px;align-items:center}.desktop-nav a{font-size:14px;text-decoration:none;color:var(--ink);font-weight:700}.desktop-nav a:hover{color:var(--accent)}.mobile-menu{display:none}.topband{background:#e8eee8;color:#315349;font-size:13px;padding:8px 0}.topband a{font-weight:700}.hero{background:linear-gradient(115deg,#e9efe7 0%,#f5f4eb 100%);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;min-height:470px;padding-block:45px}.eyebrow{text-transform:uppercase;font-weight:800;letter-spacing:.16em;color:var(--accent);font-size:12px}.lead{font-size:1.19rem;line-height:1.6;color:#415a50;max-width:740px}.hero-image{position:relative}.hero-image img{width:100%;border-radius:30px;aspect-ratio:4/3;object-fit:cover;background:#d8e4dc;box-shadow:16px 16px 0 #d6e3d7}.btn{display:inline-block;color:#fff!important;background:var(--accent);border-radius:9px;padding:12px 20px;font-weight:800;text-decoration:none;margin:10px 10px 0 0}.btn:hover{background:var(--accent-dark)}.btn.ghost{color:var(--accent)!important;background:#fff;border:1px solid #bad1c6}.section{padding:58px 0}.section.alt{background:#f2f5ef}.section-heading{max-width:790px}.section-heading p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.card{background:white;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #355b4510}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#dfe8df}.card-body{padding:20px}.card h3{margin:2px 0 7px}.card h3 a{text-decoration:none;color:var(--ink)}.card p{color:var(--muted);margin:0 0 8px}.card .arrow{font-size:14px;font-weight:800}.columns{display:grid;grid-template-columns:2fr 1fr;gap:50px}.article{padding-top:38px;padding-bottom:65px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:20px}.breadcrumb a{text-decoration:none}.article-head{max-width:800px}.article-image{width:100%;max-height:400px;object-fit:cover;border-radius:18px;background:var(--mist);margin:26px 0}.article-body{max-width:780px}.article-body section{padding:15px 0;border-top:1px solid var(--border)}.article-body section h2{margin:17px 0 8px}.article-body p{margin:10px 0 17px}.sidebox{background:var(--mist);border:1px solid var(--border);padding:23px;border-radius:15px;margin:20px 0;align-self:start;position:sticky;top:20px}.sidebox h3{margin-top:0}.sidebox ul{padding-left:21px}.sidebox li{margin:10px 0}.notice{background:var(--cream);padding:18px 20px;border-left:4px solid #a47b47;border-radius:6px;margin:25px 0}.cta{background:#164b43;color:white;padding:28px;border-radius:17px;margin:30px 0}.cta p{color:#e3efe8}.cta .btn{background:#f8db99;color:#173e35!important}.pill{font-size:12px;color:var(--accent);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.footer{background:#203b33;color:#d9e9e0;padding:47px 0 25px}.footer a{color:#e5efe8}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer .logo{color:#fff}.footer small{color:#bfd3c8}.footer-bottom{border-top:1px solid #476056;padding-top:20px;margin-top:28px;font-size:13px;color:#ccdbd2}.footer-links{display:flex;gap:15px;flex-wrap:wrap}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.guide-link{display:flex;align-items:center;gap:15px;text-decoration:none;padding:15px;background:#fff;border:1px solid var(--border);border-radius:13px;color:var(--ink);font-weight:700}.guide-link img{width:88px;height:65px;object-fit:cover;border-radius:7px}.mini{font-size:13px;color:var(--muted)}.resource-list li{margin:9px 0}.callout{background:white;border:1px solid var(--border);border-radius:15px;padding:24px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.three>*{margin:0}.category-head{padding:43px 0;background:#edf3ec}.content{max-width:790px;padding:30px 0 65px}.content section{border-top:1px solid var(--border);margin:24px 0;padding-top:12px}button{cursor:pointer}#top{scroll-margin:30px}@media(max-width:980px){.desktop-nav{gap:10px}.desktop-nav a{font-size:12px}.cards{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.sidebox{position:static}}@media(max-width:720px){.nav-row{min-height:75px;flex-wrap:wrap}.desktop-nav{display:none}.mobile-menu{display:block;border:1px solid var(--border);background:#fff;padding:7px 13px;border-radius:6px;font:700 15px Arial}.mobile-links{display:none;width:100%;padding:8px 0 15px}.mobile-links.open{display:grid;gap:0}.mobile-links a{padding:10px 4px;text-decoration:none;border-top:1px solid var(--border);font-weight:700}.hero-inner{grid-template-columns:1fr;padding-block:30px}.hero-image img{max-height:280px}.cards,.three,.guide-grid,.footer-grid{grid-template-columns:1fr}.section{padding:36px 0}.article{padding-top:25px}.wrap{width:min(var(--max),calc(100% - 32px))}body{font-size:16px}.logo{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Photographic editorial design and prominent, accessible trade CTAs */
.hero{background:#eaf1e9}.hero-inner{grid-template-columns:.98fr 1.02fr;min-height:460px}.hero-image img{aspect-ratio:16/10;border-radius:17px;box-shadow:none}.btn-cta{display:inline-block;background:#ffd34c!important;color:#232c22!important;text-decoration:none;font-weight:800;font-size:1.04rem;line-height:1.4;padding:15px 23px;border:2px solid #e2a900;border-radius:9px;box-shadow:0 4px 0 #aa8022;transition:transform .15s ease,box-shadow .15s ease}.btn-cta:hover,.btn-cta:focus-visible{background:#ffe27f!important;transform:translateY(-2px);box-shadow:0 6px 0 #aa8022}.btn-cta:focus-visible{outline:3px solid #ffffff;outline-offset:3px}.cta-strip{background:#e9f2ea;border:2px solid #bfd3c3;border-radius:15px;padding:20px;margin:18px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-strip h3{margin:0 0 4px;font-size:1.17rem}.cta-strip p{margin:0;font-size:.95rem}.cta-strip .btn-cta{flex-shrink:0}.cta .btn-cta{background:#ffd34c!important}.hero-trade-cta{background:white;border:2px solid #a9c6b1;border-radius:13px;padding:16px 19px;margin:23px 0;max-width:560px;box-shadow:0 5px 20px #355b4510}.hero-trade-cta strong{display:block;font-size:1.15rem}.hero-trade-cta p{margin:4px 0 10px}.hero-trade-cta small{display:block;margin-top:12px;color:#566d63;font-size:.78rem}.page-banner{width:100%;max-height:350px;object-fit:cover}.category-head{position:relative;overflow:hidden}.category-photo{width:min(1140px,calc(100% - 40px));height:265px;object-fit:cover;margin:25px auto 0;border-radius:16px}.article-image{max-height:430px;aspect-ratio:16/9}.card img{aspect-ratio:16/9}.guide-link img{object-fit:cover}.article-body p{line-height:1.75}@media(max-width:720px){.hero-inner{grid-template-columns:1fr}.cta-strip{flex-direction:column;align-items:stretch}.cta-strip .btn-cta,.hero-trade-cta .btn-cta{text-align:center;width:100%;font-size:1rem}.category-photo{height:200px;width:calc(100% - 32px)}}

/* October refresh: cleaner header, simplified focus, and homepage-specific imagery */
:root{--header-bg:#ffffff;--header-shadow:0 6px 24px rgba(25,55,45,.06);--gold:#ffd34c;--gold-border:#d6a11a;--gold-shadow:#a97e14}
.topband{background:#163c35;color:#eef6f1;font-size:13px;padding:10px 0}
.topband-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.topband a{color:#fff;text-decoration:none;font-weight:700}
.header{background:rgba(255,255,255,.96);border-bottom:1px solid #e5ece6;box-shadow:var(--header-shadow);position:sticky;top:0;z-index:50;backdrop-filter:saturate(120%) blur(5px)}
.nav-row{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand-group{display:flex;align-items:center;gap:14px}
.logo{display:flex;flex-direction:column;gap:2px;font-size:1.65rem;line-height:1;text-decoration:none}
.logo-main{display:block}
.tagline{font-size:10px;letter-spacing:.14em;color:#678277}
.nav-cluster{display:flex;align-items:center;gap:14px;margin-left:auto}
.desktop-nav{display:flex;align-items:center;gap:18px}
.desktop-nav a{font-size:14px;font-weight:700;padding:10px 0;position:relative}
.desktop-nav a::after{content:"";position:absolute;left:0;bottom:4px;width:0;height:2px;background:var(--accent);transition:width .18s ease}
.desktop-nav a:hover::after{width:100%}
.header-cta,.mobile-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#1d2a1e!important;text-decoration:none;font-weight:800;border:2px solid var(--gold-border);border-radius:999px;padding:11px 16px;box-shadow:0 4px 0 var(--gold-shadow);white-space:nowrap}
.header-cta:hover,.mobile-cta:hover{transform:translateY(-1px);box-shadow:0 6px 0 var(--gold-shadow)}
.mobile-cta{margin-top:14px;width:100%}
.hero{background:linear-gradient(135deg,#edf4ee 0%,#f8f5ea 100%)}
.hero-inner{gap:38px}
.hero-image img{border-radius:22px;box-shadow:0 18px 45px rgba(37,77,63,.12)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.btn-outline{display:inline-block;background:#fff;color:var(--accent)!important;border:1px solid #b9cdbf;border-radius:9px;padding:13px 18px;font-weight:800;text-decoration:none}
.btn-outline:hover{border-color:#90b29c;background:#f9fcf9}
.cards.five-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.card img{background:#dfe8df}
.footer .logo{display:inline-flex}
@media(max-width:980px){.header-cta{display:none}.nav-row{min-height:82px}.desktop-nav{gap:12px}.desktop-nav a{font-size:13px}}
@media(max-width:720px){.topband-inner{flex-direction:column;align-items:flex-start}.header{position:static}.nav-row{align-items:center;min-height:76px}.brand-group{width:auto}.logo{font-size:1.45rem}.nav-cluster{margin-left:auto;gap:10px}.mobile-links{width:100%;padding-top:8px}.mobile-links a{padding:11px 2px;text-decoration:none;border-top:1px solid var(--border);font-weight:700}.header-cta{display:none}.hero-actions{flex-direction:column}.btn-outline,.hero-actions .btn-cta{width:100%;text-align:center}}

/* Navigation repair: hidden until explicitly opened on mobile. */
.header{position:relative;background:#fff;z-index:10;border-bottom:1px solid #dce9df;box-shadow:0 3px 16px #193c3310}
.nav-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:nowrap}
.logo{display:flex;flex-direction:column;gap:5px;min-width:160px;font-size:1.52rem;line-height:1.1}
.logo-main{display:block}
.tagline{font-size:10px;letter-spacing:.055em;line-height:1.3;white-space:normal}
.desktop-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 19px;justify-content:flex-end}
.desktop-nav a{font-size:13px;white-space:nowrap}
.mobile-menu{display:none}
.mobile-links{display:none!important}
.mobile-links.open{display:none!important}
@media(max-width:1100px){
.desktop-nav{display:none!important}
.mobile-menu{display:inline-flex;gap:8px;align-items:center;justify-content:center;margin-left:auto;color:#21483e;font-size:16px;padding:10px 14px;border:1px solid #aac6b8;border-radius:9px;background:#f7faf7}
.mobile-links.open{display:block!important;background:#fff;border-top:1px solid #e0eae2}
.mobile-links .wrap{display:flex;flex-direction:column;padding:8px 0 14px}
.mobile-links a{display:block;color:#244138;text-decoration:none;font-size:16px;font-weight:650;padding:10px 8px;border-bottom:1px solid #eef2ed}
.mobile-links a:last-child{border-bottom:0}
}
/* One unobtrusive, well-labelled trade-matching CTA near the bottom. */
.cta{margin:42px 0 10px;padding:24px 27px}
.cta .btn-cta{box-shadow:none;border:1px solid #e3b935}
.cta h2{margin-top:0}
.cards img,.guide-link img{object-fit:cover}

/* Operator details and protected contact display */
.footer .company-legal{border-bottom:1px solid #4f6d60;padding:0 0 20px;margin-bottom:19px;font-size:14px;line-height:1.6;color:#e2eee7}
.footer .company-legal p{margin:.4rem 0}
.content{max-width:920px}
.content section{margin-block:24px;padding-top:20px}
.content section h2{margin-top:0}
.operator-details{border-left:3px solid #94b3a5;padding:8px 16px;background:#f0f5ef;margin:18px 0}
.operator-details p{margin:7px 0}
.contact-reveal{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px 0}
.email-reveal{border:1px solid #175d50;border-radius:8px;background:#175d50;color:white;font:700 16px Arial,sans-serif;padding:11px 16px}
.email-reveal:hover,.email-reveal:focus-visible{background:#0b453b}
.email-output a{font-weight:700;overflow-wrap:anywhere}

/* Clearly visible company identification on every page */
.company-information{display:block!important;position:static!important;visibility:visible!important;opacity:1!important;background:#f1f6f1;color:#17372f!important;padding:22px 26px;margin:30px 0 18px;border-radius:9px;border-left:5px solid #ffd34c;line-height:1.65;font-size:15px;max-width:100%}
.company-information p{color:#17372f!important;margin:0 0 12px!important;font-weight:500}.company-information p:last-child{margin-bottom:0!important}
@media(max-width:720px){.company-information{padding:18px 16px;font-size:14px}}

/* Explicit high-contrast operator notice: white on deep green, including all descendants. */
footer.footer .company-information{display:block!important;background-color:#123c32!important;color:#ffffff!important;border:2px solid #ffffff!important;border-left:7px solid #ffdf66!important;box-shadow:0 0 0 1px rgba(0,0,0,.2);opacity:1!important;visibility:visible!important;padding:22px 26px!important;margin:28px 0 20px!important;font-size:16px!important;line-height:1.65!important}
footer.footer .company-information p,footer.footer .company-information *{color:#ffffff!important;background-color:transparent!important;text-shadow:none!important;opacity:1!important;font-size:inherit!important;line-height:inherit!important}
@media(max-width:720px){footer.footer .company-information{padding:18px!important;font-size:15px!important}}

/* Expanded leak library */
.symptom-choice{border:1px solid #d6e4db;border-radius:12px;background:white;margin:12px 0;padding:15px 20px}.symptom-choice summary{cursor:pointer;font-weight:750;color:#153f35}.symptom-choice[open]{background:#f3f8f3}.symptom-choice li{margin:8px 0}.cards .card h3{margin-top:0}

/* Contextual photographs and secondary diagnostic illustrations */
.landing-photo{width:100%;max-height:360px;aspect-ratio:16/7;object-fit:cover;border-radius:15px;margin:22px 0 5px}
.supporting-illustration{margin:28px 0;padding:15px;background:#eff4ef;border:1px solid #d8e3d8;border-radius:13px}
.supporting-illustration img{width:100%;height:auto;max-height:300px;object-fit:contain}
.supporting-illustration figcaption{font-size:13px;color:#425c51;margin-top:8px}
@media(max-width:720px){.landing-photo{aspect-ratio:16/10;max-height:230px}}

/* Clear guide navigation */
.hub-intro{padding:38px 0 15px}.hub-directory{padding-bottom:65px}.hub-topic{padding:26px 0;border-top:1px solid var(--border)}.hub-topic-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.hub-category-link{font-weight:800}.hub-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.hub-guide-link{background:white;border:1px solid #d5e1d8;border-radius:10px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 16px;color:#153f36;font-weight:650;text-decoration:none;line-height:1.4}.hub-guide-link:hover,.hub-guide-link:focus-visible{background:#e9f3ed;border-color:#236a56}.hub-guide-link span{color:#126b60;font-size:20px}.hub-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hub-category-grid a{display:block;padding:17px;border-radius:9px;background:#eaf1eb;font-weight:750;text-decoration:none}.card-action{display:inline-block;margin:12px 0 0;padding:11px 14px;background:#145c50;color:#fff!important;border-radius:7px;text-decoration:none;font-weight:800}.card-action:hover{background:#0c453b;color:#fff!important}@media(max-width:720px){.hub-link-grid,.hub-category-grid{grid-template-columns:1fr}.hub-intro{padding-top:25px}}

/* DampUK topic-first navigation: direct routes to the major diagnostic libraries */
.desktop-nav{gap:clamp(9px,1vw,16px);flex-wrap:nowrap}
.desktop-nav>a{font-size:13px;white-space:nowrap}
.desktop-nav>a[aria-current="page"],.mobile-links a[aria-current="page"]{color:#0c6350;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.nav-more{position:relative;font-size:13px;font-weight:700;color:var(--ink)}
.nav-more summary{cursor:pointer;white-space:nowrap;list-style:none;padding:10px 3px}
.nav-more summary::-webkit-details-marker{display:none}
.nav-more summary::after{content:" ▾";font-size:12px}
.nav-more[open] summary,.nav-more summary:hover{color:#0c6350}
.nav-more-links{position:absolute;right:0;top:100%;min-width:240px;background:#fff;box-shadow:0 10px 30px #153a3226;border:1px solid #cddcd5;border-radius:8px;padding:8px;z-index:50}
.nav-more-links a{display:block;padding:10px 12px;border-radius:4px;font-size:14px;white-space:nowrap}
.nav-more-links a:hover,.nav-more-links a:focus-visible{background:#e8f2ed}
.mobile-links .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.mobile-links a{display:block;color:#193b32}
.mobile-links a:hover,.mobile-links a:focus-visible{background:#e8f2ed}
@media(max-width:1150px){.desktop-nav{display:none}.mobile-menu{display:inline-flex;align-items:center;gap:6px;cursor:pointer}}
@media(max-width:520px){.mobile-links .wrap{grid-template-columns:1fr}}