.commerce-reader-level-navigator{padding:var(--commerce-section-padding,50px) 0}.commerce-reader-level-navigator--soft{background:radial-gradient(circle at 82% 12%,rgba(49,210,194,.18),transparent 18rem),var(--jl-color-lightest-blue,#f7f9ff)}.commerce-reader-level-navigator__list{display:grid;gap:12px;grid-template-columns:repeat(7,minmax(0,1fr));list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0}.commerce-reader-level-navigator__item{--reader-accent:var(--jl-color-bright-blue,#4065d1)}.commerce-reader-level-navigator__item--orange{--reader-accent:#ff9f3d}.commerce-reader-level-navigator__item--pink{--reader-accent:#ff8cbe}.commerce-reader-level-navigator__item--red{--reader-accent:var(--jl-color-coral,#ff8c8c)}.commerce-reader-level-navigator__item--yellow{--reader-accent:var(--jl-color-cta-yellow,#ffd135)}.commerce-reader-level-navigator__item--green{--reader-accent:var(--jl-color-teal,#31d2c2)}.commerce-reader-level-navigator__item--purple{--reader-accent:#8f6bd8}.commerce-reader-level-navigator__item a{background:#fff;border:2px solid var(--jl-color-light-blue,#edf1ff);border-radius:24px;box-shadow:0 14px 28px rgba(31,47,107,.08);color:var(--jl-color-dark-grey,#3c3e48);display:flex;flex-direction:column;gap:10px;min-height:100%;padding:18px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.commerce-reader-level-navigator__item a:focus-visible,.commerce-reader-level-navigator__item a:hover{border-color:rgba(64,101,209,.28);box-shadow:0 18px 42px rgba(31,47,107,.14);outline:none;transform:translateY(-2px)}.commerce-reader-level-navigator__marker{background:var(--reader-accent);border-radius:999px;color:var(--jl-color-dark-blue,#1f2f6b);display:inline-grid;font-family:var(--jl-font-heading,"Quicksand",Arial,sans-serif);font-size:20px;font-weight:800;height:42px;place-items:center;width:42px}.commerce-reader-level-navigator__level{color:var(--jl-color-dark-grey,#3c3e48);font-family:var(--jl-font-heading,"Quicksand",Arial,sans-serif);font-size:clamp(21px,2vw,28px);font-weight:800;line-height:1.1}.commerce-reader-level-navigator__ability{color:var(--jl-color-dark-blue,#1f2f6b);font-family:var(--jl-font-body,"Mulish",Arial,sans-serif);font-size:14px;font-weight:800;line-height:1.25}.commerce-reader-level-navigator__description{color:var(--jl-color-body-grey,#56575e);display:-webkit-box;font-family:var(--jl-font-body,"Mulish",Arial,sans-serif);font-size:14px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media (max-width:1180px){.commerce-reader-level-navigator__list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.commerce-reader-level-navigator__list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:12px}.commerce-reader-level-navigator__item{flex:0 0 min(76vw,270px);scroll-snap-align:start}}@media (max-width:420px){.commerce-reader-level-navigator__item{flex-basis:82vw}}