/* Shared client comparison: the problem and the resulting way of working. */
.client-comparisons{display:grid;gap:1.25rem}
.comparison-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:stretch}
.comparison-panel{min-width:0;padding:1.5rem 2rem}
.comparison-before{background:#F4F4F5;color:#52525B}
.comparison-after{--focus-ring:#FAFAFA;background:#18181B;color:#FAFAFA}
.comparison-panel .comparison-label{display:flex;align-items:center;gap:.875rem;font-size:.75rem;line-height:1.5;letter-spacing:.04em;margin:0 0 1rem;text-transform:uppercase}
.comparison-before .comparison-label{color:#52525B}
.comparison-after .comparison-label{color:#A1A1AA}
.comparison-label .mono{flex:0 0 2ch;white-space:nowrap}
.comparison-flow{margin-left:auto;font-size:1.25rem;line-height:1;color:#18181B}
.comparison-panel h3{font-family:Pretendard,Arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5;letter-spacing:-.015em;text-wrap:pretty;margin:0}
.comparison-after h3{font-size:1.375rem;font-weight:500;line-height:1.35;color:#FAFAFA}
.comparison-panel .comparison-description{margin: .75rem 0 0;font-size:1rem;line-height:1.6;color:#D4D4D8}
.comparison-panel .comparison-office{font-size:.75rem;line-height:1.6;color:#71717A;margin:1rem 0 0}
.comparison-resources{display:flex;flex-wrap:wrap;gap:0 1.5rem;margin-top:.75rem}
.comparison-resources .am-text-link{color:#FAFAFA;font-size:.75rem;border-color:transparent}
.comparison-resources .am-text-link:hover{color:#FAFAFA;background:transparent}
.am-hero-copy .am-title{margin-top:0!important}
@media(max-width:900px){.comparison-panel{padding:1.5rem}}
@media(max-width:640px){
 .client-comparisons{gap:1.5rem}
 .comparison-row{grid-template-columns:1fr}
 .comparison-panel{padding:1.25rem}
 .comparison-panel .comparison-label{margin-bottom:.75rem}
 .comparison-flow{transform:rotate(90deg)}
 .comparison-panel h3{font-size:1.0625rem}
 .comparison-after h3{font-size:1.25rem}
 .comparison-panel .comparison-description{font-size:1rem}
}
@media print{
 .comparison-row{break-inside:avoid}
 .comparison-panel{border:1px solid #D4D4D8;background:#FAFAFA;color:#18181B}
 .comparison-after h3,.comparison-panel .comparison-description,.comparison-panel .comparison-label,.comparison-resources .am-text-link{color:#18181B}
}
