/* Solitaire Associations Journey: owner design, 11 Nov 2026 (home page + level pages). Loaded after style.css; body.sa-skin. */
body.sa-skin{--bg2:#242626;--ink2:#1a1b1b;--red:#ff4d5e;--red-d:#b4192e;--orange:#f59e0b;--blue:#3b82f6;--teal:#14b8a6;--purple:#a855f7;--pink:#ec4899;--gold:#f5c518;
  --teal-d:#0d8763;--purple-d:#5f32d6;--blue-d:#1d4fa8;--pink-d:#b61569}
@keyframes saGlow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes saShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes saRing{0%,100%{box-shadow:0 0 0 0 rgba(236,72,153,.35),0 0 0 0 rgba(139,92,246,.2)}50%{box-shadow:0 0 0 10px rgba(236,72,153,0),0 0 0 20px rgba(139,92,246,0)}}
@keyframes saSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* HERO */
.sa-skin .hero{padding:56px 0 46px}
.sa-skin .bwj-diamond{width:130px;height:130px;top:24px;right:34px;border-radius:20px}
.sa-skin .hero-in{position:relative;z-index:2;max-width:680px}
.sa-skin .sa-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--font-m);font-weight:700;font-size:11px;letter-spacing:.1em;margin:0 0 16px}
.sa-skin .sa-eyebrow span{color:#ffb3c6;background:rgba(236,72,153,.16);padding:5px 11px;border-radius:999px;border:1px solid rgba(255,179,198,.35)}
.sa-skin .sa-eyebrow span.sep{color:rgba(255,255,255,.25);background:none;border:0;padding:0}
.sa-skin .hero h1{font-size:52px;line-height:1.05;letter-spacing:-.03em;margin:0}
.sa-skin .hero .introtext{color:rgba(255,255,255,.9);font-weight:700;font-size:16.5px;line-height:1.75;margin:16px 0 0;max-width:540px}
.sa-skin .findwrap{margin-top:28px;max-width:540px}
.sa-skin .sa-go{display:block;margin:0}
.sa-skin .sa-go .findlabel{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:#fff;margin-bottom:10px;letter-spacing:.01em}
.sa-skin .sa-go .findlabel::before{content:"\1F0CF"}
.sa-skin .findouter{padding:3px;border-radius:16px;background:conic-gradient(from 0deg,var(--pink),var(--gold),var(--teal),var(--purple),var(--pink));background-size:300% 300%;animation:saShift 4s linear infinite,saRing 3.2s infinite;box-shadow:0 26px 60px -20px rgba(168,85,247,.55)}
.sa-skin .findrow{display:flex;border-radius:13px;background:#0b0814;overflow:hidden}
.sa-skin .sa-go input.findin{flex:1;width:auto;min-width:0;min-height:52px;background:transparent;border:0;border-radius:0;outline:none;padding:16px 18px;color:#fff;font:600 16px var(--font-b);-moz-appearance:textfield}
.sa-skin .sa-go input.findin::-webkit-outer-spin-button,.sa-skin .sa-go input.findin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sa-skin .sa-go input.findin::placeholder{color:rgba(255,255,255,.55);font-weight:600}
.sa-skin .sa-go .findbtn{flex-shrink:0;min-height:52px;font:800 14px var(--font-b);color:#0c0d16;background:linear-gradient(120deg,var(--gold),#ffd866);padding:0 26px;border:0;border-radius:0;cursor:pointer;position:relative;overflow:hidden}
.sa-skin .sa-go .findbtn:hover{background:linear-gradient(120deg,#ffd866,var(--gold))}
.sa-skin .findrow:focus-within{box-shadow:0 0 0 3px #fff inset}
.sa-skin .findmeta{font-family:var(--font-m);font-size:13.5px;font-weight:700;letter-spacing:.015em;color:#5eead4;margin:12px 0 0;min-height:17px;text-shadow:0 0 20px rgba(20,184,166,.55)}
.sa-skin .herofacts{display:flex;gap:11px;flex-wrap:wrap;margin:24px 0 0}
.sa-skin .hfact{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-weight:800;font-size:13px;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:9px 16px;border-radius:999px;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.sa-skin .hfact:hover{background:rgba(255,255,255,.16)}
.sa-skin .hf-find::before{content:"\1F50D"}
.sa-skin .hf-play{background:linear-gradient(120deg,var(--gold),#ffd866);color:#2a1a00;border-color:transparent}
.sa-skin .hf-play:hover{background:linear-gradient(120deg,#ffd866,var(--gold))}
.sa-skin .hf-play::before{content:"\1F4DA"}

/* SECTIONS */
.sa-skin .section{padding:60px 0}
.sa-skin .section h2{font-size:34px}
.sa-skin .section h2 .glow{background:linear-gradient(100deg,var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.sa-skin .section .subtext{color:var(--text-sub);font-weight:700;font-size:15px;line-height:1.7;margin:0 0 30px;max-width:560px}
.sa-skin .section .lead{font-weight:700;font-size:15px;margin:0 0 28px;max-width:560px}
.sa-skin .section:has(ol),.sa-skin .section:has(.bwj-faq){background:var(--bg2);position:relative;overflow:hidden}
.sa-skin .section:has(ol)::before,.sa-skin .section:has(.bwj-faq)::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(1100px 500px at 50% 0%,#000,transparent 80%);mask-image:radial-gradient(1100px 500px at 50% 0%,#000,transparent 80%)}
.sa-skin .section:has(ol) .wrap,.sa-skin .section:has(.bwj-faq) .wrap{position:relative;z-index:1}
.sa-skin .section:has(ol) .wrap{display:flex;flex-direction:column}
.sa-skin .section:has(ol) .wrap>.bwj-dash{order:0}
.sa-skin .section:has(ol) .wrap>h2{order:1}
.sa-skin .section:has(ol) .wrap>.subtext{order:2}
.sa-skin .section:has(ol) .wrap>ol{order:3}

/* LEVEL BANDS */
.sa-skin .sa-dir details.bandacc{--c1:var(--teal);margin:0 0 16px;border:0;border-radius:20px;overflow:hidden;background:none}
.sa-skin .bandacc.b1,.sa-skin .bandacc.b7{--c1:var(--purple)}
.sa-skin .bandacc.b2,.sa-skin .bandacc.b8{--c1:var(--blue)}
.sa-skin .bandacc.b3{--c1:var(--pink)}
.sa-skin .bandacc.b4{--c1:var(--red)}
.sa-skin .bandacc.b5{--c1:var(--orange)}
.sa-skin .sa-dir .bandacc summary{list-style:none;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;min-height:88px;padding:18px 22px;border-radius:20px;color:#fff;
  background:repeating-linear-gradient(128deg,color-mix(in srgb,var(--c1) 16%,transparent) 0px,color-mix(in srgb,var(--c1) 16%,transparent) 2px,transparent 2px,transparent 13px),
    radial-gradient(150% 190% at 0% 0%,color-mix(in srgb,var(--c1) 34%,var(--card)) 0%,color-mix(in srgb,var(--c1) 12%,var(--card)) 48%,var(--card) 85%);
  border:3px solid color-mix(in srgb,var(--c1) 65%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 20px 40px -20px color-mix(in srgb,var(--c1) 65%,transparent)}
.sa-skin .bandacc[open] summary{border-radius:20px 20px 0 0}
.sa-skin .bandacc summary::-webkit-details-marker{display:none}
.sa-skin .bandacc summary::after{content:"";position:absolute;top:-30px;right:-30px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--c1) 55%,transparent);filter:blur(28px);opacity:.55;pointer-events:none;animation:saGlow 3.4s ease-in-out infinite}
.sa-skin .bandicon{position:relative;z-index:1;flex-shrink:0;width:52px;height:52px;border-radius:15px;background:linear-gradient(140deg,var(--c1),color-mix(in srgb,var(--c1) 55%,#000));display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 12px 24px -6px var(--c1)}
.sa-skin .b0 .bandicon::before{content:"\1F0CF"}
.sa-skin .b1 .bandicon::before{content:"\1F0B1"}
.sa-skin .b2 .bandicon::before{content:"\1F4CA"}
.sa-skin .b3 .bandicon::before{content:"\1F3C6"}
.sa-skin .b4 .bandicon::before{content:"\2605"}
.sa-skin .b5 .bandicon::before{content:"\1F4A1"}
.sa-skin .b6 .bandicon::before{content:"\1F4E6"}
.sa-skin .b7 .bandicon::before{content:"\1F511"}
.sa-skin .b8 .bandicon::before{content:"\1F3AF"}
.sa-skin .bandtext{position:relative;z-index:1;flex:1;min-width:0;font-family:var(--font-dh);font-weight:900;font-size:19px;color:#fff}
.sa-skin .bandcnt{position:relative;z-index:1;font-family:var(--font-m);font-weight:700;font-size:12px;color:#fff;background:color-mix(in srgb,var(--c1) 70%,#000);padding:4px 12px;border-radius:999px;white-space:nowrap}
.sa-skin .bandtri{position:relative;z-index:1;flex-shrink:0;font-size:16px;color:#fff;transition:transform .2s}
.sa-skin .bandtri::before{content:"\25BC"}
.sa-skin .bandacc[open] .bandtri{transform:rotate(180deg)}
.sa-skin .bandbody{padding:22px;background:var(--card);border:3px solid color-mix(in srgb,var(--c1) 40%,transparent);border-top:0;border-radius:0 0 20px 20px}
.sa-skin .sagrid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}
@media(max-width:980px){.sa-skin .sagrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.sa-skin .sagrid{grid-template-columns:repeat(2,1fr)}}

.sa-skin .sa-dir a.lvlcard{--c1:var(--red);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:0;padding:14px;border-radius:14px;color:#fff;text-decoration:none;font-weight:400;
  background:repeating-linear-gradient(128deg,color-mix(in srgb,var(--c1) 16%,transparent) 0px,color-mix(in srgb,var(--c1) 16%,transparent) 2px,transparent 2px,transparent 13px),
    radial-gradient(150% 190% at 0% 0%,color-mix(in srgb,var(--c1) 38%,var(--card)) 0%,color-mix(in srgb,var(--c1) 14%,var(--card)) 48%,var(--card) 85%);
  border:2px solid color-mix(in srgb,var(--c1) 72%,transparent);
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 26px 48px -18px color-mix(in srgb,var(--c1) 70%,transparent);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s}
.sa-skin .sa-dir a.lvlcard.k1{--c1:var(--orange)}.sa-skin .sa-dir a.lvlcard.k2{--c1:var(--teal)}.sa-skin .sa-dir a.lvlcard.k3{--c1:var(--purple)}.sa-skin .sa-dir a.lvlcard.k4{--c1:var(--blue)}.sa-skin .sa-dir a.lvlcard.k5{--c1:var(--pink)}
.sa-skin .lvlcard::after{content:"";position:absolute;top:-34px;right:-34px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--c1) 60%,transparent);filter:blur(30px);opacity:.6;pointer-events:none}
.sa-skin .lvlcard:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 36px 62px -16px color-mix(in srgb,var(--c1) 95%,transparent)}
.sa-skin .lvlnum{position:absolute;top:8px;right:9px;z-index:1;font-family:var(--font-m);font-weight:700;font-size:10.5px;color:#fff;background:color-mix(in srgb,var(--c1) 70%,#000);padding:3px 8px;border-radius:999px;box-shadow:0 4px 10px -3px rgba(0,0,0,.5)}
.sa-skin .lvliconwrap{position:relative;z-index:1;flex-shrink:0;width:38px;height:38px}
.sa-skin .lvliconwrap::before{content:"";position:absolute;inset:-4px;border-radius:14px;background:conic-gradient(from 0deg,var(--c1),transparent 60%,var(--c1));animation:saSpin 5s linear infinite;opacity:.9}
.sa-skin .lvlicon{position:relative;z-index:1;width:38px;height:38px;border-radius:11px;background:linear-gradient(140deg,var(--c1),color-mix(in srgb,var(--c1) 55%,#000));display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;box-shadow:0 14px 30px -6px var(--c1);transition:transform .22s}
.sa-skin .u0 .lvlicon::before{content:"\2660"}.sa-skin .u1 .lvlicon::before{content:"\2665"}.sa-skin .u2 .lvlicon::before{content:"\2666"}.sa-skin .u3 .lvlicon::before{content:"\2663"}
.sa-skin .lvlcard:hover .lvlicon{transform:rotate(-10deg) scale(1.12)}
.sa-skin .lvlbody{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.sa-skin .lvlh{font-family:var(--font-dh);font-weight:900;font-size:15.5px;letter-spacing:-.01em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sa-skin .lvltag{font-family:var(--font-m);font-weight:700;font-size:10.5px;color:#fff;background:color-mix(in srgb,var(--c1) 75%,#000);padding:3px 8px;border-radius:8px}
.sa-skin .lvlarrow{position:relative;z-index:1;flex-shrink:0;font-weight:900;font-size:17px;color:color-mix(in srgb,var(--c1) 55%,#fff);opacity:0;transform:translateX(-4px);transition:all .22s}
.sa-skin .lvlcard:hover .lvlarrow,.sa-skin .lvlcard:focus-visible .lvlarrow{opacity:1;transform:translateX(0)}
.sa-skin .sa-dir a.lvlcard:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* HOW-TO: three colour cards */
.sa-skin .section ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
@media(max-width:820px){.sa-skin .section ol{grid-template-columns:1fr}}
.sa-skin .section ol li{--c1:var(--purple);position:relative;overflow:hidden;border-radius:20px;padding:24px;color:#fff;margin:0;
  background:linear-gradient(135deg,var(--purple-d),#7c3aed 60%,#8b46f0);box-shadow:0 2px 0 rgba(255,255,255,.18) inset,0 30px 56px -24px var(--c1);border:2px solid rgba(255,255,255,.22)}
.sa-skin .section ol li:nth-child(2){--c1:var(--teal);background:linear-gradient(135deg,#0a5e46,#0d7868 60%,#0e8474)}
.sa-skin .section ol li:nth-child(3){--c1:var(--red);background:linear-gradient(135deg,var(--red-d),#d11a41 60%,#dc2648)}
.sa-skin .section ol li::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(128deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 2px,transparent 2px,transparent 16px)}
.sa-skin .section ol li::after{content:"";position:absolute;bottom:-40px;right:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.22);filter:blur(28px);pointer-events:none}
.sa-skin .section ol li h3{position:relative;z-index:1;font-family:var(--font-dh);font-weight:900;font-size:20px;letter-spacing:-.01em;margin:0 0 10px;color:#fff}
.sa-skin .section ol li h3::before{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.22);font-size:20px;margin-bottom:14px;box-shadow:0 10px 20px -8px rgba(0,0,0,.4);content:"\1F0CF"}
.sa-skin .section ol li:nth-child(2) h3::before{content:"\1F50D"}
.sa-skin .section ol li:nth-child(3) h3::before{content:"\2705"}
.sa-skin .section ol li p{position:relative;z-index:1;font-family:var(--font-dh);font-size:16px;font-weight:700;letter-spacing:-.005em;line-height:1.55;margin:0;color:#fff}

/* TIPS: two colour cards */
.sa-skin .details:not(.bwj-faq){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:820px){.sa-skin .details:not(.bwj-faq){grid-template-columns:1fr}}
.sa-skin .details:not(.bwj-faq) .explain{--c1:var(--teal);border-radius:20px;padding:24px;background:linear-gradient(135deg,#0a5e46,#0d7868 60%,#0e8474);border:2px solid rgba(255,255,255,.22);box-shadow:0 2px 0 rgba(255,255,255,.18) inset,0 30px 56px -24px var(--c1)}
.sa-skin .details:not(.bwj-faq) .explain:nth-child(2){--c1:var(--purple);background:linear-gradient(135deg,var(--purple-d),#7c3aed 60%,#8b46f0)}
.sa-skin .details:not(.bwj-faq) .explain::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(128deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 2px,transparent 2px,transparent 16px)}
.sa-skin .details:not(.bwj-faq) .explain::after{top:auto;right:-40px;bottom:-40px;width:130px;height:130px;background:rgba(255,255,255,.22);filter:blur(28px);opacity:1}
.sa-skin .details:not(.bwj-faq) .explain h3{font-size:20px;margin:0 0 10px}
.sa-skin .details:not(.bwj-faq) .explain h3::before{background:rgba(255,255,255,.22);content:"\1F0CF"}
.sa-skin .details:not(.bwj-faq) .explain:nth-child(2) h3::before{content:"\1F4F7"}
.sa-skin .details:not(.bwj-faq) .explain p{font-family:var(--font-dh);font-size:16px;font-weight:700;line-height:1.55;color:#fff}
.sa-skin .details:not(.bwj-faq) .explain a{color:#fff;text-decoration:underline;font-weight:800}

/* GUIDE: covers panel + game note */
.sa-skin .coverspanel{position:relative;overflow:hidden;border-radius:22px;padding:4px;background:conic-gradient(from 90deg,var(--teal),var(--blue),var(--purple),var(--pink),var(--teal));background-size:260% 260%;animation:saShift 7s linear infinite}
.sa-skin .coverspanel-in{position:relative;background:var(--ink2);border-radius:19px;padding:30px 32px;overflow:hidden}
.sa-skin .coverspanel-in::before,.sa-skin .verifybox-in::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(600px 320px at 100% 0%,#000,transparent 75%);mask-image:radial-gradient(600px 320px at 100% 0%,#000,transparent 75%)}
.sa-skin .coverspanel-in>*,.sa-skin .verifybox-in>*{position:relative;z-index:1}
.sa-skin .coverspanel-in p{font-size:15px;color:rgba(255,255,255,.88);font-weight:600;line-height:1.9;margin:0 0 14px;max-width:none}
.sa-skin .coverspanel-in p:last-child{margin-bottom:0}
.sa-skin .coverspanel-in b{color:#fff}
.sa-skin .verifybox{position:relative;overflow:hidden;border-radius:22px;padding:4px;margin-top:30px;background:conic-gradient(from 180deg,var(--purple),var(--pink),var(--orange),var(--teal),var(--purple));background-size:260% 260%;animation:saShift 7s linear infinite}
.sa-skin .verifybox-in{position:relative;background:var(--ink2);border-radius:19px;padding:26px 28px;overflow:hidden}
.sa-skin .verifybox h3{font-family:var(--font-dh);font-weight:900;font-size:16.5px;color:#fff;margin:0 0 10px;display:flex;align-items:center;gap:9px}
.sa-skin .verifybox h3::before{content:"\2705"}
.sa-skin .verifybox p{font-size:14.5px;color:rgba(255,255,255,.86);font-weight:600;line-height:1.85;margin:0;max-width:none}

/* FAQ grid */
.sa-skin .bwj-faq{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:820px){.sa-skin .bwj-faq{grid-template-columns:1fr}}
.sa-skin .bwj-faq .explain{--c1:var(--blue);border-radius:19px;padding:22px 24px;border-width:2px;
  background:repeating-linear-gradient(128deg,color-mix(in srgb,var(--c1) 14%,transparent) 0px,color-mix(in srgb,var(--c1) 14%,transparent) 2px,transparent 2px,transparent 14px),radial-gradient(140% 180% at 100% 0%,color-mix(in srgb,var(--c1) 20%,var(--card)) 0%,var(--card) 55%)}
.sa-skin .bwj-faq .explain:nth-child(2){--c1:var(--pink)}
.sa-skin .bwj-faq .explain:nth-child(3){--c1:var(--orange)}
.sa-skin .bwj-faq .explain:nth-child(4){--c1:var(--teal)}
.sa-skin .bwj-faq .explain h3{display:flex;align-items:flex-start;gap:9px;font-size:18px;margin:0 0 11px}
.sa-skin .bwj-faq .explain h3::before{content:"\2753"!important;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;margin:0;border-radius:10px;font-size:14px;background:color-mix(in srgb,var(--c1) 70%,#000);box-shadow:0 8px 16px -4px color-mix(in srgb,var(--c1) 70%,transparent)}
.sa-skin .bwj-faq .explain:nth-child(2) h3::before{content:"\1F0CF"!important}
.sa-skin .bwj-faq .explain:nth-child(3) h3::before{content:"\26A0\FE0F"!important}
.sa-skin .bwj-faq .explain:nth-child(4) h3::before{content:"\2705"!important}
.sa-skin .bwj-faq .explain p{font-size:14px;color:rgba(255,255,255,.88);font-weight:600;line-height:1.75}
.sa-skin .bwj-faq .explain a{color:#ffd866;font-weight:800;text-decoration:underline}

/* COMMENTS spacing */
.sa-skin #comments{margin-top:40px;margin-bottom:40px;padding-inline:28px}

/* BACK TO TOP */
.sa-skin .backtop{position:fixed;bottom:26px;right:26px;z-index:65;width:52px;height:52px;border-radius:50%;background:conic-gradient(from 180deg,var(--purple),var(--pink),var(--gold),var(--teal),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:900;text-decoration:none;box-shadow:0 18px 36px -14px rgba(168,85,247,.7);transition:opacity .25s,transform .25s}
.sa-skin .backtop.hide{opacity:0;transform:translateY(16px) scale(.8);pointer-events:none}
.sa-skin .backtop:hover{transform:translateY(-3px) scale(1.06)}
.sa-skin .backtop:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

@media(max-width:560px){
  .sa-skin .hero h1{font-size:30px}
  .sa-skin .section h2{font-size:22px}
  .sa-skin .bwj-diamond{width:70px;height:70px}
  .sa-skin .sa-dir .bandacc summary{gap:12px;padding:14px 16px}
  .sa-skin .bandicon{width:42px;height:42px;font-size:19px}
  .sa-skin .bandbody{padding:14px}
  .sa-skin .coverspanel-in,.sa-skin .verifybox-in{padding:22px 20px}
  .sa-skin #comments{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.sa-skin *,.sa-skin *::before,.sa-skin *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ================= LEVEL PAGES (body.sa-range) ================= */
.sa-range .hero{padding:38px 0 30px;background:radial-gradient(900px 420px at 85% 0%,rgba(236,72,153,.22),transparent 60%),radial-gradient(700px 420px at 10% 100%,rgba(20,184,166,.14),transparent 60%),linear-gradient(160deg,#070710 0%,#130f24 60%,#1c1133 100%)}
.sa-range .bwj-diamond{display:none}
.sa-range .hero-in{max-width:760px}
.sa-skin .hero .crumbs{font-family:var(--font-m);font-weight:700;font-size:12.5px;color:rgba(255,255,255,.55);margin:0 0 14px;max-width:none;background:none;border:0;padding:0;box-shadow:none}
.sa-skin .hero .crumbs a{color:#5eead4;min-height:0;min-width:0;display:inline;text-decoration:none}
.sa-skin .hero .crumbs a:hover{text-decoration:underline}
.sa-range .hero h1{font-size:38px;line-height:1.1}
.sa-range .hero .chips{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 4px;padding:0;background:none;border:0;position:static}
.sa-range .hero .chips a{--c1:var(--red);display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;border-radius:12px;font:700 13.5px var(--font-m);color:#fff;text-decoration:none;
  background:color-mix(in srgb,var(--c1) 38%,#000);border:1.5px solid color-mix(in srgb,var(--c1) 70%,transparent);box-shadow:0 10px 20px -8px color-mix(in srgb,var(--c1) 70%,transparent);transition:transform .15s}
.sa-range .hero .chips a:nth-child(6n+2){--c1:var(--orange)}.sa-range .hero .chips a:nth-child(6n+3){--c1:var(--teal)}.sa-range .hero .chips a:nth-child(6n+4){--c1:var(--purple)}.sa-range .hero .chips a:nth-child(6n+5){--c1:var(--blue)}.sa-range .hero .chips a:nth-child(6n){--c1:var(--pink)}
.sa-range .hero .chips a:hover{transform:translateY(-3px)}
.sa-range .hero .chips a[aria-current]{background:var(--c1);box-shadow:0 0 0 2px #fff}
.sa-range .hero .chips a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* one level = one answer card */
.sa-range section.level{--c1:var(--red);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:center;
  border-radius:22px;padding:26px 28px 24px;margin:0 0 20px;scroll-margin-top:90px;
  background:repeating-linear-gradient(128deg,color-mix(in srgb,var(--c1) 14%,transparent) 0px,color-mix(in srgb,var(--c1) 14%,transparent) 2px,transparent 2px,transparent 14px),radial-gradient(150% 190% at 0% 0%,color-mix(in srgb,var(--c1) 20%,var(--card)) 0%,var(--card) 60%);
  border:1.5px solid color-mix(in srgb,var(--c1) 42%,var(--line))}
.sa-range section.level:nth-of-type(6n+2){--c1:var(--orange)}.sa-range section.level:nth-of-type(6n+3){--c1:var(--teal)}.sa-range section.level:nth-of-type(6n+4){--c1:var(--purple)}.sa-range section.level:nth-of-type(6n+5){--c1:var(--blue)}.sa-range section.level:nth-of-type(6n){--c1:var(--pink)}
.sa-range section.level::after{content:"";position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--c1) 50%,transparent);filter:blur(30px);opacity:.45;pointer-events:none;animation:saGlow 3.6s ease-in-out infinite}
.sa-range section.level>*{position:relative;z-index:1}
.sa-range section.level.sa-current{box-shadow:0 0 0 3px var(--c1)}
.sa-range .level-heading{grid-column:1;grid-row:1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0}
.sa-range .level-heading::before{content:"\2660";flex-shrink:0;width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,var(--c1),color-mix(in srgb,var(--c1) 55%,#000));display:flex;align-items:center;justify-content:center;font-size:21px;color:#fff;box-shadow:0 12px 24px -6px var(--c1)}
.sa-range section.level:nth-of-type(4n+2) .level-heading::before{content:"\2665"}.sa-range section.level:nth-of-type(4n+3) .level-heading::before{content:"\2666"}.sa-range section.level:nth-of-type(4n) .level-heading::before{content:"\2663"}
.sa-range .level-heading h2{font-family:var(--font-dh);font-weight:900;font-size:21px;color:#fff;margin:0;text-shadow:none}
.sa-range .level-heading .badge{font:700 12px var(--font-m);color:color-mix(in srgb,var(--c1) 85%,#fff);background:none;border:0;padding:0}
.sa-range .sa-level-tools{grid-column:2;grid-row:1;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin:0}
.sa-range .sa-level-tools .button,.sa-range .sa-level-tools button{width:auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:999px;font:800 12.5px var(--font-b);color:#fff;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);box-shadow:none;text-decoration:none;white-space:nowrap;cursor:pointer}
.sa-range .sa-level-tools .button:hover,.sa-range .sa-level-tools button:hover{background:rgba(255,255,255,.18);color:#fff}
.sa-range .sa-level-tools .button::before{content:"\26A0\FE0F";position:static;width:auto;height:auto;background:none;animation:none}
.sa-range .sa-level-tools .button::after,.sa-range .sa-level-tools button::after{content:none}
.sa-range section.level .cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 0}
@media(max-width:860px){.sa-range section.level .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sa-range section.level .cards{grid-template-columns:1fr}.sa-range section.level{grid-template-columns:1fr;padding:22px 18px}.sa-range .sa-level-tools{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:14px}.sa-range .hero h1{font-size:28px}}
.sa-range section.level .card{--c1:var(--orange);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-content:start;column-gap:8px;margin:0;padding:14px 15px;border-radius:15px;
  background:rgba(0,0,0,.28);border:1.5px solid color-mix(in srgb,var(--c1) 55%,rgba(255,255,255,.14));box-shadow:none;color:#fff}
.sa-range section.level .card:nth-child(6n+2){--c1:var(--teal)}.sa-range section.level .card:nth-child(6n+3){--c1:var(--purple)}.sa-range section.level .card:nth-child(6n+4){--c1:var(--blue)}.sa-range section.level .card:nth-child(6n+5){--c1:var(--pink)}.sa-range section.level .card:nth-child(6n){--c1:var(--red)}
.sa-range section.level .card::before,.sa-range section.level .card::after{content:none}
.sa-range section.level .card h3{grid-column:1;display:flex;align-items:center;gap:8px;font-family:var(--font-dh);font-weight:800;font-size:14.5px;line-height:1.25;color:#fff;margin:0;min-width:0}
.sa-range section.level .card h3::before{content:"\1F0CF";font-size:13px;flex-shrink:0;width:auto;height:auto;margin:0;background:none;box-shadow:none;display:inline}
.sa-range section.level .card .sa-count{grid-column:2;font:700 10.5px var(--font-m);color:color-mix(in srgb,var(--c1) 85%,#fff);background:color-mix(in srgb,var(--c1) 30%,transparent);padding:3px 8px;border-radius:999px;margin:0;white-space:nowrap}
.sa-range section.level .card ul.words{grid-column:1/-1;list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0}
.sa-range section.level .card ul.words li{display:inline-flex;align-items:center;gap:6px;margin:0;font-family:var(--font-b);font-weight:700;font-size:12.5px;line-height:1.3;color:#fff;background:color-mix(in srgb,var(--c1) 22%,rgba(255,255,255,.06));border:1px solid color-mix(in srgb,var(--c1) 45%,rgba(255,255,255,.18));padding:5px 10px;border-radius:9px}
.sa-range section.level .card ul.words li::before,.sa-range section.level .card ul.words li::marker{content:none}
.sa-range .sa-pic{font:700 9.5px var(--font-m);letter-spacing:.04em;text-transform:uppercase;color:#2a1a00;background:linear-gradient(120deg,var(--gold),#ffd866);padding:2px 6px;border-radius:6px}
.sa-range section.level .level-pager{grid-column:1/-1;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin:18px 0 0;padding:0;background:none;border:0}
.sa-range section.level .level-pager .button{width:auto;flex:0 0 auto;min-height:40px;padding:8px 14px;border-radius:999px;font:700 12.5px var(--font-b);color:rgba(255,255,255,.85);background:transparent;border:1px solid rgba(255,255,255,.18);box-shadow:none}
.sa-range section.level .level-pager .button:hover{background:rgba(255,255,255,.1);color:#fff}
.sa-range section.level .level-pager .button::after{content:none}

/* bottom page navigation */
.sa-range .pager:not(.level-pager){display:flex;gap:12px;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:6px 0 18px}
.sa-range .pager:not(.level-pager) .button{width:auto;flex:0 0 auto;min-height:48px;padding:14px 22px;border-radius:13px;font:800 14px var(--font-b);color:#fff;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.26);box-shadow:none;transition:transform .15s}
.sa-range .pager:not(.level-pager) .button:hover{transform:translateY(-2px);background:rgba(255,255,255,.16)}
.sa-range .pager:not(.level-pager) .button.sa-next{color:#2a1a00;background:linear-gradient(120deg,var(--gold),#ffd866);border-color:transparent;box-shadow:0 16px 32px -12px rgba(245,197,24,.6)}
.sa-range .pager:not(.level-pager) .button::after{content:none}
.sa-range .sa-go{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0}
.sa-range .sa-go input{width:12rem;min-height:46px;background:#0b0814;color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 14px;font:600 15px var(--font-b)}
.sa-range .sa-go input::placeholder{color:rgba(255,255,255,.55)}
.sa-range .sa-go button{min-height:46px;padding:0 22px;border-radius:12px;border:0;font:800 14px var(--font-b);color:#0c0d16;background:linear-gradient(120deg,var(--gold),#ffd866);cursor:pointer}
.sa-range .sa-msg{color:#5eead4;margin-top:8px}

/* how-to cards on level pages have no title row */
.sa-skin .section ol li{font-family:var(--font-dh);font-size:16px;font-weight:700;line-height:1.55}

/* ================= WORD FINDER (body.sa-finder) ================= */
.sa-finder .hero{padding:44px 0 46px}
.sa-finder .hero-in{max-width:700px}
.sa-finder .hero h1{font-size:44px;line-height:1.08}
.sa-finder .sa-findwrap{max-width:640px;margin-top:30px}
.sa-finder #sa-find{display:block;margin:0}
.sa-finder #sa-find[hidden]{display:none}
.sa-finder #sa-find .findlabel{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:#fff;margin-bottom:10px}
.sa-finder #sa-find .findlabel::before{content:"\1F50D"}
.sa-finder #sa-find input.findin{flex:1;width:auto;min-width:0;min-height:56px;background:transparent;border:0;border-radius:0;outline:none;padding:18px 20px;color:#fff;font:700 16px var(--font-b);-webkit-appearance:none;appearance:none}
.sa-finder #sa-find input.findin::placeholder{color:rgba(255,255,255,.5);font-weight:600}
.sa-finder #sa-find input.findin::-webkit-search-cancel-button{filter:invert(1)}
.sa-finder #sa-find .findbtn{flex-shrink:0;min-height:56px;font:800 14px var(--font-b);color:#0c0d16;background:linear-gradient(120deg,var(--gold),#ffd866);padding:0 30px;border:0;border-radius:0;cursor:pointer}
.sa-finder #sa-find .findbtn:hover{background:linear-gradient(120deg,#ffd866,var(--gold))}
.sa-finder #sa-status{color:rgba(255,255,255,.7);text-shadow:none;margin:12px 0 0}
.sa-finder ol.sa-results{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.sa-finder ol.sa-results:empty{display:none}
.sa-finder ol.sa-results li{--c1:var(--orange);margin:0;padding:0;background:none;border:0}
.sa-finder ol.sa-results li:nth-child(6n+2){--c1:var(--purple)}.sa-finder ol.sa-results li:nth-child(6n+3){--c1:var(--red)}.sa-finder ol.sa-results li:nth-child(6n+4){--c1:var(--teal)}.sa-finder ol.sa-results li:nth-child(6n+5){--c1:var(--blue)}.sa-finder ol.sa-results li:nth-child(6n){--c1:var(--pink)}
.sa-finder ol.sa-results a{display:flex;align-items:center;gap:13px;min-height:48px;padding:13px 16px;border-radius:14px;color:#fff;font-weight:700;font-size:14.5px;text-decoration:none;
  background:color-mix(in srgb,var(--c1) 16%,var(--card));border:1.5px solid color-mix(in srgb,var(--c1) 45%,var(--line));transition:transform .15s}
.sa-finder ol.sa-results a:hover{transform:translateX(4px)}
.sa-finder ol.sa-results a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sa-finder ol.sa-results a strong{flex-shrink:0;font:700 11.5px var(--font-m);color:#fff;background:color-mix(in srgb,var(--c1) 65%,#000);padding:6px 11px;border-radius:999px}
.sa-finder ol.sa-results a::after{content:"\2192";margin-left:auto;padding-left:10px;color:color-mix(in srgb,var(--c1) 85%,#fff);font-size:16px}

/* how-to: one numbered panel (coverspanel look) */
.sa-finder .section:has(ol) .wrap>ol{display:block;counter-reset:fstep;position:relative;border-radius:22px;padding:30px 32px;background:var(--ink2);border:0;
  box-shadow:0 0 0 4px transparent;outline:0}
.sa-finder .section:has(ol) .wrap>ol{background:linear-gradient(var(--ink2),var(--ink2)) padding-box,conic-gradient(from 90deg,var(--teal),var(--blue),var(--purple),var(--pink),var(--teal)) border-box;border:4px solid transparent}
.sa-finder .section ol li{counter-increment:fstep;background:none!important;border:0;box-shadow:none;border-radius:0;padding:0;margin:0 0 14px;font-family:var(--font-b);font-size:15px;font-weight:600;line-height:1.9;color:rgba(255,255,255,.88)}
.sa-finder .section ol li:last-child{margin-bottom:0}
.sa-finder .section ol li::before{content:counter(fstep) ".";position:static;inset:auto;background:none;font-weight:800;color:#fff;margin-right:6px}
.sa-finder .section ol li::after{content:none}

/* tips: three colour cards */
.sa-finder .details:not(.bwj-faq){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:820px){.sa-finder .details:not(.bwj-faq){grid-template-columns:1fr}}
.sa-finder .details:not(.bwj-faq) .explain:nth-child(1){--c1:var(--teal);background:linear-gradient(135deg,#0a5e46,#0d7868 60%,#0e8474)}
.sa-finder .details:not(.bwj-faq) .explain:nth-child(1) h3::before{content:"\2705"}
.sa-finder .details:not(.bwj-faq) .explain:nth-child(2) h3::before{content:"\1F0CF"}
.sa-finder .details:not(.bwj-faq) .explain:nth-child(3){--c1:var(--pink);background:linear-gradient(135deg,var(--pink-d),#c81d78 60%,#d42a84)}
.sa-finder .details:not(.bwj-faq) .explain:nth-child(3) h3::before{content:"\1F4F7"}
.sa-finder .bwj-faq .explain:nth-child(2){--c1:var(--red)}
.sa-finder .bwj-faq .explain:nth-child(2) h3::before,.sa-finder .bwj-faq .explain:nth-child(3) h3::before{content:"\2753"!important}
.sa-skin .verifybox.sa-warn h3::before{content:"\26A0\FE0F"}
@media(max-width:560px){.sa-finder .hero h1{font-size:30px}.sa-finder .section:has(ol) .wrap>ol{padding:22px 20px}}.sa-finder .details:not(.bwj-faq) .explain{grid-column:auto}

/* ================= TEXT PAGES: how to play + data page (body.sa-text) ================= */
.sa-text .hero{padding:44px 0 46px}
.sa-text .hero-in{max-width:720px}
.sa-text .hero h1{font-size:44px;line-height:1.08}
/* "How the game works" / "What our records contain": colour cards, 2 per row */
.sa-text .details:not(.bwj-faq) .explain{grid-column:auto}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n+1){--c1:var(--teal);background:linear-gradient(135deg,#0a5e46,#0d7868 60%,#0e8474)}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n+2){--c1:var(--purple);background:linear-gradient(135deg,var(--purple-d),#7c3aed 60%,#8b46f0)}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n+3){--c1:var(--pink);background:linear-gradient(135deg,var(--pink-d),#c81d78 60%,#d42a84)}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n+4){--c1:var(--orange);background:linear-gradient(135deg,#9a4d08,#a8560a 60%,#b45f0c)}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n+5){--c1:var(--teal);background:linear-gradient(135deg,#0a5e46,#0d7868 60%,#0e8474)}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n){--c1:var(--red);background:linear-gradient(135deg,var(--red-d),#d11a41 60%,#dc2648)}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n+1) h3::before{content:"\1F3AF"}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n+2) h3::before{content:"\1F0CF"}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n+3) h3::before{content:"\1F0CF"}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n+4) h3::before{content:"\23F1\FE0F"}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n+5) h3::before{content:"\1F4F7"}
.sa-text .details:not(.bwj-faq) .explain:nth-child(6n) h3::before{content:"\1F4C8"}
/* step list */
.sa-text .section:has(ol){background:var(--bg2)}
.sa-text .section ol{display:block;max-width:780px;margin:6px 0 0;padding:0;list-style:none;counter-reset:sstep}
.sa-text .section ol li{--c1:var(--red);counter-increment:sstep;position:relative;display:block;min-height:48px;margin:0;padding:7px 0 28px 68px;background:none!important;border:0;border-radius:0;box-shadow:none;
  font-family:var(--font-b);font-size:14.5px;font-weight:600;line-height:1.75;color:rgba(255,255,255,.85)}
.sa-text .section ol li:last-child{padding-bottom:0}
.sa-text .section ol li:nth-child(4n+2){--c1:var(--orange)}.sa-text .section ol li:nth-child(4n+3){--c1:var(--teal)}.sa-text .section ol li:nth-child(4n){--c1:var(--purple)}
.sa-text .section ol li::before{content:counter(sstep);position:absolute;left:0;top:0;inset:auto auto auto 0;width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;
  font:900 19px var(--font-dh);color:#fff;background:linear-gradient(140deg,var(--c1),color-mix(in srgb,var(--c1) 55%,#000));box-shadow:0 14px 28px -8px var(--c1);z-index:1;background-image:linear-gradient(140deg,var(--c1),color-mix(in srgb,var(--c1) 55%,#000))}
.sa-text .section ol li::after{content:"";position:absolute;left:23px;top:50px;bottom:0;width:2px;height:auto;border-radius:0;filter:none;background:linear-gradient(var(--line),transparent);right:auto}
.sa-text .section ol li:last-child::after{display:none}
.sa-text .section ol li h3{font-family:var(--font-dh);font-weight:900;font-size:17.5px;color:#fff;margin:0 0 6px;line-height:1.3}
.sa-text .section ol li h3::before{content:none}
.sa-text .section ol li p{font-family:var(--font-b);font-size:14.5px;font-weight:600;line-height:1.75;color:rgba(255,255,255,.85);margin:0}
/* tips + FAQ: card grid, third card full width */
.sa-text .bwj-faq .explain:last-child:nth-child(odd){grid-column:1/-1}
.sa-text .section:has(.bwj-faq){background:none}
.sa-text .section:has(.bwj-faq)::before{content:none}
.sa-text .section:last-of-type:has(.bwj-faq){background:var(--bg2)}
.sa-text .bwj-faq .explain:nth-child(1){--c1:var(--teal)}.sa-text .bwj-faq .explain:nth-child(2){--c1:var(--purple)}.sa-text .bwj-faq .explain:nth-child(3){--c1:var(--pink)}
.sa-text .bwj-faq .explain h3::before{content:"\2753"!important}
@media(max-width:560px){.sa-text .hero h1{font-size:30px}}.sa-text .section ol li:nth-child(n) h3::before{content:none;display:none}
.sa-text .bwj-faq .explain:nth-child(n) h3::before{content:"\2753"!important}
.sa-text .section:has(ol) + .section .bwj-faq .explain:nth-child(1) h3::before{content:"\2705"!important}
.sa-text .section:has(ol) + .section .bwj-faq .explain:nth-child(2) h3::before{content:"\1F4CA"!important}
.sa-text .section:has(ol) + .section .bwj-faq .explain:nth-child(3) h3::before{content:"\1F4F7"!important}
/* final audit X3D8 */
html body.sa-skin section.level{scroll-margin-top:77px}
html body.sa-skin section.level article.card ul.words li{font-size:16px;line-height:20px;padding:6px 11px}
html body.sa-skin section.level article.card h3{font-size:16px;line-height:20px}
html body.sa-skin section.level article.card ul.words li span.sa-pic{font-size:14px;line-height:18px;padding:1px 7px}
html body.sa-skin section.level article.card p.sa-count{font-size:14px;color:#fff}
html body.sa-skin section.level div.level-heading span.badge{font-size:14px}
html body.sa-skin section.hero p.crumbs,html body.sa-skin section.hero p.crumbs a{font-size:14px}
html body.sa-skin section.hero p.sa-eyebrow,html body.sa-skin section.hero p.sa-eyebrow span{font-size:14px}
html body.sa-skin section.hero p.findmeta{font-size:14px}
html body.sa-skin section.hero p.herofacts a.hfact{font-size:14px}
html body.sa-skin section.hero nav.chips a{font-size:16px}
html body.sa-skin section.level div.sa-level-tools button,html body.sa-skin section.level div.sa-level-tools a.button,html body.sa-skin section.level nav.pager.level-pager a.button{font-size:14px;min-height:44px}
html body.sa-home section#levels a.lvlcard span.lvlnum,html body.sa-home section#levels a.lvlcard span.lvltag{font-size:14px;background:rgba(8,8,16,.5);color:#fff}
html body.sa-home section#levels summary span.bandcnt{font-size:14px}
html body.sa-skin header.top a.brand::after{content:"CONNECT WORD"}
@media (max-width:899px){
html body.sa-skin header.top div.wrap{flex-wrap:nowrap}
html body.sa-skin header.top nav{flex-wrap:nowrap}
html body.sa-skin header.top nav a:first-child{display:none}
html body.sa-skin header.top nav a span.nav-long{display:none}
html body.sa-skin header.top nav a span.nav-short{display:inline}
}
@media (max-width:560px){
html body.sa-skin section.hero p.sa-eyebrow{display:none}
html body.sa-range section.hero p.introtext{font-size:15px;line-height:22px}
html body.sa-home section#levels a.lvlcard span.lvltag,html body.sa-home section#levels a.lvlcard span.lvlnum,html body.sa-home section#levels a.lvlcard span.lvlarrow,html body.sa-home section#levels a.lvlcard span.lvliconwrap{display:none}
html body.sa-home section#levels a.lvlcard{padding:12px 14px;min-height:48px}
html body.sa-home section#levels a.lvlcard span.lvlbody{flex:1 1 auto;min-width:0}
html body.sa-home section#levels a.lvlcard span.lvlh{font-size:16px;white-space:nowrap}
}
@media (max-width:340px){
html body.sa-skin header.top div.wrap{gap:8px}
html body.sa-skin header.top nav{gap:12px}
html body.sa-skin header.top a.brand{font-size:15px}
html body.sa-home section#levels a.lvlcard{padding:12px 8px}
html body.sa-home section#levels a.lvlcard span.lvlh{font-size:14px}
}
/* M6R2 2.2 */
html body.sa-skin section.level article.card h3 span.sa-pic{font-size:14px;line-height:18px;padding:1px 7px;margin-left:6px;vertical-align:middle}