@layer reset,foundation;@layer components{.comparison{--paper:#e8e9e3;--ink:#20291f;--muted:#53604e;--line:#b9c0b1;color-scheme:light;font-size:16px}.compare-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:15px 24px;font-size:12px;display:flex}.compare-brand{letter-spacing:-.04em;font-size:16px;text-decoration:none}.compare-header>span{color:var(--muted)}.compare-heading{justify-content:space-between;align-items:center;gap:30px;padding:20px 24px 16px;display:flex}.compare-heading h1{font:32px/1.1 var(--serif);letter-spacing:-.04em}.compare-heading p{max-width:56ch;color:var(--muted);font-size:13px;line-height:1.5}.compare-controls{flex-wrap:wrap;align-items:center;gap:12px 22px;padding:0 24px 18px;display:flex}.compare-controls[hidden]{display:none}.compare-segments{border:1px solid #87947c;gap:3px;padding:3px;display:flex}.compare-segments button{color:var(--ink);background:0 0;border:0;min-height:38px;padding:8px 15px;font-size:13px}.compare-segments button[aria-pressed=true]{color:#fff;background:#30432b}.compare-layout{align-items:center;gap:10px;font-size:13px;display:flex}.compare-layout select{color:var(--ink);background:#f6f7f1;border:1px solid #87947c;border-radius:0;min-height:44px;padding:10px 25px 10px 10px;font-size:13px}.compare-sync{align-items:center;gap:9px;min-height:44px;font-size:13px;display:flex}.compare-sync input{accent-color:#30432b;width:18px;height:18px}.compare-reset{text-underline-offset:4px;color:var(--ink);background:0 0;border:0;min-height:44px;margin-left:auto;font-size:13px;text-decoration:underline}.compare-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:0 16px 16px;display:grid}.compare-panel{background:#f4f5ed;border:1px solid #acb6a2;min-width:0}.compare-panel[hidden]{display:none}.compare-panes[data-layout=b],.compare-panes[data-layout=c]{grid-template-columns:minmax(0,1fr)}.compare-panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:81px;padding:12px 16px;display:flex}.compare-panel-heading h2{font:16px/1.4 var(--font);letter-spacing:-.025em}.compare-panel-heading strong{font:24px var(--serif);padding-right:8px}.compare-panel-heading p{color:var(--muted);margin-top:3px;font-size:12px}.compare-panel-heading>a{flex-shrink:0;align-items:center;min-height:44px;font-size:13px;display:flex}.compare-viewport{background:#cbd1c2;height:max(460px,100svh - 290px);position:relative;overflow:hidden}.compare-viewport iframe{transform-origin:0 0;background:#efefe7;border:0;width:100%;height:100%;display:block}.compare-noscript{padding:20px 24px}@media (width<=850px){.compare-heading{display:block}.compare-heading p{margin-top:10px}.compare-reset{margin-left:0}.compare-panel-heading{padding:10px;display:block}.compare-panel-heading h2{font-size:13px}.compare-panel-heading strong{font-size:22px}.compare-panel-heading p{display:none}.compare-panel-heading>a{min-height:35px;font-size:12px}.compare-panes{gap:10px;padding-inline:10px}.compare-viewport{height:max(440px,100svh - 360px)}}@media (width<=480px){.compare-header{align-items:start;padding-inline:16px;font-size:10px}.compare-brand{max-width:130px;font-size:14px}.compare-header>span{text-align:right;max-width:17ch}.compare-heading{padding:18px 16px 16px}.compare-heading h1{font-size:30px}.compare-controls{gap:8px 14px;padding-inline:16px}.compare-segments button{padding:8px 12px}.compare-layout,.compare-sync,.compare-reset{font-size:12px}}}