/* CE tools: a shared visual system, with one color family per page. */
body.ce-tool-page{--tool-accent:#526e8c;--tool-tint:#e6eef7;--tool-soft:#f1f5fa;--tool-line:#d4deea;--tool-ink:#263446;--tool-muted:#526174;background:#f8f9f8;color:var(--tool-ink)}
body.ce-tool-page[data-page=testing]{--tool-accent:#72588b;--tool-tint:#eee6f4;--tool-soft:#f6f2f8;--tool-line:#dfd5e7}
body.ce-tool-page[data-page=downloads]{--tool-accent:#356f56;--tool-tint:#e3f0e8;--tool-soft:#f0f6f2;--tool-line:#d1e1d6}
body.ce-tool-page[data-page=protocol]{--tool-accent:#7d703d;--tool-tint:#f3edcf;--tool-soft:#f8f6e9;--tool-line:#e3ddbf}
body.ce-tool-page[data-page=news]{--tool-accent:#915f4c;--tool-tint:#f1e4dc;--tool-soft:#f8f2ee;--tool-line:#e5d7ce}
.ce-tool-page main :is(h1,h2,h3,h4){font-family:Arial,Helvetica,sans-serif!important;font-weight:500!important;letter-spacing:-.025em!important}
.ce-tool-page main h1{font-size:clamp(35px,4.4vw,54px)!important;line-height:1.12!important;max-width:850px;margin:15px 0 22px!important}
.ce-tool-page main h2{font-size:clamp(25px,2.5vw,32px)!important;line-height:1.25!important}
.ce-tool-page main :is(h3,h4){font-size:21px!important;line-height:1.35!important}
.ce-tool-page main :is(h1,h2,h3,h4) em{font-style:normal}
.ce-tool-page main :is(p,li){font-family:Arial,Helvetica,sans-serif;line-height:1.8}
.ce-tool-page main>.hero,.ce-tool-page main>.download-hero,.ce-tool-page main>.protocol-hero{padding:58px 0 44px!important;background:linear-gradient(180deg,#fdfdfb 0%,var(--tool-soft) 35%,var(--tool-tint) 100%)!important;border-bottom:1px solid var(--tool-line)!important}
.ce-tool-page main>:is(.hero,.download-hero,.protocol-hero) :is(h1,.eyebrow){color:var(--tool-accent)!important}
.ce-tool-page main>:is(.hero,.download-hero,.protocol-hero) :is(.intro,.hero-intro){font-size:15px!important;max-width:700px!important;color:var(--tool-muted)!important}
.ce-tool-page main>:is(.hero,.download-hero,.protocol-hero) :is(.button,.protocol-button){border:1px solid var(--tool-line)!important;background:var(--tool-tint)!important;color:var(--tool-accent)!important;border-radius:10px!important;padding:12px 18px;font:400 13px/1.5 Arial,sans-serif!important;margin-top:22px!important}
.ce-tool-page main .wrap{max-width:1180px}
.tool-switcher{background:#fafbf9;border-bottom:1px solid var(--tool-line)}.tool-switcher>.wrap{display:flex;gap:8px;padding-top:13px;padding-bottom:13px;flex-wrap:wrap}.tool-switcher a{padding:8px 13px;border:1px solid transparent;border-radius:8px;text-decoration:none;color:#596473;font:400 12px/1.5 Arial,sans-serif}.tool-switcher a[aria-current=page]{background:var(--tool-tint);color:var(--tool-accent);border-color:var(--tool-line)}.tool-switcher a:hover{background:var(--tool-soft)}
/* Downloads' quiet card surface is the universal card treatment. */
body.ce-tool-page main :is(.download-card,.quiz-card,.test-group .test-card,.original-card,.news-item){background:linear-gradient(160deg,var(--tool-soft),#fdfefb 55%)!important;border:1px solid var(--tool-line)!important;border-radius:16px!important;box-shadow:0 2px 8px #26344607!important;backdrop-filter:none!important;color:var(--tool-ink)}
body.ce-tool-page main :is(.download-card,.quiz-card,.original-card,.news-item){padding:24px!important}
body.ce-tool-page main :is(.download-card,.quiz-card,.test-card,.original-card,.news-item):hover{border-color:color-mix(in srgb,var(--tool-accent) 45%,var(--tool-line))!important;box-shadow:0 3px 12px #2634460b!important}
body.ce-tool-page main :is(.download-card,.quiz-card,.test-card,.original-card,.news-item) :is(h3,h4){color:var(--tool-ink)!important}
body.ce-tool-page main :is(.download-card,.quiz-card,.test-card,.original-card,.news-item) p{color:var(--tool-muted)!important;font-size:14px;line-height:1.8}
body.ce-tool-page main :is(.download-card,.quiz-card,.test-card,.original-card,.news-item) :is(a,.eyebrow,.quiz-action,.card-number,.guide-more summary){color:var(--tool-accent)!important}
body.ce-tool-page main :is(.quiz-topic,.test-group,.guide-results .protocol-section:not(.section-5)){background:var(--tool-soft)!important;border:1px solid var(--tool-line)!important;border-radius:18px!important}
.ce-tool-page .quiz-topic-label,.ce-tool-page .test-group>h3{color:var(--tool-accent)!important;border-color:var(--tool-line)!important}
body.ce-tool-page main :is(.test-sidebar,.download-sidebar,.guide-sidebar){background:#f6f7f4!important;border:1px solid #dde2dc!important;border-radius:16px!important;box-shadow:none!important;padding:22px 18px!important}
body.ce-tool-page main :is(.test-sidebar,.download-sidebar,.guide-sidebar) :is(button,a){color:var(--tool-accent)!important}
body.ce-tool-page main :is(.test-sidebar,.download-sidebar,.guide-sidebar) :is(button[aria-pressed=true],a:hover){background:var(--tool-tint)!important;border-color:var(--tool-line)!important}
.ce-tool-page .test-family button[aria-pressed=true]{color:var(--tool-accent)!important}
.ce-tool-page main :is(.test-card summary>span,.test-card summary::after,.test-details a,.quiz-action,.card-bottom a){color:var(--tool-accent)!important}
.ce-tool-page main :is(.test-details,.test-card[open] summary,.test-context){background:#ffffff60!important}
.ce-tool-page main :is(.original-note,.equipment-group,.materials){border-radius:14px}
body.ce-tool-page main .guide-results .protocol-section:not(.section-5) :is(.original-note,.equipment-group){background:#fdfcf6!important;border-color:var(--tool-line)!important}
.ce-tool-page main .guide-results .protocol-section:not(.section-5) :is(h2,h3,.eyebrow,summary,.card-number){color:var(--tool-accent)!important}
body.ce-tool-page main :is(.test-closing,.quiz-note,.approach,.protocol-closing,.soft){background:var(--tool-soft)!important;border-color:var(--tool-line)!important}
.ce-tool-page .download-hero-note{border-color:var(--tool-line)}.ce-tool-page .download-hero-note h2{font-size:23px!important}.ce-tool-page .approach .number{font:400 13px Arial,sans-serif!important;margin-bottom:20px!important;color:var(--tool-accent)!important}
body.ce-tool-page main .news-item>div:first-child{background:var(--tool-soft)!important}
.ce-tool-page main :is(.filters button[aria-pressed=true],.news-item .status){background:var(--tool-tint)!important;color:var(--tool-accent)!important;border-color:var(--tool-line)!important}
/* Preserve the purposeful dark endings, with matching subdued surfaces. */
body.ce-tool-page main .section-5 .original-card{background:#ffffff08!important;border-color:#ffffff26!important;box-shadow:none!important}
body.ce-tool-page main .section-5 .original-card :is(h3,h4){color:#fff!important}
body.ce-tool-page main .section-5 .original-card p{color:#d0dce7!important}
body.ce-tool-page main .section-5 .original-card :is(.card-number,.guide-more summary){color:#c5d8e7!important}
.ce-tool-page a:focus-visible,.ce-tool-page summary:focus-visible{outline:2px solid var(--tool-accent);outline-offset:4px}
@media(max-width:680px){.ce-tool-page main>:is(.hero,.download-hero,.protocol-hero){padding:40px 0 34px!important}.ce-tool-page main h1{font-size:35px!important}.tool-switcher>.wrap{gap:4px}.tool-switcher a{padding:7px 10px;font-size:11px}.ce-tool-page main :is(.download-card,.quiz-card,.original-card,.news-item){padding:21px!important}}

/* Category colors belong to the cards; page colors belong to the hero and shell. */
.ce-tool-page #main .download-card{--category-accent:var(--card-accent)}
.ce-tool-page #main .quiz-topic{--category-accent:var(--accent)}
.ce-tool-page #main .test-group,.ce-tool-page #main .test-sidebar nav button{--category-accent:var(--test-accent)}
.ce-tool-page #main .news-item{--category-accent:var(--news-accent)}
.ce-tool-page #main #standards{--category-accent:#3a5a7a}
.ce-tool-page #main #water-categories{--category-accent:#28728a}
.ce-tool-page #main #work-in-progress{--category-accent:#386b52}
.ce-tool-page #main #contents{--category-accent:#6a6580}
.ce-tool-page #main #particle-cleaning{--category-accent:#b9cde0}
.ce-tool-page #main :is(.download-card,.quiz-card,.test-card,.original-card,.news-item){background:linear-gradient(160deg,color-mix(in srgb,var(--category-accent) 5%,white),rgba(255,255,255,.86) 50%)!important;border:1px solid #26344618!important;border-radius:16px!important;box-shadow:0 1px 8px #2634460d!important}
.ce-tool-page #main :is(.download-card,.quiz-card,.test-card,.original-card,.news-item):hover{border-color:color-mix(in srgb,var(--category-accent) 28%,white)!important}
.ce-tool-page #main :is(.download-card,.quiz-card,.test-card,.original-card,.news-item) :is(a,.eyebrow,.quiz-action,.card-number,.guide-more summary){color:var(--category-accent)!important}
.ce-tool-page #main :is(.test-card summary>span,.test-card summary::after,.test-details a,.card-bottom a){color:var(--category-accent)!important}
.ce-tool-page #main :is(.quiz-topic,.test-group,.guide-results .protocol-section:not(.section-5)){background:#f6f7f5!important;border-color:#dfe3de!important}
.ce-tool-page #main :is(.quiz-topic-label,.test-group>h3){color:var(--category-accent)!important;border-color:color-mix(in srgb,var(--category-accent) 17%,white)!important}
.ce-tool-page #main .test-sidebar nav button{background:transparent!important;color:var(--category-accent)!important;border-left-color:color-mix(in srgb,var(--category-accent) 35%,white)!important}
.ce-tool-page #main .test-sidebar nav button[aria-pressed=true]{background:color-mix(in srgb,var(--category-accent) 8%,white)!important;border-color:color-mix(in srgb,var(--category-accent) 22%,white)!important}
.ce-tool-page #main .guide-results .protocol-section:not(.section-5) :is(h2,.eyebrow,summary,.card-number){color:var(--category-accent)!important}
.ce-tool-page #main .guide-results .protocol-section:not(.section-5) :is(.original-note,.equipment-group){background:linear-gradient(160deg,color-mix(in srgb,var(--category-accent) 5%,white),#fcfdfb 55%)!important;border-color:#26344618!important}
.ce-tool-page #main .original-card h3{color:var(--tool-ink)!important}
.ce-tool-page #main .news-item>div:first-child{background:color-mix(in srgb,var(--category-accent) 6%,white)!important}
.ce-tool-page #main .news-item .status{background:transparent!important;color:var(--category-accent)!important;border-color:color-mix(in srgb,var(--category-accent) 20%,white)!important}
/* Preserve the approved dark cleaning area. */
.ce-tool-page #main .section-5 .original-card{background:#ffffff08!important;border-color:#ffffff26!important;box-shadow:none!important}
.ce-tool-page #main .section-5 .original-card h3{color:#fff!important}
