@scope(.compare-page) to (:scope [data-ui-scope]){:where(:scope).compare-page .section-head>span{color:var(--muted);font-size:12px;font-weight:750}:where(:scope).compare-page .remove:disabled{cursor:not-allowed;opacity:.4}:where(:scope).compare-page .scope-strip{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}:where(:scope).compare-page .scope-strip[data-company-count="1"]{grid-template-columns:minmax(0,1fr)}:where(:scope).compare-page .scope-strip[data-company-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}:where(:scope).compare-page .compare-selection-scope{gap:var(--space-6);display:grid}:where(:scope).compare-page .empty-selection,:where(:scope).compare-page .selection-prompt{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}:where(:scope).compare-page .empty-selection{min-height:92px;padding:var(--space-8) var(--space-4);color:var(--muted);text-align:center}:where(:scope).compare-page .selection-prompt{gap:var(--space-1);padding:var(--space-5) var(--space-5);display:grid}:where(:scope).compare-page .selection-prompt span{color:var(--muted);font-size:12px}:where(:scope).compare-page .company-pill{min-width:0;padding:var(--space-3) var(--space-4);border-left:1px solid var(--line);position:relative}:where(:scope).compare-page .company-pill:first-child{border-left:0}:where(:scope).compare-page .company-pill.excluded,:where(:scope).compare-page .excluded-row{background:repeating-linear-gradient(135deg, transparent, transparent 9px, color-mix(in srgb, var(--unknown-bg) 58%, transparent) 9px, color-mix(in srgb, var(--unknown-bg) 58%, transparent) 18px)}:where(:scope).compare-page .compare-company-row{align-items:center;gap:var(--space-2);min-width:0;padding-right:var(--space-10);display:flex}:where(:scope).compare-page .compare-company-row .company-logo-frame{width:36px;height:36px;padding:var(--space-2);border-radius:var(--radius-sm)}:where(:scope).compare-page .compare-company-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}:where(:scope).compare-page .remove{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:6px;right:6px}:where(:scope).compare-page .status-chip{min-height:23px;margin-top:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--good-bg);color:var(--good);align-items:center;font-size:10px;font-weight:850;display:inline-flex}:where(:scope).compare-page .status-chip.excluded{background:var(--unknown-bg);color:var(--unknown)}:where(:scope).compare-page .compatibility{border:1px solid color-mix(in srgb, var(--warn) 40%, var(--line));border-radius:var(--radius-md);background:var(--warn-bg);color:var(--warn)}:where(:scope).compare-page .compatibility.all-compatible{border-color:color-mix(in srgb, var(--good) 38%, var(--line));background:var(--good-bg);color:var(--good)}:where(:scope).compare-page .compatibility summary{gap:var(--space-3);min-height:68px;padding:var(--space-3) var(--space-4);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;list-style:none;display:grid}:where(:scope).compare-page .compatibility summary::-webkit-details-marker{display:none}:where(:scope).compare-page .compatibility strong,:where(:scope).compare-page .compatibility small{display:block}:where(:scope).compare-page .compatibility strong{color:var(--ink);font-size:13px}:where(:scope).compare-page .compatibility small,:where(:scope).compare-page .compatibility p{margin:var(--space-1) 0 0;font-size:12px}:where(:scope).compare-page .compatibility p{padding:0 var(--space-4) var(--space-4) var(--space-14)}:where(:scope).compare-page .compat-icon{background:color-mix(in srgb, var(--warn) 12%, transparent);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}:where(:scope).compare-page .compat-action{text-underline-offset:3px;font-size:12px;font-weight:850;text-decoration:underline}}@scope(.compare-page) to (:scope [data-ui-scope]){:where(:scope).compare-page .compare-toolbar{z-index:8;width:100%;margin:var(--space-6) 0 0;padding:var(--space-2) 0;background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;display:flex;position:sticky;top:72px}:where(:scope).compare-page .compare-tabs{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);display:flex;overflow-x:auto}:where(:scope).compare-page .compare-tabs button{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:850}:where(:scope).compare-page .compare-tabs button.active{background:var(--ink);color:var(--paper)}:where(:scope).compare-page .compare-section{scroll-margin-top:calc(var(--space-18) + var(--space-12) + var(--space-5) + (var(--space-1) / 2))}:where(:scope).compare-page .compare-section+.compare-section,:where(:scope).compare-page #summary{margin-top:var(--space-18)}:where(:scope).compare-page .section-head{gap:var(--space-6);margin:0 0 var(--space-6);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}:where(:scope).compare-page .section-head h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,36px);line-height:1.15}:where(:scope).compare-page .section-head p{max-width:620px;margin:var(--space-2) 0 0;color:var(--muted);font-size:14px}:where(:scope).compare-page #summary .section-head{min-height:92px}:where(:scope).compare-page .glance-insight{align-items:flex-start;gap:var(--space-3);min-height:48px;margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--lime) 17%, var(--surface));font-size:13px;display:flex}:where(:scope).compare-page .glance-insight strong{flex:none}:where(:scope).compare-page .glance-insight span{color:var(--muted)}:where(:scope).compare-page .summary-grid{gap:var(--space-6);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}:where(:scope).compare-page .compare-summary-card{min-height:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);grid-column:span 2;display:block;overflow:hidden}:where(:scope).compare-page .compare-summary-card.wide{grid-column:span 3}:where(:scope).compare-page .compare-summary-card h3{padding:0 0 var(--space-3);margin:0;font-size:15px}:where(:scope).compare-page .compare-summary-card .company-metric{padding:var(--space-2) 0}:where(:scope).compare-page .company-metric{gap:var(--space-2);min-height:62px;padding:var(--space-2) var(--space-4);border-top:1px solid var(--line);grid-template-columns:78px minmax(0,1fr);align-items:center;display:grid}:where(:scope).compare-page .row-company{color:var(--muted);font-size:11px;font-weight:850}:where(:scope).compare-page .value-wrap{min-width:0}:where(:scope).compare-page .value-wrap strong{font-variant-numeric:tabular-nums;font-size:18px;display:block}:where(:scope).compare-page .value-wrap small{margin-top:calc(var(--space-1) / 2);color:var(--muted);font-size:10px;display:block}}@scope(.compare-page){:where(:scope).compare-page .value-wrap [data-score-bar],:where(:scope).compare-page .metric-cell [data-score-bar]{margin-top:var(--space-2)}}@scope(.compare-page) to (:scope [data-ui-scope]){:where(:scope).compare-page .good{color:var(--good)}:where(:scope).compare-page .harm{color:var(--danger)}:where(:scope).compare-page .quality-bar{appearance:none;width:100%;height:7px;margin-top:var(--space-2);border-radius:var(--radius-pill);background:var(--line);border:0;display:block;overflow:hidden}:where(:scope).compare-page .quality-bar::-webkit-progress-bar{background:var(--line)}:where(:scope).compare-page .quality-bar::-webkit-progress-value{background:currentColor}:where(:scope).compare-page .quality-bar::-moz-progress-bar{background:currentColor}:where(:scope).compare-page .quality-bar{color:var(--warn)}:where(:scope).compare-page .excluded-copy{color:var(--unknown);font-size:11px;font-weight:800}:where(:scope).compare-page .compare-area-table-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}:where(:scope).compare-page .compare-area-table{border-collapse:collapse;width:100%}:where(:scope).compare-page .compare-area-table th,:where(:scope).compare-page .compare-area-table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}:where(:scope).compare-page .compare-area-table thead th{background:var(--surface-soft);color:var(--muted);letter-spacing:.03em;font-size:11px;font-weight:850}:where(:scope).compare-page .compare-area-table tr:last-child td{border-bottom:0}:where(:scope).compare-page .area-title{min-width:150px}:where(:scope).compare-page .area-title strong,:where(:scope).compare-page .area-title span{display:block}:where(:scope).compare-page .area-title strong{font-size:14px}:where(:scope).compare-page .area-title span{color:var(--muted);font-size:11px}:where(:scope).compare-page .metric-cell{min-width:190px}:where(:scope).compare-page .metric-excluded{color:var(--unknown);font-size:11px}:where(:scope).compare-page .metric-excluded strong,:where(:scope).compare-page .metric-excluded span{display:block}:where(:scope).compare-page .confidence{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--unknown-bg);color:var(--unknown);font-size:10px;font-weight:850}:where(:scope).compare-page .metric-head{justify-content:space-between;gap:var(--space-2);font-size:11px;display:flex}:where(:scope).compare-page .metric-head strong{font-variant-numeric:tabular-nums;font-size:13px}:where(:scope).compare-page .area-foot{align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);flex-wrap:wrap;font-size:11px;display:flex}:where(:scope).compare-page .area-foot span{align-items:center;gap:var(--space-2);display:inline-flex}:where(:scope).compare-page .area-foot button{min-height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;margin-left:auto;font-weight:850;text-decoration:underline}:where(:scope).compare-page .dot{background:currentColor;border-radius:3px;width:9px;height:9px}}@scope(.compare-page) to (:scope [data-ui-scope]){:where(:scope).compare-page .quality-grid{gap:var(--space-6);grid-template-columns:1.2fr .8fr;display:grid}:where(:scope).compare-page .quality-card,:where(:scope).compare-page .warning-card{padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}:where(:scope).compare-page .quality-card h3,:where(:scope).compare-page .warning-card h3{margin:0;font-size:18px}:where(:scope).compare-page .quality-card>p,:where(:scope).compare-page .warning-card>p{margin:var(--space-2) 0 var(--space-5);color:var(--muted);font-size:13px}:where(:scope).compare-page .quality-row{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line);grid-template-columns:100px minmax(80px,1fr) auto;align-items:center;font-size:13px;display:grid}:where(:scope).compare-page .quality-row:first-of-type,:where(:scope).compare-page .warning-item:first-of-type{border-top:0}:where(:scope).compare-page .warning-item{padding:var(--space-4) 0;border-top:1px solid var(--line)}:where(:scope).compare-page .warning-item>span{color:var(--danger);font-size:11px;font-weight:850}:where(:scope).compare-page .warning-item strong{margin-top:var(--space-1);font-size:14px;display:block}:where(:scope).compare-page .warning-item a{margin-top:var(--space-1);color:var(--muted);font-size:12px;display:inline-block}:where(:scope).compare-page .method-note{gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-5) var(--space-5);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:auto minmax(0,1fr);display:grid}:where(:scope).compare-page .method-note strong{font-size:13px}:where(:scope).compare-page .method-note p{margin:var(--space-1) 0 0;color:var(--muted);font-size:12px}}@media (width<=760px){@scope(.compare-page) to (:scope [data-ui-scope]){:where(:scope).compare-page .scope-strip{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));overflow:visible}:where(:scope).compare-page .company-pill{min-width:0;padding:var(--space-2) var(--space-2);text-align:center}:where(:scope).compare-page .company-pill:first-child{border-left:0}:where(:scope).compare-page .compare-company-row{align-items:center;gap:var(--space-1);flex-direction:column;padding-right:0}:where(:scope).compare-page .compare-company-row strong{max-width:100%;font-size:12px}:where(:scope).compare-page .company-pill .remove{display:none}:where(:scope).compare-page .company-pill .status-chip{margin-top:var(--space-1)}:where(:scope).compare-page .compatibility summary{grid-template-columns:auto minmax(0,1fr);min-height:100px}:where(:scope).compare-page .compat-action{grid-column:2}:where(:scope).compare-page .compatibility small{display:none}:where(:scope).compare-page .compatibility p{padding-left:calc(var(--space-8) * 2)}:where(:scope).compare-page .compare-toolbar{width:100%;margin-top:var(--space-6);top:0;overflow-x:auto}:where(:scope).compare-page .compare-tabs{border-radius:var(--radius-md);width:100%}:where(:scope).compare-page .compare-tabs button{flex:1 0 auto}:where(:scope).compare-page .compare-section{scroll-margin-top:var(--space-18)}:where(:scope).compare-page .compare-section+.compare-section,:where(:scope).compare-page #summary{margin-top:var(--space-14)}:where(:scope).compare-page .section-head{margin-bottom:var(--space-6);grid-template-columns:1fr}:where(:scope).compare-page #summary .section-head{min-height:121px}:where(:scope).compare-page .summary-grid,:where(:scope).compare-page .quality-grid{grid-template-columns:1fr}:where(:scope).compare-page .compare-summary-card,:where(:scope).compare-page .compare-summary-card.wide{grid-column:auto}:where(:scope).compare-page .compare-area-table-card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}:where(:scope).compare-page .compare-area-table{display:block}:where(:scope).compare-page .compare-area-table thead{display:none}:where(:scope).compare-page .compare-area-table tbody{gap:var(--space-6);display:grid}:where(:scope).compare-page .compare-area-table tr{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);display:block}:where(:scope).compare-page .compare-area-table td{gap:var(--space-2);min-width:0;padding:var(--space-2) 0;border:0;border-top:1px solid var(--line);grid-template-columns:78px minmax(0,1fr);display:grid}:where(:scope).compare-page .compare-area-table .area-title{padding:0 0 var(--space-2);border-top:0;display:block}:where(:scope).compare-page .compare-area-table td:not(.area-title):before{color:var(--muted);font-size:11px;font-weight:850}:where(:scope).compare-page .compare-area-table td[data-label]:before{content:attr(data-label)}}@scope(.compare-page){:where(:scope).compare-page .compare-area-table .metric-head,:where(:scope).compare-page .compare-area-table [data-score-bar],:where(:scope).compare-page .compare-area-table .metric-excluded strong,:where(:scope).compare-page .compare-area-table .metric-excluded span{grid-column:2}}@scope(.compare-page) to (:scope [data-ui-scope]){:where(:scope).compare-page .compare-area-table .confidence{justify-self:start}:where(:scope).compare-page .quality-row{grid-template-columns:80px minmax(70px,1fr)}:where(:scope).compare-page .quality-row strong{grid-column:2}:where(:scope).compare-page .quality-row>:last-child{padding-bottom:var(--space-2);grid-column:2}}}@media (width>=761px){@scope(.compare-page) to (:scope [data-ui-scope]){:where(:scope).compare-page .compare-area-table-card{box-shadow:none;background:0 0;border:0;overflow:visible}:where(:scope).compare-page .compare-area-table{display:block}:where(:scope).compare-page .compare-area-table thead{display:none}:where(:scope).compare-page .compare-area-table tbody{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:where(:scope).compare-page .compare-area-table tr{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);display:block}:where(:scope).compare-page .compare-area-table td{gap:var(--space-2);min-width:0;padding:var(--space-2) 0;border:0;border-top:1px solid var(--line);grid-template-columns:82px minmax(0,1fr);display:grid}:where(:scope).compare-page .compare-area-table .area-title{padding:0 0 var(--space-3);border-top:0;display:block}:where(:scope).compare-page .compare-area-table td:not(.area-title):before{color:var(--muted);font-size:11px;font-weight:850}:where(:scope).compare-page .compare-area-table td[data-label]:before{content:attr(data-label)}}@scope(.compare-page){:where(:scope).compare-page .compare-area-table .metric-head,:where(:scope).compare-page .compare-area-table [data-score-bar],:where(:scope).compare-page .compare-area-table .metric-excluded strong,:where(:scope).compare-page .compare-area-table .metric-excluded span{grid-column:2}}@scope(.compare-page) to (:scope [data-ui-scope]){:where(:scope).compare-page .compare-area-table .confidence{justify-self:start}}}@media (width<=390px){@scope(.compare-page) to (:scope [data-ui-scope]){:where(:scope).compare-page .company-metric{padding-inline:var(--space-3);grid-template-columns:70px minmax(0,1fr)}}}@scope(.compare-header-actions) to (:scope [data-ui-scope]){:where(:scope).compare-header-actions{gap:var(--space-2);display:flex}.button{min-height:44px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);cursor:pointer;font-size:13px;font-weight:850}.button.primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}.button:disabled{cursor:not-allowed;opacity:.4}.add-control{position:relative}.add-menu{z-index:10;gap:var(--space-2);width:min(320px,100vw - 28px);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);font-size:13px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.add-menu label{color:var(--ink);font-size:12px;font-weight:850}.company-combobox input{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit}.company-options{max-height:220px;margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow-y:auto}.company-options button{width:100%;min-height:44px;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;font-weight:750;display:flex}.company-options button:hover,.company-options button.active{background:var(--surface-soft)}.company-options p{padding:var(--space-3) var(--space-2);color:var(--muted);margin:0;font-size:13px}}@media (width<=760px){@scope(.compare-header-actions) to (:scope [data-ui-scope]){:where(:scope).compare-header-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0;display:grid}:where(:scope).compare-header-actions .button{width:100%}}}@media (width<=390px){@scope(.compare-header-actions) to (:scope [data-ui-scope]){:where(:scope).compare-header-actions{grid-template-columns:1fr 1fr}}}