.depth-section{background:#f3f5f5;color:#182b37;--yellow:#806600;--muted:#52616b}.depth-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:40px}.depth-intro h2{font-size:clamp(34px,4.5vw,62px);line-height:1.12}.depth-intro p{font-size:16px;line-height:1.8}.depth-intro .lead{font-size:19px;margin-bottom:16px}.depth-comparison{background:white;border:1px solid #d6dfe2;padding:32px}.depth-caption{margin-bottom:28px}.depth-caption h3{font-size:24px}.depth-caption p,.depth-note{color:#52616b;font-size:14px;margin-top:10px}.depth-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px 36px}.depth-row{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;padding:14px 0;font-size:15px;line-height:1.5}.depth-row strong{font:600 20px Plex,monospace;white-space:nowrap}.depth-track{grid-column:1/-1;height:8px;background:#e7edef;overflow:hidden}.depth-track i{display:block;height:100%;background:#617987}.depth-row:first-child .depth-track i,.depth-row:hover .depth-track i{background:#e4bd00}.depth-row:hover>span:first-child{text-decoration:underline}.depth-note{border-top:1px solid #d6dfe2;padding-top:20px;margin-top:24px;max-width:90ch}

@media(max-width:850px){.depth-intro{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.depth-comparison{padding:20px}.depth-rows{grid-template-columns:1fr;gap:0}.depth-caption h3{font-size:22px}.depth-intro .lead{font-size:17px}}