.homepage .resource-main.ec-main{max-width:1440px;padding-inline:clamp(24px,4.5vw,60px)}
.ec-main .ec-selectors{grid-template-columns:repeat(2,minmax(0,300px));margin-bottom:20px;gap:20px}.ec-main .ec-selectors>div:last-child{grid-column:auto}
.ec-main .ec-controls{padding:28px;border-radius:9px}.ec-main .ph-control-top{gap:20px;flex-wrap:wrap}.ec-reading-controls{display:flex;align-items:center;gap:18px}.ec-unit-toggle{display:flex;border:1px solid #a6bc9d;border-radius:8px;overflow:hidden}.ec-unit-toggle button{background:none;color:#fff;padding:11px 22px;border:0;font:inherit;cursor:pointer}.ec-unit-toggle button[aria-pressed="true"]{background:#b6dc89;color:#123b29;font-weight:700}
.ec-main .ph-reading{display:flex;align-items:center;gap:0;background:#fff;border-radius:7px;color:#173b29;overflow:hidden;border:1px solid #b6dc89}.ec-main .ph-reading input{border:0;border-radius:0;width:110px;padding:12px;font-size:26px;margin:0}.ec-main #ec-input-unit{padding:0 14px 0 4px;font-size:14px;white-space:nowrap}
.ec-main .ph-target-track{background:none;height:3px;margin-inline:15px}.ec-main #ec-band{border-radius:0}.ec-main #ec-band:before,.ec-main #ec-band:after{content:"";position:absolute;width:2px;height:11px;top:-4px;background:#c6e99c}.ec-main #ec-band:before{left:0}.ec-main #ec-band:after{right:0}
.ec-main .ph-ticks{margin-inline:15px;font-size:13px}.ec-main .ec-control-bottom{margin-top:18px;gap:16px;font-size:14px}.ec-main .ec-summary{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);padding:24px;gap:28px;margin:14px 0 10px}.ec-result{display:flex;align-items:flex-start;gap:20px}.ec-result-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#266b36;color:#fff}.ec-result-icon svg{width:28px;height:28px}.ec-alert{display:none}.ec-main .ec-summary h2{font-size:22px;line-height:1.35}.ec-main .ec-summary p{font-size:15px;line-height:1.5}.ec-main .ec-summary .ec-result-range{margin-top:12px;color:#4d6255}.ec-conversion{border-left:1px solid #ccdaca;padding-left:28px}.ec-conversion>span{font-size:14px;font-weight:700}.ec-main .ec-conversion>strong{font-size:30px;margin:8px 0 14px}.ec-scale-row{display:flex;gap:14px;align-items:center}.ec-scale-row select{min-width:130px;flex:1;padding:11px 12px;border:1px solid #b9cab6;border-radius:6px;background:#fff;color:#173b29;font:inherit;margin:0}.ec-scale-row button{border:0;background:none;color:#173b29;text-decoration:underline;white-space:nowrap;cursor:pointer;font-size:13px;padding:8px 0}.ec-main #ec-scale-tip{margin-top:12px;font-size:14px}.ec-main [hidden]{display:none!important}
.ec-summary:not([data-state="within"]){background:#fff8e9;border-color:#e5d9b9}.ec-summary:not([data-state="within"]) .ec-result-icon{background:#b68020}.ec-summary:not([data-state="within"]) .ec-check{display:none}.ec-summary:not([data-state="within"]) .ec-alert{display:block}
.ec-main .ec-reference-note{font-size:14px;margin:10px 0 24px}.ec-main .ec-stage-help{font-size:15px;color:#53665a;margin:8px 0 18px}.ec-main .ec-stage-grid{gap:16px;margin-bottom:16px}.ec-main .ec-stage-card{padding:20px;gap:10px;border:1px solid #d8e2d3}.ec-main .ec-stage-card.selected{padding:20px;border:1px solid #286b35;box-shadow:inset 0 0 0 1px #286b35;background:#f1f6eb}.ec-card-title{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.ec-selected{font-size:12px;font-weight:400;white-space:nowrap}.ec-selected>span{display:inline-grid;place-items:center;background:#286b35;color:#fff;border-radius:50%;width:16px;height:16px;margin-right:4px}.ec-main .ec-stage-card strong{font-size:26px}.ec-main .ec-stage-card strong small{font-size:15px;font-weight:400;color:#53665a}.ec-main .ph-explainer{margin:14px 0;padding:16px 20px}.ec-main #ec-flowering .ec-stage-grid{margin-top:16px}.ec-main .resource-products{margin-top:32px}
@media(max-width:900px){.ec-main .ec-summary{grid-template-columns:1fr;gap:20px}.ec-conversion{border-left:0;border-top:1px solid #ccdaca;padding:20px 0 0}.ec-scale-row{max-width:360px}.ec-main .ec-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.homepage .resource-main.ec-main{padding-inline:20px}.ec-main .ec-controls{padding:22px 18px}.ec-main .ec-summary{padding:20px}.ec-main .ec-summary>div:first-child{grid-column:auto}.ec-main .ph-reading{flex-direction:row}.ec-reading-controls{flex-wrap:wrap}.ec-main .ec-summary h2{font-size:20px}.ec-result{gap:12px}.ec-result-icon{width:38px;height:38px;flex-basis:38px}.ec-main .ec-control-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.ec-main .ec-selectors,.ec-main .ec-stage-grid{grid-template-columns:1fr}.ec-unit-toggle button{padding:10px 17px}.ec-reading-controls{gap:12px}.ec-main .ph-reading input{width:88px;font-size:23px}.ec-main .ec-controls h2{font-size:24px}}
/* Match the reading field and unit buttons at every viewport. */
.ec-main .ec-unit-toggle,.ec-main .ph-reading{box-sizing:border-box;height:48px;min-height:48px}
.ec-main .ec-unit-toggle button{height:100%;padding-block:0;display:flex;align-items:center;justify-content:center}
.ec-main .ph-reading input{box-sizing:border-box;height:100%;min-height:0;padding-block:0;line-height:normal}

/* Compact reading summary and meter-scale controls. */
.ec-main .ec-summary{grid-template-columns:minmax(0,1.6fr) minmax(370px,1fr);padding:28px;gap:32px;margin-top:20px;align-items:stretch}
.ec-main .ec-result{align-items:flex-start}.ec-result>div{min-width:0}.ec-main .ec-summary h2{margin:0 0 6px}.ec-main .ec-summary #ec-context{margin:0}
.ec-result-metrics{display:flex;gap:28px;margin:24px 0 0}.ec-result-metrics>div+div{border-left:1px solid #d5e0cd;padding-left:28px}.ec-result-metrics dt{font-size:14px;color:#53665a;margin-bottom:5px}.ec-result-metrics dd{font-size:24px;font-weight:700;line-height:1.25;margin:0}.ec-result-metrics dd small{font-size:inherit}
.ec-main .ec-conversion{padding-left:32px;display:flex;flex-direction:column;justify-content:space-between}.ec-main .ec-conversion>span{color:#53665a;font-weight:400}.ec-main .ec-conversion>strong{display:block;font-size:40px;line-height:1.2;margin:10px 0 24px}.ec-ppm-value small{font-size:27px}
.ec-main .ec-scale-row{gap:14px;flex-wrap:wrap;max-width:none}.ec-scale-row>span{font-size:14px;white-space:nowrap}.ec-scale-toggle{display:flex;border:1px solid #b9cab6;border-radius:6px;overflow:hidden;background:#fff}.ec-scale-row .ec-scale-toggle button{min-width:68px;min-height:36px;padding:7px 14px;font-size:15px;text-decoration:none}.ec-scale-toggle button[aria-pressed="true"]{background:#b6dc89;font-weight:700}.ec-scale-toggle button:focus-visible{outline:2px solid #173b29;outline-offset:-3px}
@media(max-width:1000px){.ec-main .ec-summary{grid-template-columns:1fr;gap:24px}.ec-main .ec-conversion{border-left:0;border-top:1px solid #ccdaca;padding:22px 0 0}.ec-main .ec-conversion>strong{margin-bottom:18px}}
@media(max-width:700px){.ec-main .ec-summary{padding:20px;gap:20px}.ec-result-metrics{gap:18px;margin-top:20px;flex-wrap:wrap}.ec-result-metrics>div+div{padding-left:18px}.ec-result-metrics dd{font-size:21px}.ec-main .ec-conversion>strong{font-size:34px}}
@media(max-width:390px){.ec-result-metrics{flex-direction:column;gap:14px}.ec-result-metrics>div+div{border-left:0;padding-left:0}}

.ec-main #ec-scale-help{text-decoration:none}

@media(max-width:640px){.ec-main .ec-selectors{grid-template-columns:1fr}}