:root{--cmp-dark:#13251b;--cmp-acid:#d9f96a;--cmp-ink:#17281a;--cmp-gray:#557053;--cmp-border:#adc19f;--cmp-bg:#edf1e9}
.compare-page{margin:0;background:var(--cmp-bg);color:var(--cmp-ink);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}
.compare-page *{box-sizing:border-box}.compare-page button,.compare-page input,.compare-page select{font:inherit}
.compare-page button{cursor:pointer}.compare-page button:disabled{opacity:.47;cursor:not-allowed}
.compare-skip{position:absolute;z-index:30;top:-120px;left:10px;background:#fff;padding:10px}.compare-skip:focus{top:10px}
.compare-header{background:var(--cmp-dark);color:#e8f2e6;padding:18px max(20px,4.5vw);display:flex;gap:22px;align-items:center;justify-content:space-between;min-height:78px}
.compare-header a{color:inherit;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:1px}.compare-brand{font-size:22px!important;white-space:nowrap}.compare-brand span{color:var(--cmp-acid)}
.compare-header nav{display:flex;gap:20px;flex-wrap:wrap}.compare-header nav a:hover,.compare-header nav a:focus-visible{color:var(--cmp-acid)}
.compare-hero{padding:70px max(20px,4.5vw) 65px;background:var(--cmp-dark);color:#f3fff0;border-top:1px solid #435746}
.compare-eyebrow{color:#6e944f;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px}.compare-hero .compare-eyebrow{color:var(--cmp-acid)}
.compare-hero h1{font-size:clamp(48px,9vw,112px);line-height:.88;letter-spacing:-2px;font-weight:900;margin:20px 0 28px}.compare-hero h1 em{font-style:normal;color:var(--cmp-acid)}
.compare-hero>p:not(.compare-eyebrow){max-width:790px;font-size:16px;line-height:1.7;color:#c8d8c7}.compare-hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.compare-hero-links a{display:inline-flex;padding:13px 18px;text-decoration:none;color:#142b18;background:var(--cmp-acid);font-size:11px;font-weight:900;min-height:44px;align-items:center}.compare-hero-links a+a{background:transparent;border:1px solid #859b7d;color:#effbea}
.compare-work{padding:50px max(20px,4.5vw) 60px}.compare-headline{display:flex;justify-content:space-between;gap:20px;align-items:end}.compare-headline h2{font-size:clamp(32px,5vw,64px);line-height:.95;letter-spacing:-1px;margin:0}.compare-headline>strong,.compare-headline>span{font-size:12px;color:#466446;font-weight:900;text-align:right}
.compare-controls{display:grid;grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:12px;background:#e1ebd9;border:1px solid var(--cmp-border);padding:18px;margin:28px 0 12px;align-items:end}
.compare-controls label{display:flex;flex-direction:column;gap:9px;font-size:10px;font-weight:900;letter-spacing:.6px;color:#3f603c}.compare-controls input[type=search],.compare-controls select{min-height:48px;width:100%;padding:10px 12px;border:1px solid #779875;border-radius:0;background:white;color:#18331a;min-width:0}
.compare-controls .compare-check{display:flex;align-items:center;flex-direction:row;gap:9px;padding-bottom:13px;max-width:200px;line-height:1.5}.compare-check input{width:18px;height:18px;accent-color:#28462a;flex:none}
.compare-live{font-size:12px;color:#496a47;min-height:20px;font-weight:800;letter-spacing:.3px}
.compare-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px}.compare-choice{border:1px solid var(--cmp-border);background:#fff;display:flex;flex-direction:column;min-width:0;padding:20px;gap:11px}.compare-choice[data-selected=true]{outline:3px solid #4b7f4c;outline-offset:-3px}.compare-choice>small{font-size:10px;letter-spacing:1px;color:#52794d;font-weight:900}.compare-choice h3{font-size:20px;line-height:1.15;margin:0;overflow-wrap:anywhere}.compare-choice .compare-metadata{color:#59705d;font-size:11px;line-height:1.5;flex:1;overflow-wrap:anywhere}.compare-choice .compare-reference{font-size:13px;font-weight:900}.compare-choice button{min-height:44px;border:0;background:#1b3020;color:#f1ffe8;font-size:11px;font-weight:900;letter-spacing:1px;padding:9px}.compare-choice button[aria-pressed=true]{background:#d9ebce;color:#163b1c;border:1px solid #3e6e45}.compare-choice button:disabled{background:#6b7868;color:white}
.compare-nav-row{display:flex;gap:20px;align-items:center;margin-top:20px;flex-wrap:wrap}.compare-nav-row button{padding:14px 22px;background:var(--cmp-ink);color:white;border:0;font-size:11px;font-weight:900}.compare-nav-row a{color:#284b23;font-size:12px;font-weight:900}
.compare-selected{background:#dce8d4}.compare-caution{line-height:1.7;font-size:13px;max-width:1020px;margin:20px 0 23px;color:#415c3f}.compare-selected-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.compare-selected-grid .compare-empty{grid-column:1/-1;border:1px dashed #769476;padding:32px;font-size:15px;color:#476449}
.compare-picked{background:#fff;border:1px solid #a6b89b;padding:20px;min-width:0}.compare-picked h3{font-size:20px;line-height:1.2;overflow-wrap:anywhere;margin:12px 0}.compare-picked>small{font-size:10px;font-weight:900;color:#4a6b47;letter-spacing:.8px}.compare-picked dl{margin:8px 0;display:grid;gap:4px}.compare-picked dt{font-size:10px;font-weight:900;letter-spacing:.4px;color:#587b51;margin-top:13px}.compare-picked dd{font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}.compare-picked .compare-source-link{display:block;font-weight:900;color:#20512b;font-size:11px;margin:13px 0;overflow-wrap:anywhere}.compare-picked button{background:#fff;color:#233e22;border:1px solid #4b704a;padding:10px;width:100%;min-height:44px;font-size:11px;font-weight:900}
.compare-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.compare-actions button{border:0;background:#1c3620;color:white;font-size:11px;letter-spacing:.6px;font-weight:900;min-height:48px;padding:14px 18px}.compare-actions .compare-quiet{background:transparent;color:#2c492c;border:1px solid #688d68}
.compare-footer{padding:28px max(20px,4.5vw);background:#07160c;color:#b2c5ae;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;font-weight:800}.compare-footer a{color:var(--cmp-acid)}
@media(max-width:1050px){.compare-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.compare-header{align-items:start;flex-direction:column}.compare-header nav{gap:12px}.compare-hero{padding-top:43px}.compare-hero h1{font-size:clamp(48px,12vw,78px)}.compare-headline{align-items:start;flex-direction:column}.compare-headline>strong,.compare-headline>span{text-align:left}.compare-controls,.compare-choices,.compare-selected-grid{grid-template-columns:1fr}.compare-controls .compare-check{max-width:none}.compare-picked h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.compare-page *{scroll-behavior:auto!important}}
