.levels-content .copy-section{margin-bottom:40px}
.levels-content .copy-section:last-child{margin-bottom:0}
.levels-content h2{font-size:var(--s4);line-height:1.4;margin:0 0 24px}
/* A single comparison spread: matching content rows align across all three levels. */
.level-profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.level-profile{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;background:white;border-radius:var(--radius);overflow:hidden}
.level-profile header{padding:28px 24px;background:#e9dfcf}
.level-profile-0 header{background:var(--wine)}
.level-profile-1 header{background:#e7d8d4}
.levels-content .level-profile h3{font-family:var(--font);font-size:var(--s3);font-weight:600;line-height:1.6;color:var(--deep);margin:0 0 12px}
.levels-content .level-position{font-size:var(--s2);line-height:1.8;color:var(--deep);margin:0}
.levels-content .level-profile-0 h3,.levels-content .level-profile-0 .level-position{color:var(--white)}
.level-profile dl{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0;margin:0;padding:0 24px}
.level-profile dl>div{min-width:0;padding:24px 0}
.level-profile dl>div+div{padding-top:0}
.level-profile dt{font-size:var(--s2);font-weight:600;color:var(--deep);margin:0 0 12px}
.level-profile dd{font-size:var(--s2);line-height:1.8;color:#575254;margin:0}
.levels-content ol.level-steps{list-style:none;padding:0;margin:0}
.levels-content .level-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:20px;min-width:0;padding:20px 24px}
.level-steps li:nth-child(odd){background:var(--sand)}
.level-step-number{font-size:var(--s2);font-variant-numeric:tabular-nums;line-height:1.8;color:var(--wine)}
.levels-content .level-steps h3{font-size:var(--s2);line-height:1.8;font-weight:600;margin:0 0 4px;color:var(--ink)}
.levels-content .level-steps p{font-size:var(--s2);line-height:1.8;color:#575254;margin:0}
@media(max-width:1100px) and (min-width:721px){.level-profiles{gap:12px}.level-profile header{padding:24px 20px}.level-profile dl{padding:0 20px}}
@media(max-width:720px){
 .levels-content .copy-section{margin-bottom:32px}
 .levels-content h2{margin-bottom:20px}
 .level-profiles{grid-template-columns:minmax(0,1fr);gap:24px}
 .level-profile{display:block;grid-row:auto}
 .level-profile header{padding:24px}
 .levels-content .level-profile h3{margin-bottom:8px}
 .level-profile dl{display:block;grid-row:auto}
 .level-profile dl>div{padding:20px 0}
 .level-profile dl>div+div{padding-top:0}
 .level-profile dt{margin-bottom:8px}
 .levels-content .level-steps li{padding:16px;grid-template-columns:28px minmax(0,1fr);gap:12px}
}