/*
 * Block "SWITCH progress bars" (includes/riding-profile.php), loaded with the block on the site and in the
 * editor, and the "Riding profile" section around it (Group .sw-riding-intro with the copy in Group
 * .sw-riding-copy). The rules are the ones the product descriptions carried in a <style> inside their Custom
 * HTML section, with the SWITCH tokens of the theme (fallbacks for pages without them) and the 12/14/16 scale.
 */
.sw-riding-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center;padding:44px 0;border-bottom:1px solid var(--sw-line,#d8d6cf);margin-bottom:36px}
.sw-riding-intro>*{margin-block:0}
.sw-riding-intro .sw-riding-kicker{font:700 12px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#ad4108;margin:0 0 14px}
.sw-riding-intro .sw-riding-copy h2{font-size:clamp(30px,3.1vw,48px);line-height:1.08;margin:0 0 18px}
.sw-riding-intro .sw-riding-copy>p:last-child{font:400 16px/1.7 Arial,sans-serif;color:var(--sw-muted,#555);max-width:50ch;margin:0}
.sw-riding-intro .sw-riding-profile{padding-left:32px;border-left:1px solid var(--sw-line,#d8d6cf)}
/* The title as the theme shows h3 on the site (display face, uppercase), so the editor shows the same. */
.sw-riding-profile h3{font:400 var(--sw-h3,28px)/1.12 var(--sw-font-display,Arial,sans-serif)!important;letter-spacing:.01em!important;text-transform:uppercase!important;margin:0 0 18px!important}
.sw-riding-stat{margin:0 0 14px}
.sw-riding-label{display:flex;justify-content:space-between;font:400 14px/1.4 Arial,sans-serif;color:var(--sw-ink,#333);margin-bottom:6px}
.sw-riding-label span:last-child{font-size:12px;color:var(--sw-muted,#666);font-variant-numeric:tabular-nums}
.sw-riding-track{height:4px;background:#deded8;border-radius:4px;overflow:hidden}
.sw-riding-fill{display:block;height:100%;background:var(--sw-ink,#2b2b28);border-radius:4px}
.sw-riding-stat.is-primary .sw-riding-fill{background:var(--sw-orange,#ed5a12)}
.sw-riding-profile .sw-riding-note{font:400 12px/1.5 Arial,sans-serif;color:var(--sw-muted,#72726b);margin:16px 0 0}
@media(max-width:760px){
.sw-riding-intro{grid-template-columns:1fr;gap:28px;padding:28px 0}
.sw-riding-intro .sw-riding-profile{padding:24px 0 0;border-left:0;border-top:1px solid var(--sw-line,#d8d6cf)}
.sw-riding-intro .sw-riding-copy h2{font-size:32px}
}