/* The level catalogue opens with the actual comparison, on the shared site axes. */
.site-page .levels-overview {--levels-gap:24px;}
.site-page .levels-overview>.section {padding-left:4%;padding-right:4%;}
.site-page .levels-overview>.levels-overview-hero {padding-top:calc(var(--site-header-height,85px) + 28px);padding-bottom:48px;}
.levels-overview-hero>.breadcrumbs {margin-bottom:36px;}
.levels-overview-stage {scroll-margin-top:calc(var(--site-header-height,85px) + 24px);}
.levels-overview-stage .product-viewer {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto 1fr auto auto;gap:20px var(--levels-gap);background:transparent;}
.levels-overview-stage .viewer-topline {display:none;}
.levels-overview-lead {grid-column:1;grid-row:1;min-width:0;padding-top:8px;}
.site-page .levels-overview-lead h1 {font-size:clamp(48px,5.1vw,82px);line-height:1.03;letter-spacing:-.055em;font-weight:400;margin:20px 0 24px;}
.levels-overview-intro {font-size:16px;line-height:1.65;max-width:510px;color:#536a80;margin:0;}
.levels-overview-stage .viewer-canvas-wrap {grid-column:2;grid-row:1 / 5;width:100%;height:100%!important;min-height:460px;background:#e8eef3;}
.levels-overview-stage .viewer-levels {grid-column:1;grid-row:2;margin-top:12px;border:0;}
.levels-overview-stage .product-viewer .viewer-levels button {font-size:16px;min-height:68px;padding:14px 12px;background:transparent;border-top:1px solid #bdcfdf;text-align:left;}
.levels-overview-stage .product-viewer .viewer-levels button[aria-pressed=true] {color:#0030cf;background:#edf2fa;border-top:2px solid #0030cf;}
.levels-overview-stage .viewer-levels button>span {font-size:10px;margin-bottom:8px;}
.levels-overview-stage .viewer-explanation {grid-column:1;grid-row:3;min-height:180px;padding-top:4px!important;max-width:510px;}
.levels-overview-stage .viewer-explanation h3 {font-size:30px;margin-bottom:14px;}
.levels-overview-stage .viewer-explanation p {font-size:15px;line-height:1.65;}
.levels-overview-stage .viewer-level-link {grid-column:1;grid-row:4;justify-self:start;min-height:44px;display:inline-flex;align-items:center;font-size:14px;}
.levels-overview-stage .viewer-change-key {grid-column:2;grid-row:5;padding:0;min-height:30px;align-items:flex-start;font-size:11px;}
.levels-overview-stage .viewer-change-list {display:none;}
.levels-overview-actions {display:grid;grid-template-columns:auto 1fr 1fr;gap:24px;align-items:center;margin-top:24px;}
.levels-overview-actions>.plain-link {justify-self:start;display:inline-flex;align-items:center;min-height:44px;font-size:14px;}
.levels-overview-actions>p {margin:0;color:#536a80;font-size:12px;line-height:1.6;justify-self:end;}
.levels-overview #composition {scroll-margin-top:calc(var(--site-header-height,85px) + 24px);}
.levels-overview .section-heading {margin-bottom:48px;}
.levels-composition-row {display:grid;grid-template-columns:1fr 3fr;gap:24px;padding:30px 0 32px;border-top:1px solid #bdcfdf;}
.levels-composition-name>span {font-size:11px;color:#0030cf;}
.levels-composition-name h3 {font-size:30px;letter-spacing:-.035em;margin:14px 0;}
.levels-composition-name>a {font-size:13px;min-height:44px;display:inline-flex;align-items:center;}
.levels-composition-row dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;}
.levels-composition-row dt {font-size:12px;color:#536a80;margin-bottom:20px;}
.levels-composition-row dd {margin:0;font-size:17px;line-height:1.65;max-width:460px;}
.levels-application-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.levels-application-grid article {display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid #bdcfdf;padding-top:24px;min-width:0;}
.levels-application-grid h3 {font-size:clamp(24px,2.1vw,32px);letter-spacing:-.035em;line-height:1.2;min-height:2.4em;margin:22px 0 20px;}
.levels-application-grid article>p:not(.eyebrow) {font-size:15px;line-height:1.65;color:#536a80;margin:0 0 24px;}
.levels-application-grid a {margin-top:auto;font-size:14px;min-height:44px;display:inline-flex;align-items:center;}
.levels-matrix-link {display:inline-flex;align-items:center;min-height:44px;margin-top:40px;font-size:14px;}
.levels-selection-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.levels-selection-grid article {border-top:1px solid #bdcfdf;padding-top:24px;}
.levels-selection-grid h3 {font-size:24px;letter-spacing:-.025em;margin:0 0 18px;}
.levels-selection-grid p {font-size:15px;line-height:1.65;color:#536a80;margin:0;max-width:440px;}
@media(max-width:1100px){
 .levels-overview-stage .product-viewer .viewer-levels button {font-size:14px;padding:12px 8px;}
 .levels-overview-stage .viewer-explanation {min-height:192px;}
 .levels-application-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;}
 .levels-application-grid h3 {min-height:0;}
}
@media(max-width:900px){
 .levels-overview-stage .product-viewer {display:flex;flex-direction:column;gap:0;}
 .levels-overview-lead {order:0;padding:0;}
 .levels-overview-stage .viewer-levels {order:1;margin-top:28px;}
 .levels-overview-stage .product-viewer .viewer-canvas-wrap {order:2;height:clamp(320px,51svh,470px)!important;min-height:0;}
 .levels-overview-stage .viewer-change-key {order:3;margin-top:16px;min-height:0;}
 .levels-overview-stage .viewer-explanation {order:4;min-height:0;max-width:none;margin-top:24px;}
 .levels-overview-stage .viewer-level-link {order:5;align-self:flex-start;margin-top:8px;}
 .levels-overview-actions {grid-template-columns:auto 1fr;gap:16px 24px;}
 .levels-overview-actions>p {grid-column:1 / -1;justify-self:start;}
 .levels-composition-row {grid-template-columns:1fr 2fr;}
 .levels-selection-grid {grid-template-columns:1fr;gap:28px;}
 .levels-selection-grid article {display:grid;grid-template-columns:1fr 1fr;gap:24px;}
}
@media(max-width:760px){
 .site-page .levels-overview>.levels-overview-hero {padding-top:calc(var(--site-header-height,114px) + 24px);padding-bottom:40px;}
 .levels-overview-hero>.breadcrumbs {margin-bottom:28px;}
 .site-page .levels-overview-lead h1 {font-size:clamp(44px,10.6vw,64px);margin:16px 0 18px;}
 .levels-overview-intro {font-size:15px;}
 .levels-overview-stage .product-viewer .viewer-levels button {font-size:13px;padding:12px 8px;min-height:62px;}
 .levels-overview-stage .viewer-explanation h3 {font-size:28px;}
 .levels-overview-stage .annotation-label {width:44px;min-height:44px;justify-content:center;padding:0;}
 .levels-overview-stage .annotation-label>span:not(.annotation-number) {display:none;}
 .levels-overview-stage .annotation-number {width:26px;height:26px;font-size:10px;}
 .levels-overview-actions {grid-template-columns:1fr;gap:12px;}
 .levels-overview-actions .button {width:100%;}
 .levels-overview .section-heading {margin-bottom:30px;}
 .levels-composition-row {grid-template-columns:1fr;gap:20px;padding:24px 0 32px;}
 .levels-composition-name {display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:14px;}
 .levels-composition-name h3 {margin:0;font-size:28px;}
 .levels-composition-name>a {grid-column:2;}
 .levels-composition-row dl {grid-template-columns:1fr;gap:20px;}
 .levels-composition-row dt {margin-bottom:8px;}
 .levels-composition-row dd {font-size:15px;}
 .levels-application-grid {grid-template-columns:1fr;gap:28px;}
 .levels-application-grid h3 {font-size:28px;margin:18px 0 14px;}
 .levels-application-grid article>p:not(.eyebrow) {margin-bottom:14px;}
 .levels-matrix-link {margin-top:28px;}
 .levels-selection-grid article {grid-template-columns:1fr;gap:0;}
 .levels-selection-grid h3 {font-size:24px;margin-bottom:12px;}
}
@media(max-width:360px){.levels-overview-stage .product-viewer .viewer-levels button {font-size:12px;padding-left:6px;padding-right:6px;}}