/* Comparison pages only. The approved homepage, article, header and footer are unchanged. */
.compare-hub{padding-bottom:64px}.compare-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);gap:64px;align-items:center;padding:48px 0 56px}.compare-hero>.eyebrow,.compare-hero>div>.eyebrow{color:var(--fg-link);letter-spacing:.13em}.compare-hero h1{font-size:clamp(38px,4.6vw,67px);line-height:1.07;letter-spacing:-.055em;margin:22px 0}.compare-hero h1 span{color:var(--accent)}.compare-lead{color:var(--muted);font-size:18px;line-height:1.75;max-width:610px}.compare-hero-link{display:inline-flex;align-items:center;gap:18px;margin-top:26px;font-size:14px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:8px}.compare-compass{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 16px 45px #101c2906}.compare-compass>.eyebrow{color:var(--muted);font-size:9px}.compare-compass h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin-top:16px}.compare-compass ol{padding:0;margin:24px 0 0;list-style:none}.compare-compass li{display:flex;gap:17px;padding:14px 0;border-top:1px solid var(--line)}.compare-compass li>span{font:11px monospace;color:var(--fg-link);margin-top:4px}.compare-compass strong{font-size:14px}.compare-compass li p{font-size:12px;color:var(--muted);margin-top:4px}.compare-topics{display:flex;gap:9px;flex-wrap:wrap;border-block:1px solid var(--line);padding:21px 0;margin-bottom:52px}.compare-topics a{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;padding:10px 16px;border:1px solid var(--line);border-radius:30px;background:var(--surface);color:var(--ink)}.compare-topics a span{font:11px monospace;color:var(--muted)}.compare-topics .compare-topic-all{background:var(--ink);color:var(--bg);border-color:var(--ink)}.compare-topics .compare-topic-all span{color:inherit}.compare-topics a:hover{border-color:var(--accent)}.compare-library-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.compare-library-heading .eyebrow{color:var(--muted);margin-bottom:10px}.compare-library-heading h2{font-size:30px;line-height:1.2;letter-spacing:-1px}.compare-library-heading>p{color:var(--muted);font:12px monospace;white-space:nowrap}.compare-group{margin-bottom:38px;scroll-margin-top:115px}.compare-group-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}.compare-group-heading>span:first-child{font:11px monospace;color:var(--fg-link)}.compare-group-heading h2{font-size:19px;letter-spacing:-.3px}.compare-group-count{margin-left:auto;color:var(--muted);font:11px monospace}.compare-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.compare-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.compare-card:hover{border-color:var(--accent);box-shadow:0 12px 28px #10202c10}.compare-card-link{display:flex;flex-direction:column;height:100%;color:var(--ink);text-decoration:none}.compare-card-link:hover{text-decoration:none}.compare-card-art{position:relative}.compare-card-art .art{height:128px}.compare-card-art .art-caption,.compare-card-art .art-number{display:none}.compare-card-art .art-word{font-size:100px;bottom:-25px}.compare-card-art .art-shape{transform:translate(16%,0) scale(.85)}.compare-art-badge{position:absolute;top:18px;left:24px;color:#eaf1f5;font:8px monospace;letter-spacing:.13em}.compare-card-body{padding:26px;display:flex;flex-direction:column;flex:1}.compare-card-body>.eyebrow{color:var(--muted);font-size:9px;gap:9px}.compare-card h3{font-size:23px;line-height:1.22;letter-spacing:-.6px;margin:13px 0;color:var(--ink)}.compare-card-description{font:14px/1.65 Arial,Helvetica,sans-serif;color:var(--muted);margin-bottom:25px}.compare-card-foot{margin-top:auto;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.compare-card-foot>span:last-child{display:inline-flex;gap:9px;align-items:center;color:var(--fg-link);font-weight:700}.compare-card-foot svg{height:17px;width:17px}.compare-method{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--tint);padding:30px 34px;border:1px solid var(--line);border-radius:14px;margin-top:48px}.compare-method .eyebrow{color:var(--muted)}.compare-method h2{font-size:25px;letter-spacing:-.7px;margin:11px 0}.compare-method p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);max-width:740px}.compare-method>a{white-space:nowrap;color:var(--fg-link)}
@media(max-width:900px){.compare-hero{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(245px,1fr)}.compare-compass{padding:23px}.compare-lead{font-size:16px}}
@media(max-width:650px){.compare-hub{padding-bottom:40px}.compare-hero{grid-template-columns:1fr;padding-top:23px;padding-bottom:30px;gap:25px}.compare-hero h1{font-size:42px}.compare-hero .eyebrow{font-size:8px}.compare-compass h2{font-size:23px}.compare-compass ol{margin-top:17px}.compare-compass li{padding:11px 0}.compare-topics{margin-bottom:33px;padding:18px 0;gap:7px}.compare-topics a{font-size:11px;padding:9px 13px;gap:8px}.compare-library-heading{display:block;margin-bottom:27px}.compare-library-heading h2{font-size:28px}.compare-library-heading>p{margin-top:13px}.compare-card-grid{grid-template-columns:1fr;gap:18px}.compare-card-body{padding:22px}.compare-card h3{font-size:22px}.compare-card-description{font-size:14px}.compare-method{display:block;padding:25px}.compare-method>a{margin-top:20px}.compare-card-foot{font-size:10px}.compare-group{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){.compare-card{transition:none}}
@media(min-width:651px){.compare-card-grid>.compare-card:only-child{grid-column:1/-1}.compare-card:only-child .compare-card-link{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr)}.compare-card:only-child .compare-card-art{height:100%;min-height:218px}.compare-card:only-child .compare-card-art .art{height:100%;min-height:218px}.compare-card:only-child h3{font-size:25px}}