/* Comparison is a working view: keep the brand heading and reach the tools sooner. */
.compare-intro{padding-top:40px;padding-bottom:28px}
.compare-intro h1{font-size:clamp(44px,5.5vw,76px);line-height:1.02}
.compare-intro>p{max-width:620px;margin-top:18px}
.compare-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.comparison-table{border-collapse:separate;border-spacing:0}
.comparison-table tr>th:first-child{position:sticky;left:0;z-index:2;transform:translateZ(0);background:var(--paper,#f3f0e8);border-right:1px solid var(--line,#c9c6bd);box-shadow:1px 0 0 var(--line,#c9c6bd)}
.comparison-table thead tr>th:first-child{z-index:3;background:var(--surface,#ece8df)}
.comparison-table tr>:nth-child(2){border-left:0}
.compare-scroll-hint{display:none}
#project-desk:focus{outline:none}
#project-desk:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
@media(max-width:700px){
 .compare-intro{padding-top:28px;padding-bottom:22px}
 .compare-intro h1{font-size:clamp(38px,9vw,52px)}
 .compare-intro>p{margin-top:16px}
 .compare-scroll-hint{display:block;font-size:11px;line-height:1.6;color:var(--muted,#676b67);margin:0 0 12px}
 .comparison-table tr>th:first-child{width:148px;min-width:148px;max-width:148px}
}

.compare-metric-label{display:block;position:relative;z-index:1;transform:translateZ(0)}