/* Khalwati R27 — سند الطريقة on the sheikhs page. Phones: one vertical thread. Tablets/desktop: a serpentine chain. */
.sl{--D:84px;--d:64px;--gx:12px;--gy:18px;--rh:150px;--thr:#c99a37;
  position:relative;max-width:1240px;margin:26px auto 0;padding:40px 16px 34px;scroll-margin-top:72px;
  background:radial-gradient(90% 60% at 50% 0%,rgba(241,211,143,.28),transparent 70%),var(--sk-paper,#fffdf8);
  border-top:1px solid var(--sk-line,#e6d6ae);border-bottom:1px solid var(--sk-line,#e6d6ae)}
@media (min-width:1272px){.sl{border:1px solid var(--sk-line,#e6d6ae);border-radius:24px;padding:46px 28px 38px}}
.sl *{box-sizing:border-box}
.sl-head{max-width:760px;margin:0 auto 26px;text-align:center}
.sl-kicker{margin:0;color:var(--sk-gold,#c99a37);font-weight:700;font-size:15px;letter-spacing:.2px}
.sl h2{margin:4px 0 0;font-family:'Amiri',serif;font-weight:700;color:var(--sk-deep,#073f34);font-size:clamp(28px,4.6vw,44px);line-height:1.35}
.sl-orn{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px auto 12px;color:var(--sk-gold,#c99a37)}
.sl-orn span{width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--sk-gold,#c99a37))}
.sl-orn span:last-child{transform:scaleX(-1)}
.sl-intro{margin:0 auto;color:var(--sk-ink,#23302b);font-size:clamp(15.5px,2vw,17.5px);line-height:2}
.sl-intro a{color:var(--sk-green,#07583d);font-weight:700;text-decoration:none;border-bottom:1px dotted var(--sk-gold,#c99a37);white-space:nowrap}
.sl-verse{margin:14px auto 0;padding:12px 18px;max-width:560px;border-radius:14px;background:var(--sk-cream,#fbf6e9);border:1px solid var(--sk-line,#e6d6ae);
  font-family:'Amiri',serif;font-size:clamp(18px,2.4vw,21px);line-height:1.9;color:var(--sk-deep,#073f34)}
.sl-verse p{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0 28px}
.sl-hint{margin:14px 0 0;color:var(--sk-muted,#6b7069);font-size:14px}

/* hero: second button */
.sk-hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.sk-hero-cta.sk-hero-cta2{background:rgba(5,46,38,.35);color:#f1d38f;border:1.5px solid rgba(241,211,143,.75);box-shadow:none}

/* ---------- the chain: phones (one vertical thread) ---------- */
.sl-chain{list-style:none;margin:0 auto;padding:0;max-width:560px;position:relative}
.sl-chain::before{content:"";position:absolute;top:30px;bottom:30px;right:33.5px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,var(--sk-green,#07583d),var(--thr) 6%,var(--thr) 94%,var(--sk-green,#07583d))}
.sl-item{position:relative;margin:0;padding:5px 0}
.sl-bead{position:relative;min-height:60px;padding:4px 6px 4px 10px;border-radius:14px;color:inherit;text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent}
.sl-bead:focus-visible{box-shadow:0 0 0 2px var(--sk-gold,#c99a37)}
.sl-dot{position:relative;flex:0 0 auto;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;
  background:radial-gradient(circle at 50% 38%,#fffdf8 0 52%,#f6e8c4 53% 100%);
  box-shadow:0 0 0 3px #fffdf8,0 0 0 5px var(--thr),0 4px 12px rgba(7,63,52,.14)}
.sl-dot::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px dashed rgba(201,154,55,.55);pointer-events:none}
.sl-num{font-family:'Amiri',serif;font-weight:700;font-size:23px;line-height:1;color:var(--sk-green,#07583d)}
.sl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sl-name{display:block;font-weight:800;font-size:16.5px;line-height:1.45;color:var(--sk-deep,#073f34)}
.sl-full{display:block;font-size:13.5px;line-height:1.6;color:var(--sk-muted,#6b7069)}
.sl-bead{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:1px;align-content:center}
.sl-bead>.sl-dot{grid-row:1/3;grid-column:1}
.sl-bead>.sl-name{grid-column:2;align-self:end}
.sl-bead>.sl-full{grid-column:2;align-self:start}
/* heads and keys */
.sl-prophet .sl-dot{background:radial-gradient(circle at 50% 40%,#0b6a4c,#073f34 70%);box-shadow:0 0 0 3px #fffdf8,0 0 0 6px var(--thr),0 6px 18px rgba(7,63,52,.3)}
.sl-prophet .sl-dot::after,.sl-ali .sl-dot::after{border-color:rgba(241,211,143,.55)}
.sl-glyph{font-family:'Amiri',serif;font-weight:700;color:#f1d38f;font-size:30px;line-height:1}
.sl-ali .sl-dot{background:radial-gradient(circle at 50% 40%,#f6dfa3,#c99a37 75%)}
.sl-ali .sl-glyph{color:#073f34;font-size:22px}
.sl-top .sl-name{font-family:'Amiri',serif;font-size:19px}
.sl-key .sl-dot{background:radial-gradient(circle at 50% 40%,#0b6a4c,#07583d 70%)}
.sl-key .sl-num{color:#f1d38f}
/* the six */
.sl-six .sl-dot{overflow:visible;background:#073f34}
.sl-six .sl-dot img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 16%;display:block}
.sl-six .sl-dot::after{display:none}
.sl-badge{position:absolute;bottom:-4px;left:-4px;min-width:24px;height:24px;padding:0 5px;border-radius:12px;display:grid;place-items:center;
  font-family:'Amiri',serif;font-weight:700;font-size:13.5px;line-height:1;background:var(--sk-green,#07583d);color:#f1d38f;box-shadow:0 0 0 2px #fffdf8}
.sl-six .sl-name{color:var(--sk-green,#07583d)}
.sl-six .sl-full u{text-decoration:none;color:var(--sk-gold,#a87a22);font-weight:700;white-space:nowrap}
.sl-six .sl-bead:hover{background:rgba(201,154,55,.10)}
.sl-end{margin:20px 0 0;text-align:center;font-family:'Amiri',serif;font-size:19px;color:var(--sk-deep,#073f34)}
.sl-item:target .sl-dot{animation:sl-ping 1.6s ease 2}
@keyframes sl-ping{0%,100%{box-shadow:0 0 0 3px #fffdf8,0 0 0 5px var(--thr)}50%{box-shadow:0 0 0 3px #fffdf8,0 0 0 5px var(--thr),0 0 0 14px rgba(201,154,55,.25)}}

/* ---------- tablets and desktops: serpentine chain ---------- */
@media (min-width:640px){
  .sl-chain{display:grid;max-width:1180px;column-gap:var(--gx);row-gap:var(--gy);grid-auto-rows:var(--rh);padding:0 30px}
  .sl-chain::before{display:none}
  .sl-item{padding:0}
  .sl-item::before{position:absolute;top:calc(var(--D)/2 - 1.5px);height:3px;background:var(--thr);border-radius:2px;z-index:0}
  .sl-item::after{position:absolute;top:calc(var(--D)/2 - 1.5px);height:calc(var(--rh) + var(--gy) + 3px);width:34px;border:3px solid var(--thr);z-index:0}
  .sl-bead{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:0 2px;text-align:center;border-radius:12px;cursor:default}
  a.sl-bead{cursor:pointer}
  .sl-bead>.sl-dot{flex:0 0 var(--D);width:var(--D);height:var(--D);background-clip:padding-box}
  .sl-item:not(.sl-top):not(.sl-six) .sl-dot{width:var(--d);height:var(--d);flex-basis:var(--d);margin:calc((var(--D) - var(--d))/2) 0}
  .sl-bead>.sl-dot,.sl-bead>.sl-name{align-self:center}
  .sl-num{font-size:24px}
  .sl-glyph{font-size:40px}.sl-ali .sl-glyph{font-size:27px}
  .sl-name{font-size:15px;line-height:1.4;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .sl-top .sl-name{font-size:18px}
  .sl-badge{bottom:-2px;left:-2px}
  /* full name: a small card above the bead on hover / focus / tap */
  .sl-bead>.sl-full{position:absolute;bottom:calc(100% - 4px);left:50%;transform:translateX(-50%);z-index:5;width:max-content;max-width:240px;
    padding:8px 12px;border-radius:12px;background:var(--sk-deep,#073f34);color:#fff;font-size:13.5px;line-height:1.6;text-align:center;
    box-shadow:0 10px 24px rgba(5,46,38,.28);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s}
  .sl-six .sl-full u{color:#f1d38f}
  .sl-bead:hover>.sl-full,.sl-bead:focus-visible>.sl-full,.sl-item.is-on .sl-full{opacity:1;visibility:visible}
  .sl-bead:hover .sl-dot{filter:brightness(1.03)}
  .sl-hint{display:block}
}
@media (min-width:1060px){.sl{--D:88px;--d:68px;--gx:14px;--rh:152px}}
@media (max-width:639.98px){.sl-hint{font-size:13.5px}}

/* gentle appearance, only when JS is on and motion is welcome */
@media (prefers-reduced-motion:no-preference){
  .sl-anim .sl-item{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--i) * 28ms)}
  .sl-anim.sl-in .sl-item{opacity:1;transform:none}
}
@media print{.sl{border:0;background:none}.sl-chain{display:block!important}.sl-item::before,.sl-item::after{display:none!important}.sl-full{position:static!important;opacity:1!important;visibility:visible!important;color:#444!important;background:none!important;box-shadow:none!important}}

/* placement (generated) */
@media (min-width:640px) and (max-width:859.98px){.sl-chain{grid-template-columns:repeat(4,minmax(0,1fr))}.sl-item:nth-child(1){grid-area:1/1}.sl-item:nth-child(2){grid-area:1/2}.sl-item:nth-child(3){grid-area:1/3}.sl-item:nth-child(4){grid-area:1/4}.sl-item:nth-child(5){grid-area:2/4}.sl-item:nth-child(6){grid-area:2/3}.sl-item:nth-child(7){grid-area:2/2}.sl-item:nth-child(8){grid-area:2/1}.sl-item:nth-child(9){grid-area:3/1}.sl-item:nth-child(10){grid-area:3/2}.sl-item:nth-child(11){grid-area:3/3}.sl-item:nth-child(12){grid-area:3/4}.sl-item:nth-child(13){grid-area:4/4}.sl-item:nth-child(14){grid-area:4/3}.sl-item:nth-child(15){grid-area:4/2}.sl-item:nth-child(16){grid-area:4/1}.sl-item:nth-child(17){grid-area:5/1}.sl-item:nth-child(18){grid-area:5/2}.sl-item:nth-child(19){grid-area:5/3}.sl-item:nth-child(20){grid-area:5/4}.sl-item:nth-child(21){grid-area:6/4}.sl-item:nth-child(22){grid-area:6/3}.sl-item:nth-child(23){grid-area:6/2}.sl-item:nth-child(24){grid-area:6/1}.sl-item:nth-child(25){grid-area:7/1}.sl-item:nth-child(26){grid-area:7/2}.sl-item:nth-child(27){grid-area:7/3}.sl-item:nth-child(28){grid-area:7/4}.sl-item:nth-child(29){grid-area:8/4}.sl-item:nth-child(30){grid-area:8/3}.sl-item:nth-child(31){grid-area:8/2}.sl-item:nth-child(32){grid-area:8/1}.sl-item:nth-child(33){grid-area:9/1}.sl-item:nth-child(34){grid-area:9/2}.sl-item:nth-child(35){grid-area:9/3}.sl-item:nth-child(36){grid-area:9/4}.sl-item:nth-child(37){grid-area:10/4}.sl-item:nth-child(38){grid-area:10/3}.sl-item:nth-child(39){grid-area:10/2}.sl-item:nth-child(40){grid-area:10/1}.sl-item:nth-child(41){grid-area:11/1}.sl-item:nth-child(42){grid-area:11/2}.sl-item:nth-child(43){grid-area:11/3}.sl-item:nth-child(44){grid-area:11/4}.sl-item:nth-child(45){grid-area:12/4}.sl-item:nth-child(46){grid-area:12/3}.sl-item:nth-child(47){grid-area:12/2}.sl-item:nth-child(1)::before,.sl-item:nth-child(2)::before,.sl-item:nth-child(3)::before,.sl-item:nth-child(9)::before,.sl-item:nth-child(10)::before,.sl-item:nth-child(11)::before,.sl-item:nth-child(17)::before,.sl-item:nth-child(18)::before,.sl-item:nth-child(19)::before,.sl-item:nth-child(25)::before,.sl-item:nth-child(26)::before,.sl-item:nth-child(27)::before,.sl-item:nth-child(33)::before,.sl-item:nth-child(34)::before,.sl-item:nth-child(35)::before,.sl-item:nth-child(41)::before,.sl-item:nth-child(42)::before,.sl-item:nth-child(43)::before{content:"";right:50%;width:calc(100% + var(--gx))}.sl-item:nth-child(5)::before,.sl-item:nth-child(6)::before,.sl-item:nth-child(7)::before,.sl-item:nth-child(13)::before,.sl-item:nth-child(14)::before,.sl-item:nth-child(15)::before,.sl-item:nth-child(21)::before,.sl-item:nth-child(22)::before,.sl-item:nth-child(23)::before,.sl-item:nth-child(29)::before,.sl-item:nth-child(30)::before,.sl-item:nth-child(31)::before,.sl-item:nth-child(37)::before,.sl-item:nth-child(38)::before,.sl-item:nth-child(39)::before,.sl-item:nth-child(45)::before,.sl-item:nth-child(46)::before{content:"";left:50%;width:calc(100% + var(--gx))}.sl-item:nth-child(4)::after,.sl-item:nth-child(12)::after,.sl-item:nth-child(20)::after,.sl-item:nth-child(28)::after,.sl-item:nth-child(36)::after,.sl-item:nth-child(44)::after{content:"";right:calc(50% + var(--d)/2 - 4px);border-right:0;border-radius:999px 0 0 999px}.sl-item:nth-child(8)::after,.sl-item:nth-child(16)::after,.sl-item:nth-child(24)::after,.sl-item:nth-child(32)::after,.sl-item:nth-child(40)::after{content:"";left:calc(50% + var(--d)/2 - 4px);border-left:0;border-radius:0 999px 999px 0}.sl-item:nth-child(1) .sl-full,.sl-item:nth-child(8) .sl-full,.sl-item:nth-child(9) .sl-full,.sl-item:nth-child(16) .sl-full,.sl-item:nth-child(17) .sl-full,.sl-item:nth-child(24) .sl-full,.sl-item:nth-child(25) .sl-full,.sl-item:nth-child(32) .sl-full,.sl-item:nth-child(33) .sl-full,.sl-item:nth-child(40) .sl-full,.sl-item:nth-child(41) .sl-full{left:auto;right:-6px;transform:none}.sl-item:nth-child(4) .sl-full,.sl-item:nth-child(5) .sl-full,.sl-item:nth-child(12) .sl-full,.sl-item:nth-child(13) .sl-full,.sl-item:nth-child(20) .sl-full,.sl-item:nth-child(21) .sl-full,.sl-item:nth-child(28) .sl-full,.sl-item:nth-child(29) .sl-full,.sl-item:nth-child(36) .sl-full,.sl-item:nth-child(37) .sl-full,.sl-item:nth-child(44) .sl-full,.sl-item:nth-child(45) .sl-full{right:auto;left:-6px;transform:none}}
@media (min-width:860px) and (max-width:1059.98px){.sl-chain{grid-template-columns:repeat(5,minmax(0,1fr))}.sl-item:nth-child(1){grid-area:1/1}.sl-item:nth-child(2){grid-area:1/2}.sl-item:nth-child(3){grid-area:1/3}.sl-item:nth-child(4){grid-area:1/4}.sl-item:nth-child(5){grid-area:1/5}.sl-item:nth-child(6){grid-area:2/5}.sl-item:nth-child(7){grid-area:2/4}.sl-item:nth-child(8){grid-area:2/3}.sl-item:nth-child(9){grid-area:2/2}.sl-item:nth-child(10){grid-area:2/1}.sl-item:nth-child(11){grid-area:3/1}.sl-item:nth-child(12){grid-area:3/2}.sl-item:nth-child(13){grid-area:3/3}.sl-item:nth-child(14){grid-area:3/4}.sl-item:nth-child(15){grid-area:3/5}.sl-item:nth-child(16){grid-area:4/5}.sl-item:nth-child(17){grid-area:4/4}.sl-item:nth-child(18){grid-area:4/3}.sl-item:nth-child(19){grid-area:4/2}.sl-item:nth-child(20){grid-area:4/1}.sl-item:nth-child(21){grid-area:5/1}.sl-item:nth-child(22){grid-area:5/2}.sl-item:nth-child(23){grid-area:5/3}.sl-item:nth-child(24){grid-area:5/4}.sl-item:nth-child(25){grid-area:5/5}.sl-item:nth-child(26){grid-area:6/5}.sl-item:nth-child(27){grid-area:6/4}.sl-item:nth-child(28){grid-area:6/3}.sl-item:nth-child(29){grid-area:6/2}.sl-item:nth-child(30){grid-area:6/1}.sl-item:nth-child(31){grid-area:7/1}.sl-item:nth-child(32){grid-area:7/2}.sl-item:nth-child(33){grid-area:7/3}.sl-item:nth-child(34){grid-area:7/4}.sl-item:nth-child(35){grid-area:7/5}.sl-item:nth-child(36){grid-area:8/5}.sl-item:nth-child(37){grid-area:8/4}.sl-item:nth-child(38){grid-area:8/3}.sl-item:nth-child(39){grid-area:8/2}.sl-item:nth-child(40){grid-area:8/1}.sl-item:nth-child(41){grid-area:9/1}.sl-item:nth-child(42){grid-area:9/2}.sl-item:nth-child(43){grid-area:9/3}.sl-item:nth-child(44){grid-area:9/4}.sl-item:nth-child(45){grid-area:9/5}.sl-item:nth-child(46){grid-area:10/5}.sl-item:nth-child(47){grid-area:10/4}.sl-item:nth-child(1)::before,.sl-item:nth-child(2)::before,.sl-item:nth-child(3)::before,.sl-item:nth-child(4)::before,.sl-item:nth-child(11)::before,.sl-item:nth-child(12)::before,.sl-item:nth-child(13)::before,.sl-item:nth-child(14)::before,.sl-item:nth-child(21)::before,.sl-item:nth-child(22)::before,.sl-item:nth-child(23)::before,.sl-item:nth-child(24)::before,.sl-item:nth-child(31)::before,.sl-item:nth-child(32)::before,.sl-item:nth-child(33)::before,.sl-item:nth-child(34)::before,.sl-item:nth-child(41)::before,.sl-item:nth-child(42)::before,.sl-item:nth-child(43)::before,.sl-item:nth-child(44)::before{content:"";right:50%;width:calc(100% + var(--gx))}.sl-item:nth-child(6)::before,.sl-item:nth-child(7)::before,.sl-item:nth-child(8)::before,.sl-item:nth-child(9)::before,.sl-item:nth-child(16)::before,.sl-item:nth-child(17)::before,.sl-item:nth-child(18)::before,.sl-item:nth-child(19)::before,.sl-item:nth-child(26)::before,.sl-item:nth-child(27)::before,.sl-item:nth-child(28)::before,.sl-item:nth-child(29)::before,.sl-item:nth-child(36)::before,.sl-item:nth-child(37)::before,.sl-item:nth-child(38)::before,.sl-item:nth-child(39)::before,.sl-item:nth-child(46)::before{content:"";left:50%;width:calc(100% + var(--gx))}.sl-item:nth-child(5)::after,.sl-item:nth-child(15)::after,.sl-item:nth-child(25)::after,.sl-item:nth-child(35)::after,.sl-item:nth-child(45)::after{content:"";right:calc(50% + var(--d)/2 - 4px);border-right:0;border-radius:999px 0 0 999px}.sl-item:nth-child(10)::after,.sl-item:nth-child(20)::after,.sl-item:nth-child(30)::after,.sl-item:nth-child(40)::after{content:"";left:calc(50% + var(--d)/2 - 4px);border-left:0;border-radius:0 999px 999px 0}.sl-item:nth-child(1) .sl-full,.sl-item:nth-child(10) .sl-full,.sl-item:nth-child(11) .sl-full,.sl-item:nth-child(20) .sl-full,.sl-item:nth-child(21) .sl-full,.sl-item:nth-child(30) .sl-full,.sl-item:nth-child(31) .sl-full,.sl-item:nth-child(40) .sl-full,.sl-item:nth-child(41) .sl-full{left:auto;right:-6px;transform:none}.sl-item:nth-child(5) .sl-full,.sl-item:nth-child(6) .sl-full,.sl-item:nth-child(15) .sl-full,.sl-item:nth-child(16) .sl-full,.sl-item:nth-child(25) .sl-full,.sl-item:nth-child(26) .sl-full,.sl-item:nth-child(35) .sl-full,.sl-item:nth-child(36) .sl-full,.sl-item:nth-child(45) .sl-full,.sl-item:nth-child(46) .sl-full{right:auto;left:-6px;transform:none}}
@media (min-width:1060px) and (max-width:1239.98px){.sl-chain{grid-template-columns:repeat(6,minmax(0,1fr))}.sl-item:nth-child(1){grid-area:1/1}.sl-item:nth-child(2){grid-area:1/2}.sl-item:nth-child(3){grid-area:1/3}.sl-item:nth-child(4){grid-area:1/4}.sl-item:nth-child(5){grid-area:1/5}.sl-item:nth-child(6){grid-area:1/6}.sl-item:nth-child(7){grid-area:2/6}.sl-item:nth-child(8){grid-area:2/5}.sl-item:nth-child(9){grid-area:2/4}.sl-item:nth-child(10){grid-area:2/3}.sl-item:nth-child(11){grid-area:2/2}.sl-item:nth-child(12){grid-area:2/1}.sl-item:nth-child(13){grid-area:3/1}.sl-item:nth-child(14){grid-area:3/2}.sl-item:nth-child(15){grid-area:3/3}.sl-item:nth-child(16){grid-area:3/4}.sl-item:nth-child(17){grid-area:3/5}.sl-item:nth-child(18){grid-area:3/6}.sl-item:nth-child(19){grid-area:4/6}.sl-item:nth-child(20){grid-area:4/5}.sl-item:nth-child(21){grid-area:4/4}.sl-item:nth-child(22){grid-area:4/3}.sl-item:nth-child(23){grid-area:4/2}.sl-item:nth-child(24){grid-area:4/1}.sl-item:nth-child(25){grid-area:5/1}.sl-item:nth-child(26){grid-area:5/2}.sl-item:nth-child(27){grid-area:5/3}.sl-item:nth-child(28){grid-area:5/4}.sl-item:nth-child(29){grid-area:5/5}.sl-item:nth-child(30){grid-area:5/6}.sl-item:nth-child(31){grid-area:6/6}.sl-item:nth-child(32){grid-area:6/5}.sl-item:nth-child(33){grid-area:6/4}.sl-item:nth-child(34){grid-area:6/3}.sl-item:nth-child(35){grid-area:6/2}.sl-item:nth-child(36){grid-area:6/1}.sl-item:nth-child(37){grid-area:7/1}.sl-item:nth-child(38){grid-area:7/2}.sl-item:nth-child(39){grid-area:7/3}.sl-item:nth-child(40){grid-area:7/4}.sl-item:nth-child(41){grid-area:7/5}.sl-item:nth-child(42){grid-area:7/6}.sl-item:nth-child(43){grid-area:8/6}.sl-item:nth-child(44){grid-area:8/5}.sl-item:nth-child(45){grid-area:8/4}.sl-item:nth-child(46){grid-area:8/3}.sl-item:nth-child(47){grid-area:8/2}.sl-item:nth-child(1)::before,.sl-item:nth-child(2)::before,.sl-item:nth-child(3)::before,.sl-item:nth-child(4)::before,.sl-item:nth-child(5)::before,.sl-item:nth-child(13)::before,.sl-item:nth-child(14)::before,.sl-item:nth-child(15)::before,.sl-item:nth-child(16)::before,.sl-item:nth-child(17)::before,.sl-item:nth-child(25)::before,.sl-item:nth-child(26)::before,.sl-item:nth-child(27)::before,.sl-item:nth-child(28)::before,.sl-item:nth-child(29)::before,.sl-item:nth-child(37)::before,.sl-item:nth-child(38)::before,.sl-item:nth-child(39)::before,.sl-item:nth-child(40)::before,.sl-item:nth-child(41)::before{content:"";right:50%;width:calc(100% + var(--gx))}.sl-item:nth-child(7)::before,.sl-item:nth-child(8)::before,.sl-item:nth-child(9)::before,.sl-item:nth-child(10)::before,.sl-item:nth-child(11)::before,.sl-item:nth-child(19)::before,.sl-item:nth-child(20)::before,.sl-item:nth-child(21)::before,.sl-item:nth-child(22)::before,.sl-item:nth-child(23)::before,.sl-item:nth-child(31)::before,.sl-item:nth-child(32)::before,.sl-item:nth-child(33)::before,.sl-item:nth-child(34)::before,.sl-item:nth-child(35)::before,.sl-item:nth-child(43)::before,.sl-item:nth-child(44)::before,.sl-item:nth-child(45)::before,.sl-item:nth-child(46)::before{content:"";left:50%;width:calc(100% + var(--gx))}.sl-item:nth-child(6)::after,.sl-item:nth-child(18)::after,.sl-item:nth-child(30)::after,.sl-item:nth-child(42)::after{content:"";right:calc(50% + var(--d)/2 - 4px);border-right:0;border-radius:999px 0 0 999px}.sl-item:nth-child(12)::after,.sl-item:nth-child(24)::after,.sl-item:nth-child(36)::after{content:"";left:calc(50% + var(--d)/2 - 4px);border-left:0;border-radius:0 999px 999px 0}.sl-item:nth-child(1) .sl-full,.sl-item:nth-child(12) .sl-full,.sl-item:nth-child(13) .sl-full,.sl-item:nth-child(24) .sl-full,.sl-item:nth-child(25) .sl-full,.sl-item:nth-child(36) .sl-full,.sl-item:nth-child(37) .sl-full{left:auto;right:-6px;transform:none}.sl-item:nth-child(6) .sl-full,.sl-item:nth-child(7) .sl-full,.sl-item:nth-child(18) .sl-full,.sl-item:nth-child(19) .sl-full,.sl-item:nth-child(30) .sl-full,.sl-item:nth-child(31) .sl-full,.sl-item:nth-child(42) .sl-full,.sl-item:nth-child(43) .sl-full{right:auto;left:-6px;transform:none}}
@media (min-width:1240px){.sl-chain{grid-template-columns:repeat(7,minmax(0,1fr))}.sl-item:nth-child(1){grid-area:1/1}.sl-item:nth-child(2){grid-area:1/2}.sl-item:nth-child(3){grid-area:1/3}.sl-item:nth-child(4){grid-area:1/4}.sl-item:nth-child(5){grid-area:1/5}.sl-item:nth-child(6){grid-area:1/6}.sl-item:nth-child(7){grid-area:1/7}.sl-item:nth-child(8){grid-area:2/7}.sl-item:nth-child(9){grid-area:2/6}.sl-item:nth-child(10){grid-area:2/5}.sl-item:nth-child(11){grid-area:2/4}.sl-item:nth-child(12){grid-area:2/3}.sl-item:nth-child(13){grid-area:2/2}.sl-item:nth-child(14){grid-area:2/1}.sl-item:nth-child(15){grid-area:3/1}.sl-item:nth-child(16){grid-area:3/2}.sl-item:nth-child(17){grid-area:3/3}.sl-item:nth-child(18){grid-area:3/4}.sl-item:nth-child(19){grid-area:3/5}.sl-item:nth-child(20){grid-area:3/6}.sl-item:nth-child(21){grid-area:3/7}.sl-item:nth-child(22){grid-area:4/7}.sl-item:nth-child(23){grid-area:4/6}.sl-item:nth-child(24){grid-area:4/5}.sl-item:nth-child(25){grid-area:4/4}.sl-item:nth-child(26){grid-area:4/3}.sl-item:nth-child(27){grid-area:4/2}.sl-item:nth-child(28){grid-area:4/1}.sl-item:nth-child(29){grid-area:5/1}.sl-item:nth-child(30){grid-area:5/2}.sl-item:nth-child(31){grid-area:5/3}.sl-item:nth-child(32){grid-area:5/4}.sl-item:nth-child(33){grid-area:5/5}.sl-item:nth-child(34){grid-area:5/6}.sl-item:nth-child(35){grid-area:5/7}.sl-item:nth-child(36){grid-area:6/7}.sl-item:nth-child(37){grid-area:6/6}.sl-item:nth-child(38){grid-area:6/5}.sl-item:nth-child(39){grid-area:6/4}.sl-item:nth-child(40){grid-area:6/3}.sl-item:nth-child(41){grid-area:6/2}.sl-item:nth-child(42){grid-area:6/1}.sl-item:nth-child(43){grid-area:7/1}.sl-item:nth-child(44){grid-area:7/2}.sl-item:nth-child(45){grid-area:7/3}.sl-item:nth-child(46){grid-area:7/4}.sl-item:nth-child(47){grid-area:7/5}.sl-item:nth-child(1)::before,.sl-item:nth-child(2)::before,.sl-item:nth-child(3)::before,.sl-item:nth-child(4)::before,.sl-item:nth-child(5)::before,.sl-item:nth-child(6)::before,.sl-item:nth-child(15)::before,.sl-item:nth-child(16)::before,.sl-item:nth-child(17)::before,.sl-item:nth-child(18)::before,.sl-item:nth-child(19)::before,.sl-item:nth-child(20)::before,.sl-item:nth-child(29)::before,.sl-item:nth-child(30)::before,.sl-item:nth-child(31)::before,.sl-item:nth-child(32)::before,.sl-item:nth-child(33)::before,.sl-item:nth-child(34)::before,.sl-item:nth-child(43)::before,.sl-item:nth-child(44)::before,.sl-item:nth-child(45)::before,.sl-item:nth-child(46)::before{content:"";right:50%;width:calc(100% + var(--gx))}.sl-item:nth-child(8)::before,.sl-item:nth-child(9)::before,.sl-item:nth-child(10)::before,.sl-item:nth-child(11)::before,.sl-item:nth-child(12)::before,.sl-item:nth-child(13)::before,.sl-item:nth-child(22)::before,.sl-item:nth-child(23)::before,.sl-item:nth-child(24)::before,.sl-item:nth-child(25)::before,.sl-item:nth-child(26)::before,.sl-item:nth-child(27)::before,.sl-item:nth-child(36)::before,.sl-item:nth-child(37)::before,.sl-item:nth-child(38)::before,.sl-item:nth-child(39)::before,.sl-item:nth-child(40)::before,.sl-item:nth-child(41)::before{content:"";left:50%;width:calc(100% + var(--gx))}.sl-item:nth-child(7)::after,.sl-item:nth-child(21)::after,.sl-item:nth-child(35)::after{content:"";right:calc(50% + var(--d)/2 - 4px);border-right:0;border-radius:999px 0 0 999px}.sl-item:nth-child(14)::after,.sl-item:nth-child(28)::after,.sl-item:nth-child(42)::after{content:"";left:calc(50% + var(--d)/2 - 4px);border-left:0;border-radius:0 999px 999px 0}.sl-item:nth-child(1) .sl-full,.sl-item:nth-child(14) .sl-full,.sl-item:nth-child(15) .sl-full,.sl-item:nth-child(28) .sl-full,.sl-item:nth-child(29) .sl-full,.sl-item:nth-child(42) .sl-full,.sl-item:nth-child(43) .sl-full{left:auto;right:-6px;transform:none}.sl-item:nth-child(7) .sl-full,.sl-item:nth-child(8) .sl-full,.sl-item:nth-child(21) .sl-full,.sl-item:nth-child(22) .sl-full,.sl-item:nth-child(35) .sl-full,.sl-item:nth-child(36) .sl-full{right:auto;left:-6px;transform:none}}