/* MyEnviroLens interior visual authority — consolidated draft, 2026-10-16.
 No commerce logic or MEL decision logic modified. */
/* MyEnviroLens coherent visual system · pilot r1 · 2026-10-16
 * Scope: service, editorial, and catalog pages only. No checkout/price/JS behavior.
 */
:root {
  --mel-design-navy:#082f53;
  --mel-design-green:#216ba5;
  --mel-design-soft:#eaf3fa;
  --mel-design-surface:#ffffff;
  --mel-design-border:#d5e2ee;
  --mel-design-link:#216ba5;
  --mel-design-radius:14px;
  --mel-design-card-gap:22px;
}
.mel-site .mel-about-page,
.mel-site .efc-report-review-page,
.mel-site .efc-shop-page { color:var(--mel-design-navy); }
.mel-site .mel-about-page .mel-public-hero {
  padding-top:clamp(44px,4.5vw,62px);
  padding-bottom:clamp(44px,4.5vw,62px);
  gap:clamp(24px,3.2vw,48px);
  background:linear-gradient(115deg,var(--mel-design-surface),var(--mel-design-soft));
}
.mel-site .mel-about-page .mel-public-hero h1,
.mel-site .efc-report-review-page .efc-review-hero h1,
.mel-site .efc-shop-page .efc-shop-hero h1 {
  font-size:clamp(37px,4vw,50px);
  line-height:1.12;
  letter-spacing:-.035em;
  color:var(--mel-design-navy);
}
.mel-site .mel-about-page .mel-public-hero > div > p:last-child,
.mel-site .efc-report-review-page .efc-review-hero > div > p,
.mel-site .efc-shop-page .efc-shop-hero p {
  font-size:clamp(16px,1.5vw,18px);
  line-height:1.6;
}
.mel-site .mel-about-page .mel-public-section { padding-top:clamp(42px,5vw,68px);padding-bottom:clamp(42px,5vw,68px); }
.mel-site .mel-about-page .mel-public-section-head { gap:28px;margin-bottom:28px; }
.mel-site .mel-about-page .mel-public-section-head h2,
.mel-site .efc-report-review-page .efc-review-section-head h2,
.mel-site .efc-shop-page .mel-catalogue-question {
  font-size:clamp(29px,3vw,39px);
  line-height:1.18;
  letter-spacing:-.025em;
}
.mel-site .mel-about-page .mel-about-grid { gap:var(--mel-design-card-gap);border:0;background:transparent; }
.mel-site .mel-about-page .mel-about-grid article {
  min-height:0;
  padding:28px;
  border:1px solid var(--mel-design-border);
  border-radius:var(--mel-design-radius);
  background:#fff;
  box-shadow:0 5px 18px rgba(8,47,83,.035);
}
.mel-site .mel-about-page .mel-about-grid h3 { font-size:clamp(22px,2vw,26px);margin-top:15px;line-height:1.2; }
.mel-site .mel-about-page .mel-public-hero aside { padding:28px;border:1px solid var(--mel-design-border);border-top:3px solid var(--mel-design-green);border-radius:var(--mel-design-radius); }
.mel-site .efc-report-review-page .efc-review-hero {
  gap:clamp(24px,3.5vw,45px);
  padding:clamp(28px,4vw,54px);
  background:linear-gradient(115deg,var(--mel-design-surface),var(--mel-design-soft));
  border-color:var(--mel-design-border);
  border-radius:var(--mel-design-radius);
}
.mel-site .efc-report-review-page .efc-review-pricing { padding:clamp(42px,5vw,65px) 0;gap:var(--mel-design-card-gap); }
.mel-site .efc-report-review-page .efc-review-pricing article,
.mel-site .efc-shop-page .efc-test-card {
  border:1px solid var(--mel-design-border);
  border-radius:var(--mel-design-radius);
  box-shadow:0 5px 18px rgba(8,47,83,.035);
}
.mel-site .efc-report-review-page .efc-review-pricing article {padding:clamp(24px,2.5vw,30px);}
.mel-site .efc-report-review-page .efc-review-fit,
.mel-site .efc-report-review-page .efc-review-governance,
.mel-site .efc-report-review-page .efc-review-secure-next,
.mel-site .efc-report-review-page .efc-current-sample,
.mel-site .efc-report-review-page .efc-review-process-section {padding-top:clamp(42px,5vw,68px);padding-bottom:clamp(42px,5vw,68px);}
.mel-site .efc-shop-page .efc-shop-hero {
  background:linear-gradient(115deg,var(--mel-design-surface),var(--mel-design-soft));
  border-color:var(--mel-design-border);
  border-radius:var(--mel-design-radius);
}
.mel-site .efc-shop-page .efc-test-grid {gap:var(--mel-design-card-gap);}
.mel-site .efc-shop-page .efc-test-card {height:auto;min-height:0;}
.mel-site .efc-shop-page .efc-test-card h3 {font-size:clamp(22px,2vw,25px);line-height:1.2;}
.mel-site .efc-shop-page .efc-test-card-body {padding:clamp(20px,2vw,28px);}
.mel-site .mel-about-page :is(.mel-button,.mel-public-card-grid a),
.mel-site .efc-report-review-page :is(.efc-action,.efc-secondary-action),
.mel-site .efc-shop-page :is(.efc-action,.efc-secondary-action,.efc-card-action) {
  border-radius:9px;
  min-height:44px;
}
/* Option B: blue/white visual treatments, scoped only to the three pilot pages. */
.mel-site .mel-about-page,
.mel-site .efc-report-review-page,
.mel-site .efc-shop-page {
  --mel-green:#216ba5;
  --mel-green-dark:#185784;
  --mel-green-soft:#eaf3fa;
  --mel-mint:#eaf3fa;
  --mel-warm:#f7fafb;
}
.mel-site .mel-about-page .mel-public-hero,
.mel-site .efc-report-review-page .efc-review-hero,
.mel-site .efc-shop-page .efc-shop-hero {
  background:linear-gradient(115deg,#fff 0%,#eaf3fa 100%);
}
.mel-site .mel-about-page .mel-public-hero aside {
  border-top-color:#216ba5;
}
.mel-site .mel-about-page .mel-public-soft,
.mel-site .efc-report-review-page .efc-review-fit,
.mel-site .efc-shop-page .efc-shop-principle {
  background-color:#f7fafb;
}
.mel-site .mel-about-page .mel-public-callout { background:#082f53; }
.mel-site .mel-about-page .mel-public-callout .mel-eyebrow { color:#d3eaf9; }
.mel-site .mel-about-page :is(.mel-button,.mel-public-card-grid a),
.mel-site .efc-report-review-page :is(.efc-action,.efc-secondary-action),
.mel-site .efc-shop-page :is(.efc-action,.efc-secondary-action,.efc-card-action) {
  border-radius:9px;
}
.mel-site .mel-about-page .mel-button:not(.mel-button-light),
.mel-site .efc-report-review-page .efc-action,
.mel-site .efc-shop-page .efc-action {
  background:#082f53;
  border-color:#082f53;
  color:#fff;
}
.mel-site .efc-report-review-page .efc-secondary-action,
.mel-site .efc-shop-page .efc-secondary-action {
  background:#fff;
  color:#082f53;
  border-color:#082f53;
}
.mel-site .efc-shop-page .efc-card-action {
  color:#216ba5;
}
.mel-site .efc-shop-page .efc-domain-pill {
  background:#eaf3fa;
  color:#082f53;
}
.mel-site .mel-about-page a:focus-visible,
.mel-site .efc-report-review-page a:focus-visible,
.mel-site .efc-shop-page a:focus-visible {
  outline:3px solid #216ba5;
  outline-offset:3px;
}

/* Environmental Review: complete blue-and-white treatment, no residual green. */
.mel-site .efc-report-review-page {
 --mel-green:#216ba5;--mel-green-dark:#185784;--mel-green-soft:#eaf3fa;
 --mel-navy:#082f53;--mel-warm:#fff;--mel-line:#d5e2ee;
}
.mel-site .efc-report-review-page .efc-review-fit li,
.mel-site .efc-report-review-page .efc-review-governance li {
 background:#f0f5fb !important;
 border-left:3px solid #216ba5 !important;
 border-color:#216ba5 !important;
 color:#082f53 !important;
}
.mel-site .efc-report-review-page .mel-sample-sheet {
 background:#fff !important;
 border-color:#d5e2ee !important;
}
.mel-site .efc-report-review-page .mel-sample-grid section {
 background:#f1f6fb !important;
 border-left:3px solid #b4cee3 !important;
 color:#082f53 !important;
}
.mel-site .efc-report-review-page .mel-sample-grid .mel-sample-next {
 background:#eaf3fa !important;
 border-left-color:#216ba5 !important;
}
.mel-site .efc-report-review-page .efc-review-process-section {
 background:#fff !important;
 border-color:#d5e2ee !important;
}
.mel-site .efc-report-review-page .efc-review-process-section .efc-review-section-head {
 background:#eaf3fa !important;
 border-color:#d5e2ee !important;
}
.mel-site .efc-report-review-page .efc-review-process-section .efc-kicker,
.mel-site .efc-report-review-page .efc-review-process-list li > span,
.mel-site .efc-report-review-page .efc-review-process-list li span:first-child {
 color:#216ba5 !important;
}
.mel-site .efc-report-review-page .efc-review-process-list li {
 background:#fff !important;
 border-color:#d5e2ee !important;
}
.mel-site .efc-report-review-page .efc-review-section-head h2 {
 font-size:clamp(29px,3vw,39px) !important;
 line-height:1.16;
}

/* Option B comprehensive pilot correction — applies throughout all three pages. */
.mel-site :is(.mel-about-page,.efc-shop-page,.efc-report-review-page) {
 --mel-green:#216ba5;
 --mel-green-dark:#185784;
 --mel-green-bright:#216ba5;
 --mel-green-soft:#eaf3fa;
 --mel-mint:#eaf3fa;
 --mel-mint-soft:#eaf3fa;
 --mel-warm:#f7fafb;
 --mel-soft:#f7fafb;
 --mel-line:#d5e2ee;
 --ef-green:#216ba5;
 --ef-green-bright:#216ba5;
 --ef-mint:#eaf3fa;
 --ef-mint-soft:#eaf3fa;
 --ef-cream:#f7fafb;
}
.mel-site .efc-shop-page .efc-test-image-wrap,
.mel-site .efc-shop-page .efc-test-card .efc-test-image-wrap,
.mel-site .efc-shop-page .efc-test-image-wrap::before,
.mel-site .efc-shop-page .efc-test-image-wrap::after {
 background:#f1f6fb !important;
 background-image:none !important;
}
.mel-site .efc-shop-page .efc-test-card,
.mel-site .efc-shop-page .efc-test-card-body,
.mel-site .efc-shop-page .efc-test-card-footer,
.mel-site .efc-shop-page .mel-catalogue-featured-grid a,
.mel-site .efc-shop-page .efc-library-controls,
.mel-site .efc-shop-page .mel-catalogue-route {
 background-color:#fff !important;
 border-color:#d5e2ee !important;
}
.mel-site .efc-shop-page .efc-domain-pill,
.mel-site .efc-shop-page .efc-test-card .efc-domain-pill {
 background:#eaf3fa !important;
 color:#082f53 !important;
 border-color:#d5e2ee !important;
}
.mel-site .efc-shop-page :is(.mel-catalogue-help a,.mel-catalogue-existing a,.mel-catalogue-route em,.mel-catalogue-featured-grid a em,.mel-card-review) {
 color:#216ba5 !important;
}
.mel-site .efc-shop-page :is(.efc-category-filters,.efc-availability-filters) button.is-active {
 background:#082f53 !important;color:#fff !important;border-color:#082f53 !important;
}
.mel-site .efc-report-review-page :is(.efc-review-benefit-list,.efc-review-pricing article,.efc-current-sample,.efc-review-process-list li) {
 background:#fff !important;border-color:#d5e2ee !important;
}
.mel-site .efc-report-review-page :is(.efc-review-fit,.efc-review-governance,.efc-review-process-section) {
 background:#eaf3fa !important;
}
.mel-site .mel-about-page .mel-public-hero {
 background:linear-gradient(115deg,#fff,#eaf3fa) !important;
}
.mel-site .mel-about-page .mel-public-soft,
.mel-site .mel-about-page .mel-reviewer-layout {
 background:#eaf3fa !important;
}
.mel-site .mel-about-page :is(.mel-about-grid article,.mel-reviewer-layout aside,.mel-public-hero aside) {
 background:#fff !important;
 border-color:#d5e2ee !important;
}
.mel-site .mel-about-page :is(.mel-eyebrow,.mel-about-grid article > span,.mel-public-section-head .mel-eyebrow) {
 color:#216ba5 !important;
}
.mel-site .mel-about-page .mel-public-callout {
 background:#082f53 !important;
}
.mel-site .mel-about-page .mel-public-callout .mel-eyebrow {
 color:#d3eaf9 !important;
}
.mel-site .efc-shop-page .efc-shop-hero-actions :is(.efc-action,.efc-secondary-action) {
 white-space:normal;
 width:auto;
 max-width:100%;
 overflow-wrap:anywhere;
}

/* Option B correction: eliminate residual green in scoped pilot surfaces. */
.mel-site .efc-report-review-page .efc-review-benefit-list {
  background:#fff !important;
  border:1px solid #d5e2ee !important;
  border-radius:14px;
}
.mel-site .efc-report-review-page .efc-review-benefit-list :is(strong,li) {color:#082f53;}
.mel-site .efc-shop-page .efc-shop-hero-actions .efc-action,
.mel-site .efc-shop-page .efc-shop-hero-actions .efc-action:link,
.mel-site .efc-shop-page .efc-shop-hero-actions .efc-action:visited {
  background:#082f53 !important;color:#fff !important;border-color:#082f53 !important;
}
.mel-site .efc-shop-page .efc-shop-hero-actions .efc-secondary-action,
.mel-site .efc-shop-page .efc-shop-hero-actions .efc-secondary-action:link,
.mel-site .efc-shop-page .efc-shop-hero-actions .efc-secondary-action:visited {
  background:#fff !important;color:#082f53 !important;border-color:#082f53 !important;
}
.mel-site .efc-shop-page .efc-shop-hero-actions :is(.efc-action,.efc-secondary-action) :is(span,strong,em) {color:inherit !important;}
.mel-site .mel-about-page .mel-reviewer-layout aside {background:#fff;border-color:#d5e2ee;}
.mel-site .mel-about-page .mel-reviewer-layout {background-color:#eaf3fa;}
@media(max-width:767px) {
 .mel-site .mel-about-page .mel-public-hero {gap:22px;padding-top:36px;padding-bottom:40px;}
 .mel-site .mel-about-page .mel-public-hero h1,
 .mel-site .efc-report-review-page .efc-review-hero h1,
 .mel-site .efc-shop-page .efc-shop-hero h1 {font-size:clamp(32px,7.7vw,40px);}
 .mel-site .mel-about-page .mel-about-grid {gap:16px;}
 .mel-site .mel-about-page .mel-about-grid article {padding:22px;}
 .mel-site .efc-report-review-page .efc-review-hero {padding:28px 20px;}
 .mel-site .efc-shop-page .efc-test-grid {gap:16px;}
}

/* Final page composition layer */
/* Unified interior design, editorial layout v1: no new purchasing behavior. */
.mel-site :is(.efc-report-review-page,.mel-public-page,.efc-professional-page,.efc-guide-page,.efc-shop-page){
 --mel-green:#216ba5;--mel-green-dark:#185784;--mel-green-soft:#eaf3fa;
 --mel-warm:#fff;--mel-mint:#eaf3fa;--mel-line:#d5e2ee;
 --ef-green:#216ba5;--ef-mint:#eaf3fa;--ef-cream:#fff;
}
.mel-site .efc-report-review-page .efc-review-hero{
 background:#fff!important;border:0!important;border-bottom:1px solid #d5e2ee!important;
 border-radius:0!important;box-shadow:none!important;padding:54px 12px 48px!important;gap:54px!important;
}
.mel-site .efc-report-review-page .efc-review-benefit-list{
 background:#f1f6fb!important;border:1px solid #d5e2ee!important;padding:25px 30px!important;
 border-radius:10px!important;
}
.mel-site .efc-report-review-page .efc-review-benefit-list li{
 background:transparent!important;border:0!important;padding:5px 0 5px 10px!important;
}
.mel-site .efc-report-review-page .efc-review-pricing{padding:50px 0!important;}
.mel-site .efc-report-review-page .efc-review-pricing article{
 background:#fff!important;border:1px solid #d5e2ee!important;
 border-radius:12px!important;box-shadow:none!important;
}
.mel-site .efc-report-review-page .efc-review-fit{
 background:#fff!important;padding:52px 0!important;
}
.mel-site .efc-report-review-page .efc-review-fit ul{display:grid;gap:8px;}
.mel-site .efc-report-review-page .efc-review-fit li{
 padding:15px 20px!important;background:#f1f6fb!important;
 border:0!important;border-left:3px solid #216ba5!important;
}
.mel-site .efc-report-review-page .efc-current-sample{
 background:#f1f6fb!important;padding:55px 22px!important;
}
.mel-site .efc-report-review-page .mel-sample-sheet{
 max-width:900px!important;background:#fff!important;
 border:1px solid #d5e2ee!important;border-top:4px solid #082f53!important;
 padding:clamp(24px,4vw,52px)!important;box-shadow:0 18px 42px rgba(8,47,83,.09)!important;
}
.mel-site .efc-report-review-page .mel-sample-grid{
 display:block!important;margin-top:24px!important;
}
.mel-site .efc-report-review-page .mel-sample-grid section{
 display:block!important;margin:0!important;padding:18px 0!important;
 border:0!important;border-bottom:1px solid #d5e2ee!important;
 background:#fff!important;
}
.mel-site .efc-report-review-page .mel-sample-grid .mel-sample-next{
 background:#eaf3fa!important;border:0!important;
 padding:22px 25px!important;margin-top:18px!important;
}
.mel-site .efc-report-review-page .mel-sample-grid section>strong{color:#082f53!important;}
.mel-site .efc-report-review-page .efc-review-process-section{
 background:#fff!important;padding:58px 0!important;
}
.mel-site .efc-report-review-page .efc-review-process-section .efc-review-section-head{
 background:transparent!important;border:0!important;
 padding:0 0 26px!important;
}
.mel-site .efc-report-review-page .efc-review-process-list{
 grid-template-columns:1fr!important;gap:0!important;border-top:1px solid #d5e2ee!important;
}
.mel-site .efc-report-review-page .efc-review-process-list li{
 min-height:0!important;display:flex!important;gap:25px!important;
 background:#fff!important;padding:23px 10px!important;
 border:0!important;border-bottom:1px solid #d5e2ee!important;
}
.mel-site .efc-report-review-page .efc-review-process-list li>span{
 color:#216ba5!important;flex:0 0 44px;
}
.mel-site .efc-report-review-page .efc-review-process-list strong{font-size:20px!important;color:#082f53!important;}
.mel-site .efc-report-review-page .efc-review-governance{background:#eaf3fa!important;}
.mel-site .efc-report-review-page .efc-review-secure-next{background:#082f53!important;}
.mel-site .mel-public-page .mel-public-hero{
 background:linear-gradient(110deg,#fff,#eaf3fa)!important;
 padding-top:clamp(42px,4.5vw,64px)!important;
 padding-bottom:clamp(42px,4.5vw,64px)!important;
 gap:clamp(22px,3vw,44px)!important;
}
.mel-site .mel-public-page .mel-public-hero h1{font-size:clamp(36px,4vw,49px)!important;line-height:1.14!important;}
.mel-site .mel-public-page .mel-public-section{padding-top:clamp(38px,5vw,65px)!important;padding-bottom:clamp(38px,5vw,65px)!important;}
.mel-site .mel-public-page .mel-public-section-head h2{font-size:clamp(29px,3vw,39px)!important;}
.mel-site .mel-public-page .mel-public-soft{background:#eaf3fa!important;}
.mel-site .mel-public-page :is(.mel-about-grid,.mel-public-card-grid,.mel-resource-grid){gap:18px!important;background:transparent!important;border:0!important;}
.mel-site .mel-public-page :is(.mel-about-grid,.mel-public-card-grid,.mel-resource-grid) article{
 min-height:0!important;padding:26px!important;background:#fff!important;border:1px solid #d5e2ee!important;border-radius:12px!important;
}
.mel-site .mel-public-page :is(.mel-about-grid,.mel-public-card-grid,.mel-resource-grid) h3{font-size:clamp(21px,2vw,26px)!important;margin:14px 0!important;}
.mel-site .mel-public-page .mel-public-hero aside{background:#fff!important;border:1px solid #d5e2ee!important;border-top:3px solid #216ba5!important;}
.mel-site .mel-public-page .mel-three-step-list article>span{background:#082f53!important;color:#fff!important;}
.mel-site .mel-public-page .mel-sample-grid section{background:#f1f6fb!important;border-left-color:#216ba5!important;}
.mel-site .mel-public-page .mel-sample-grid .mel-sample-next{background:#eaf3fa!important;}
.mel-site .efc-professional-page .efc-professional-hero,.mel-site .efc-guide-page .efc-guide-page-hero{background:#eaf3fa!important;}
.mel-site .efc-professional-page :is(.efc-professional-role-grid article,.efc-professional-portal){background:#fff!important;border-color:#d5e2ee!important;}
.mel-site .efc-guide-page .efc-guide-beta{color:#216ba5!important;}
@media(max-width:767px){
 .mel-site .efc-report-review-page .efc-review-hero{padding:32px 4px!important;gap:22px!important;}
 .mel-site .efc-report-review-page .efc-current-sample{padding:36px 12px!important;}
 .mel-site .efc-report-review-page .efc-review-process-list li{gap:15px!important;}
 .mel-site .mel-public-page :is(.mel-about-grid,.mel-public-card-grid,.mel-resource-grid) article{padding:22px!important;}
}


/* Shared sample-document presentation on both sample surfaces. */
.mel-site :is(.mel-sample-reports-page,.efc-report-review-page) .mel-sample-sheet {
 max-width:900px!important;background:#fff!important;border:1px solid #d5e2ee!important;
 border-top:4px solid #082f53!important;box-shadow:0 18px 42px rgba(8,47,83,.09)!important;
 padding:clamp(24px,4vw,52px)!important;
}
.mel-site :is(.mel-sample-reports-page,.efc-report-review-page) .mel-sample-grid {
 display:block!important;margin-top:24px!important;
}
.mel-site :is(.mel-sample-reports-page,.efc-report-review-page) .mel-sample-grid section {
 display:block!important;margin:0!important;padding:18px 0!important;
 border:0!important;border-bottom:1px solid #d5e2ee!important;background:#fff!important;
}
.mel-site :is(.mel-sample-reports-page,.efc-report-review-page) .mel-sample-grid .mel-sample-next {
 background:#eaf3fa!important;border:0!important;padding:22px 25px!important;margin-top:18px!important;
}
.mel-site :is(.mel-sample-reports-page,.efc-report-review-page) .mel-sample-grid section>strong {
 color:#082f53!important;
}

/* Owner acceptance repair: controls scroll with the page and cards stay compact. */
.mel-site .efc-shop-page .efc-library-controls {
 position:static!important;top:auto!important;z-index:auto!important;padding:14px!important;
 box-shadow:0 5px 18px rgba(8,47,83,.035)!important;
}
.mel-site .efc-shop-page .efc-test-grid {
 grid-auto-rows:auto!important;row-gap:var(--mel-design-card-gap)!important;
}
.mel-site .efc-shop-page .efc-test-card {
 display:flex!important;margin-bottom:0!important;
}
.mel-site .efc-shop-page .efc-test-image-wrap,
.mel-site .efc-shop-page .efc-test-image-wrap .efc-card-image-link img,
.mel-site .efc-shop-page .efc-test-image-wrap img {
 min-height:0!important;height:160px!important;
}
.mel-site .efc-shop-page .efc-test-image-wrap img {padding:10px!important;}
.mel-site .efc-shop-page .efc-test-card-body {display:flex!important;padding:18px!important;}
.mel-site .efc-shop-page .efc-test-card-spacer {display:none!important;}
.mel-site .efc-shop-page .efc-test-card-footer {min-height:0!important;padding-top:12px!important;}
.mel-site .efc-report-review-page .mel-service-status {
 margin:14px 0;padding:12px 14px;border-left:3px solid #216ba5;
 background:#eaf3fa;color:#082f53;line-height:1.55;
}
.mel-site .efc-report-review-page .efc-review-governance li {display:grid;gap:4px;}