.compare-directory{--compare-rail: 1584px;--compare-hero-title: clamp(40px, 4.6vw, 70px);--compare-section-title: clamp(28px, 2.7vw, 42px);--compare-popup-width: 304px;--compare-control-font: var(--text-mock-lead);--compare-surface: hsl(var(--chalk-panel-hsl));--compare-rule: var(--chalk-dock-rule);color-scheme:dark;margin-top:calc(-1 * var(--header-occupied-height));background:var(--chalk-black);color:var(--chalk-paper)}.compare-directory-rail{width:100%;max-width:var(--compare-rail);margin-inline:auto;padding-inline:var(--chalk-gutter)}.compare-directory-hero{background:var(--chalk-black);color:var(--chalk-paper)}.compare-directory-hero-inner{padding-top:calc(var(--header-occupied-height) + var(--space-stack-lg));padding-bottom:var(--space-content)}.compare-directory-hero-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:var(--space-stack-lg);margin-bottom:var(--space-stack)}.compare-directory-hero-copy{min-width:0}.compare-directory-hero h1{margin:0;font-size:var(--compare-hero-title);line-height:var(--leading-title);letter-spacing:var(--tracking-display);font-weight:800}.compare-directory-hero-copy p{margin:var(--space-stack-sm) 0 0;font-size:var(--text-lead);color:var(--chalk-ivory-body)}.compare-directory-hero-art{display:block;width:100%;height:auto;pointer-events:none}.compare-directory-builder{position:relative;display:grid;grid-template-columns:1.05fr 1.1fr auto 1.1fr .9fr;align-items:center;gap:var(--space-stack);background:var(--compare-surface);color:var(--chalk-paper);border-radius:var(--radius-control);padding:var(--space-stack)}.compare-directory-builder h2{margin:0;font-size:var(--text-card-title);line-height:var(--leading-title);font-weight:750;letter-spacing:var(--tracking-title)}.compare-directory-builder p{margin:var(--space-unit) 0 0;color:var(--chalk-ivory-body);font-size:var(--text-small)}.compare-directory-builder .compare-picker-trigger{min-height:62px}.compare-directory-versus{font-size:var(--text-small)}.compare-directory-submit{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-stack);padding:var(--space-stack-sm) var(--space-content);min-height:62px;border-radius:var(--radius-control);background:var(--chalk-violet-ink);color:var(--chalk-paper);font-size:var(--text-small);font-weight:600;white-space:nowrap}.compare-directory-submit:hover{background:var(--chalk-violet-hover)}.compare-directory-submit:active{background:var(--chalk-violet-pressed)}.compare-directory-submit svg{width:20px;height:20px}.compare-directory-list{padding-top:calc(var(--space-stack-lg) + var(--space-unit) * 2);padding-bottom:var(--chalk-chapter-space)}.compare-directory-list-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-content);margin-bottom:var(--space-stack)}.compare-directory-list-heading h2{margin:0;font-size:var(--compare-section-title);line-height:var(--leading-title);letter-spacing:var(--tracking-display);font-weight:800}.compare-directory-list-heading p{margin:var(--space-unit) 0 0;color:var(--chalk-ivory-body);font-size:var(--text-small)}.compare-search{display:flex;align-items:center;gap:var(--space-stack-sm);border:var(--border-width) solid var(--compare-rule);border-radius:var(--radius-control);background:var(--compare-surface);padding:var(--space-stack-sm) var(--space-stack);color:var(--chalk-ivory-body)}.compare-directory-list-heading>.compare-search{width:360px;flex-shrink:0}.compare-search svg{width:18px;height:18px;flex-shrink:0}.compare-search input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--chalk-paper);font-size:var(--text-small)}.compare-search:focus-within{outline:calc(var(--border-width) * 2) solid var(--chalk-violet);outline-offset:calc(-2 * var(--border-width))}.compare-search input::placeholder{color:var(--chalk-ivory-body)}.compare-directory-app{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-stack-lg);scroll-margin-top:var(--header-occupied-height);margin-top:var(--space-stack-sm);padding:var(--space-stack) var(--space-stack);border:var(--border-width) solid var(--compare-rule);border-radius:var(--radius-control);background:var(--compare-surface)}.compare-directory-app-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-stack);align-items:center;min-width:0}.compare-directory-app-icon{width:calc(var(--space-unit) * 16);height:calc(var(--space-unit) * 16)}.compare-directory-app-intro h3{margin:0;font-size:var(--text-card-title);font-weight:750;line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.compare-directory-app-intro p{max-width:82ch;margin:var(--space-unit) 0 0;font-size:var(--compare-control-font);line-height:var(--leading-body);color:var(--chalk-ivory-body);overflow-wrap:anywhere}.compare-directory-app>.compare-picker{justify-self:end}.compare-directory-empty{padding:var(--space-content) 0;color:var(--chalk-ivory-body);font-size:var(--text-small)}.compare-picker{position:relative;min-width:0}.compare-picker-trigger{display:flex;align-items:center;gap:var(--space-stack-sm);width:100%;min-height:54px;padding:var(--space-stack-sm) var(--space-stack);border:var(--border-width) solid var(--compare-rule);border-radius:var(--radius-control);background:var(--chalk-black);color:var(--chalk-paper);text-align:left;font-size:var(--text-small)}.compare-picker-trigger>span{flex:1}.compare-picker-trigger>svg{width:18px;height:18px;flex-shrink:0}.compare-control-icon{width:32px;height:32px}.compare-picker--compare .compare-picker-trigger{width:auto;padding:0;min-height:24px;border:0;background:transparent;color:var(--chalk-violet);font-weight:500;font-size:var(--compare-control-font);white-space:nowrap}.compare-picker-trigger:hover,.compare-picker-choice:hover{background:var(--chalk-dock-action)}.compare-picker--compare .compare-picker-trigger:hover{background:transparent;text-decoration:underline;text-underline-offset:var(--space-unit)}.compare-picker-panel{position:absolute;z-index:20;top:calc(100% + var(--space-stack-sm));right:0;width:var(--compare-popup-width);max-width:calc(100vw - var(--chalk-gutter) * 2);padding:var(--space-stack-sm) var(--space-stack-sm);border:var(--border-width) solid var(--compare-rule);border-radius:var(--radius-control);background:var(--compare-surface);color:var(--chalk-paper);box-shadow:var(--shadow-subtle)}.compare-picker--select .compare-picker-panel{width:max(100%,var(--compare-popup-width))}.compare-picker-heading{display:flex;align-items:start;gap:var(--space-stack-sm);margin-bottom:var(--space-stack-sm);font-size:var(--compare-control-font)}.compare-picker-heading>strong{flex:1}.compare-picker-close{padding:0;color:var(--chalk-ivory-body)}.compare-picker-close svg{width:18px;height:18px}.compare-picker-search{padding:var(--space-stack-sm)}.compare-picker-search input,.compare-directory-list-heading .compare-search input{font-size:var(--compare-control-font)}.compare-picker-options{scrollbar-gutter:stable;list-style:none;padding:0;margin:var(--space-stack-sm) 0 0;max-height:min(192px,45dvh);overflow-y:auto;overscroll-behavior:contain}.compare-picker-options li+li{border-top:var(--border-width) solid var(--compare-rule)}.compare-picker-choice{display:flex;align-items:center;gap:var(--space-stack-sm);width:100%;padding:calc(var(--space-unit) * 2) var(--space-inline);color:var(--chalk-paper);font-size:var(--compare-control-font);text-align:left;border-radius:var(--radius-control)}.compare-picker-choice>span{flex:1;min-width:0;overflow-wrap:anywhere}.compare-picker-choice>svg{width:18px;height:18px;color:var(--chalk-ivory-body)}.compare-picker-empty{margin:var(--space-stack) 0 0;font-size:var(--text-small);color:var(--chalk-ivory-body)}.compare-directory :is(button,a):focus-visible{outline:calc(var(--border-width) * 2) solid var(--chalk-violet);outline-offset:calc(-2 * var(--border-width))}@media (width <= 1100px){.compare-directory-builder{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}.compare-directory-builder>div:first-child{grid-column:1 / -1}.compare-directory-hero-top{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.compare-directory-list-heading{align-items:start}.compare-directory-list-heading>.compare-search{width:280px}}@media (width <= 767px){.compare-directory-hero-inner{padding-top:calc(var(--header-occupied-height) + var(--space-stack));padding-bottom:var(--space-stack)}.compare-directory-hero-top{grid-template-columns:minmax(0,1fr);gap:var(--space-stack)}.compare-directory-hero-art{width:min(100%,420px);justify-self:center}.compare-directory-hero h1{font-size:var(--chalk-mobile-hero-title)}.compare-directory-builder{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:var(--space-stack);gap:var(--space-stack-sm)}.compare-directory-submit{grid-column:1 / -1}.compare-directory-builder .compare-picker-trigger,.compare-directory-submit{min-height:54px}.compare-directory-list-heading{display:block}.compare-directory-list-heading>.compare-search{width:100%;margin-top:var(--space-stack)}.compare-directory-list-heading h2{font-size:var(--text-card-title)}.compare-directory-app{grid-template-columns:minmax(0,1fr);gap:var(--space-stack-sm);padding:var(--space-stack)}.compare-directory-app-heading{gap:var(--space-stack-sm)}.compare-directory-app-intro p{margin-top:var(--space-unit)}.compare-directory-app>.compare-picker{grid-row:2;justify-self:start;margin-left:calc(var(--space-unit) * 16 + var(--space-stack-sm))}.compare-picker--compare .compare-picker-trigger{min-height:44px}.compare-picker-panel{max-width:calc(100vw - var(--chalk-gutter) * 2 - var(--space-stack) * 2)}.compare-picker--compare .compare-picker-panel{right:auto;left:calc(var(--space-unit) * -16 - var(--space-stack-sm))}.compare-picker--select .compare-picker-panel{right:0;width:var(--compare-popup-width)}.compare-directory-builder>.compare-picker:nth-child(2) .compare-picker-panel{right:auto;left:0}.compare-picker--select .compare-picker-trigger{gap:var(--space-stack-sm);padding:var(--space-stack-sm);font-size:var(--text-caption)}.compare-picker--select .compare-control-icon{width:24px;height:24px}}@supports (content-visibility: auto){.compare-directory-app.deferred-content{contain-intrinsic-size:auto var(--space-section)}}