/* Static pages (Mighty Su, Find a store, Start selling). Uses the site's tokens from the main stylesheet. */
.sx-paper{background:var(--color-paper);color:var(--color-bark)}
.sx-paper h1,.sx-paper h2,.sx-paper h3{font-family:var(--font-story);color:var(--color-bark);font-weight:600;letter-spacing:-.01em}
.sx-h1{font-size:clamp(2.2rem,5.4vw,3.7rem);line-height:1.06}
.sx-h2{font-size:clamp(1.65rem,3.4vw,2.4rem);line-height:1.15}
.sx-h3{font-size:1.25rem;line-height:1.3}
.sx-lede{font-family:var(--font-story);font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.7}
.sx-muted{color:#6d5a4c}
.sx-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-leaf);font-size:.76rem;font-weight:700;font-family:var(--font-sans)}
.sx-sec{padding:3.25rem 0}
@media (min-width:768px){.sx-sec{padding:4.75rem 0}}
.sx-alt{background:#efe5d6}
.sx-dark{background:var(--color-bark);color:#f6eee2}
.sx-dark h2,.sx-dark h3{color:#fff}
.sx-btn-bark{background:var(--color-bark);color:var(--color-paper)}
.sx-btn-bark:hover{background:var(--color-ink)}
.sx-btn-ghost{border:1.5px solid rgba(74,52,38,.25);color:var(--color-bark);background:transparent}
.sx-btn-ghost:hover{border-color:var(--color-bark)}
.sx-grid{display:grid;gap:1.25rem}
@media (min-width:640px){.sx-g2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.sx-g3{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:640px) and (max-width:899px){.sx-g3,.sx-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-hero{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.sx-hero{grid-template-columns:1fr 1.15fr;gap:3rem}}
.sx-img{display:block;width:100%;height:auto;border-radius:1.1rem;box-shadow:0 18px 40px -22px rgba(74,52,38,.45)}
.sx-card{display:flex;flex-direction:column;background:#fffaf3;border:1px solid #eadcc7;border-radius:1rem;overflow:hidden;transition:box-shadow .2s,transform .2s;color:inherit;text-decoration:none}
.sx-card:hover{box-shadow:0 14px 30px -18px rgba(74,52,38,.5);transform:translateY(-2px)}
.sx-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e7dccb}
.sx-card .sx-cb{padding:1rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.sx-card h3{font-size:1.18rem}
.sx-tag{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-sans);font-size:.74rem;font-weight:700;color:var(--color-leaf);text-transform:uppercase;letter-spacing:.08em}
.sx-cast{display:flex;margin-top:.35rem}
.sx-cast img{width:34px;height:34px;border-radius:999px;object-fit:cover;border:2px solid #fffaf3;margin-left:-8px;aspect-ratio:1;background:#dbe8f3}
.sx-cast img:first-child{margin-left:0}
.sx-char{display:block;text-decoration:none;color:inherit;background:#fffaf3;border:1px solid #eadcc7;border-radius:1rem;overflow:hidden;transition:transform .2s,box-shadow .2s}
.sx-char:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(74,52,38,.5)}
.sx-char img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.sx-char div{padding:.8rem 1rem 1rem}
.sx-char b{font-family:var(--font-story);font-size:1.08rem;font-weight:600;display:block}
.sx-char span{font-size:.84rem;color:#7a6656}
.sx-pill{display:inline-flex;border:1.5px solid #e2d3bd;background:#fffaf3;border-radius:999px;padding:.45rem .9rem;font-size:.88rem;font-weight:600;color:var(--color-bark);cursor:pointer}
.sx-pill[aria-pressed=true]{background:var(--color-bark);color:#fff;border-color:var(--color-bark)}
.sx-series{display:grid;gap:1rem}
@media (min-width:800px){.sx-series{grid-template-columns:1.2fr 1fr 1fr}}
.sx-series li{list-style:none;border-radius:1rem;padding:1.25rem;border:1px solid #eadcc7;background:#fffaf3}
.sx-series li.now{background:var(--color-bark);color:#f6eee2;border-color:var(--color-bark)}
.sx-series li.now h3{color:#fff}
.sx-series small{font-family:var(--font-sans);font-weight:700;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
/* story page */
.sx-story-hero{padding-top:1.5rem}
.sx-story-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:1.1rem;box-shadow:0 18px 40px -24px rgba(74,52,38,.5);background:#e7dccb}
@media (max-width:640px){.sx-story-hero{padding-top:0;width:100%!important}.sx-story-hero img{border-radius:0}}
.sx-layout{display:grid;gap:2.5rem}
@media (min-width:1000px){.sx-layout{grid-template-columns:minmax(0,1fr) 300px;gap:4rem}}
.sx-prose{font-family:var(--font-story);font-size:1.18rem;line-height:1.8;color:var(--color-bark);max-width:40rem}
.sx-prose p+p{margin-top:1.05em}
.sx-prose p:first-child:first-letter{float:left;color:var(--color-coral-deep);padding:.06em .1em 0 0;font-size:3.5em;font-weight:600;line-height:.85}
.sx-lesson{margin-top:2.25rem;max-width:40rem;border-radius:1rem;background:#efe3d1;padding:1.3rem 1.4rem;border-left:5px solid var(--color-coral)}
.sx-lesson p:first-child{font-family:var(--font-sans);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-leaf)}
.sx-lesson p:last-child{font-family:var(--font-story);font-size:1.2rem;line-height:1.6;margin-top:.35rem;font-style:italic}
.sx-side{display:grid;gap:1.25rem;align-content:start}
@media (min-width:1000px){.sx-side{position:sticky;top:6rem}}
.sx-box{background:#fffaf3;border:1px solid #eadcc7;border-radius:1rem;padding:1.15rem 1.2rem}
.sx-box h2{font-family:var(--font-sans)!important;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#7a6656!important;font-weight:700!important}
.sx-who{display:flex;gap:.8rem;align-items:center;text-decoration:none;color:inherit;padding:.55rem 0}
.sx-who img{width:52px;height:52px;border-radius:999px;object-fit:cover;flex:none;background:#dbe8f3}
.sx-who b{display:block;font-family:var(--font-story);font-size:1.08rem;font-weight:600}
.sx-who span{font-size:.8rem;color:#7a6656}
.sx-role{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-coral-deep);margin-bottom:.05rem}
.sx-quiz{display:block;background:var(--color-bark);color:#f6eee2;border-radius:1rem;padding:1.25rem 1.3rem;text-decoration:none}
.sx-quiz b{display:block;font-family:var(--font-story);font-size:1.3rem;color:#fff;font-weight:600}
.sx-crumbs{font-size:.85rem;color:#7a6656}
.sx-crumbs a{text-decoration:underline;text-underline-offset:3px}
.sx-list{display:grid;gap:.6rem;padding:0;margin:0;list-style:none}
.sx-list li{position:relative;padding-left:1.4rem;line-height:1.55}
.sx-list li:before{content:"";position:absolute;left:0;top:.6em;width:.55rem;height:.55rem;border-radius:999px;background:var(--color-coral)}
.sx-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.sx-stat{border-radius:1rem;background:#fffaf3;border:1px solid #eadcc7;padding:1.1rem 1.2rem}
.sx-stat dt{font-family:var(--font-sans);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-leaf)}
.sx-stat dd{margin-top:.3rem;font-family:var(--font-story);font-size:1.1rem}
/* white (retailer) pages */
.sx-white h1,.sx-white h2,.sx-white h3{color:var(--color-navy)}
.sx-white .text-white{color:#fff}
.sx-step{counter-increment:step;position:relative;padding:1.2rem 1.2rem 1.2rem 3.6rem;border:1px solid var(--color-line);border-radius:1rem;background:#fff}
.sx-step:before{content:counter(step);position:absolute;left:1.1rem;top:1.15rem;width:1.8rem;height:1.8rem;border-radius:.5rem;background:var(--color-navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}
.sx-steps{counter-reset:step;display:grid;gap:.9rem}
.sx-faq details{border-bottom:1px solid var(--color-line);padding:1rem 0}
.sx-faq summary{cursor:pointer;font-weight:700;color:var(--color-navy);font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.sx-faq summary::-webkit-details-marker{display:none}
.sx-faq summary:after{content:"+";font-size:1.4rem;line-height:1;color:var(--color-coral-deep)}
.sx-faq details[open] summary:after{content:"–"}
.sx-faq details p{margin-top:.6rem;color:var(--color-muted);line-height:1.65}
.sx-checks{display:grid;gap:.5rem}
@media (min-width:520px){.sx-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-checks label{display:flex;align-items:center;gap:.6rem;border:1px solid var(--color-line);background:#fff;border-radius:.6rem;padding:.6rem .75rem;font-size:.94rem;cursor:pointer}
.sx-checks label:has(:checked){border-color:var(--color-navy);background:var(--color-mist)}
.sx-checks input{width:1rem;height:1rem;accent-color:#0f2845;flex:none}
.sx-form{display:grid;gap:1rem}
.sx-2{display:grid;gap:1rem}
@media (min-width:600px){.sx-2{grid-template-columns:1fr 1fr}}
.sx-req{color:var(--color-coral-deep)}
.sx-opt{font-weight:400;color:var(--color-muted)}
.sx-fieldset legend{font-size:.88rem;font-weight:650;color:var(--color-navy);margin-bottom:.4rem}
.sx-ok{border-radius:1rem;background:#e9f4ec;border:1px solid #bfdcc7;padding:1.2rem;color:#1f4d2e}
.sx-err{color:var(--color-coral-deep);font-size:.9rem}
.sx-mobile-nav{position:fixed;inset:64px 0 auto 0;background:#fff;border-bottom:1px solid var(--color-line);box-shadow:0 20px 40px -20px rgba(15,40,69,.35);z-index:39;padding:.75rem 1rem 1.25rem;display:none}
.sx-mobile-nav.open{display:grid;gap:.25rem}
.sx-mobile-nav a{padding:.8rem .6rem;border-radius:.6rem;font-weight:600;color:var(--color-navy)}
.sx-mobile-nav a:hover{background:var(--color-mist)}
.sx-skip{position:absolute;left:-999px}
.sx-hide{display:none!important}