.compare-page{--compare-ink: var(--ugt-site-ink, #293b2c);--compare-muted: var(--ugt-site-muted, #5c6751);--compare-faint: var(--ugt-site-faint, #636c59);--compare-rule: var(--ugt-line-3, #d8dccd);--compare-strong-rule: var(--ugt-site-ink, #293b2c);--compare-ours: var(--ugt-wash-3, #e6ece0);--compare-ours-line: var(--ugt-line-control, #9aae95);--compare-unstated: var(--ugt-clay-text, #9a4b29);--compare-chip: var(--ugt-surface, #fbfaf4);--compare-chip-line: var(--ugt-line-control, #c7cfbb);--compare-chip-active: var(--ugt-accent, #314d39);--compare-chip-active-ink: var(--ugt-on-accent, #f4f1e4);--compare-ref: var(--ugt-accent-text, #365a37);--compare-ref-wash: var(--ugt-accent-wash, #e3eadb)}.compare-page>h1,.compare-page>p{max-width:860px}.compare-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:980px;margin:0 0 44px;border-top:1px solid var(--compare-strong-rule)}.compare-meta div{padding-block:16px 0;padding-inline:0 24px}.compare-meta div+div{padding-inline-start:24px;border-inline-start:1px solid var(--compare-rule)}.compare-meta dt{margin-bottom:6px;font-family:var(--ug-font-mono);font-size:var(--ug-text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--compare-faint)}.compare-meta dd{margin:0;font-size:var(--ug-text-md);line-height:1.6;color:var(--compare-ink)}.compare-picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ug-space-2);margin-bottom:26px}.compare-picker>span{margin-inline-end:8px;font-family:var(--ug-font-mono);font-size:var(--ug-text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--compare-faint)}.compare-picker button{min-height:36px;padding:0 16px;border:1px solid var(--compare-chip-line);border-radius:var(--ug-radius-pill);background:var(--compare-chip);color:var(--compare-ink);font:inherit;font-size:var(--ug-text-md);cursor:pointer}.compare-picker button:hover{border-color:var(--compare-ours-line)}.compare-picker button[aria-pressed=true]{background:var(--compare-chip-active);border-color:var(--compare-chip-active);color:var(--compare-chip-active-ink)}.compare-picker button:focus-visible{outline:var(--ug-focus-ring);outline-offset:var(--ug-focus-offset)}.compare-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.compare-table{width:100%;border-collapse:collapse;table-layout:fixed}.compare-table thead th{padding:0 16px 16px;text-align:start;vertical-align:bottom;border-bottom:1px solid var(--compare-strong-rule)}.compare-table thead td{width:15%;border-bottom:1px solid var(--compare-strong-rule)}.compare-table.is-2 thead td{width:22%}.compare-table thead strong{display:block;font-family:var(--ug-font-serif);font-size:var(--ug-text-2xl);font-weight:400;letter-spacing:-.03em;line-height:1.15}.compare-table thead small{display:block;margin-top:var(--ug-space-1);font-family:var(--ug-font-mono);font-size:var(--ug-text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--compare-faint)}.compare-table tbody th{padding-block:20px 22px;padding-inline:0 20px;text-align:start;vertical-align:top;font-family:var(--ug-font-serif);font-size:var(--ug-text-xl);font-weight:400;letter-spacing:-.02em;line-height:1.25}.compare-table tbody td{padding:20px 16px 22px;vertical-align:top;font-size:var(--ug-text-md);line-height:1.7;color:var(--compare-ink)}.compare-table tbody tr{border-bottom:1px solid var(--compare-rule)}.compare-table .is-ours{background:var(--compare-ours)}.compare-table thead th.is-ours{border-radius:var(--ug-radius-lg) var(--ug-radius-lg) 0 0;padding-top:16px}.compare-unstated{font-style:normal;font-weight:600;color:var(--compare-unstated)}.compare-refs{display:inline-flex;flex-wrap:wrap;gap:var(--ug-space-1);margin-inline-start:6px;vertical-align:2px}.site-document .compare-refs a{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 4px;border-radius:var(--ug-radius-sm);background:var(--compare-ref-wash);color:var(--compare-ref);font-family:var(--ug-font-mono);font-size:var(--ug-text-2xs);line-height:1;text-decoration:none}.site-document .compare-refs a:hover,.site-document .compare-refs a:focus-visible{background:var(--compare-chip-active);color:var(--compare-chip-active-ink)}.compare-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;max-width:1100px;margin-top:56px}.site-document .compare-notes h2{margin:0 0 12px;font-size:var(--ug-text-2xl)}.site-document .compare-notes p{margin:0;font-size:var(--ug-text-base);color:var(--compare-muted)}.compare-sources{max-width:980px;margin:0;padding:0;list-style:none;counter-reset:none;border-top:1px solid var(--compare-rule)}.site-document .compare-sources li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:var(--ug-space-3);padding:12px 0;border-bottom:1px solid var(--compare-rule);font-size:var(--ug-text-md);line-height:1.6}.compare-sources li:before{content:attr(value);grid-row:1 / span 2;font-family:var(--ug-font-mono);font-size:var(--ug-text-xs);color:var(--compare-faint);padding-top:2px}.compare-sources li:target{background:var(--compare-ref-wash)}.compare-sources a{overflow-wrap:anywhere}.compare-sources span{font-family:var(--ug-font-mono);font-size:var(--ug-text-2xs);letter-spacing:.02em;color:var(--compare-faint)}@media(max-width:900px){.compare-meta,.compare-notes{grid-template-columns:minmax(0,1fr);gap:0}.compare-notes{gap:34px}.compare-meta div,.compare-meta div+div{padding:14px 0;border-inline-start:0;border-bottom:1px solid var(--compare-rule)}.compare-table,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td{display:block}.compare-table thead{display:none}.compare-table tbody tr{padding:8px 0 18px;border-bottom:1px solid var(--compare-strong-rule)}.compare-table tbody th{padding:18px 0 12px;font-size:var(--ug-text-2xl)}.compare-table tbody td{padding:14px 16px 16px;border-radius:var(--ug-radius-md)}.compare-table tbody td+td{margin-top:6px}.compare-table tbody td:before{content:attr(data-label);display:block;margin-bottom:var(--ug-space-1);font-family:var(--ug-font-mono);font-size:var(--ug-text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--compare-faint)}}
