:root{--bg:#fff;--panel:#fff;--line:#dbe4f1;--ink:#15305b;--mute:#62748e;--green:#225bdc;--blue:#225bdc;--navy:#102d62;--gold:#bd9446;--pale:#eef4ff}*{box-sizing:border-box}body{background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:var(--blue)}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{max-width:1440px;padding:25px 5%;background:#fff;border-bottom:1px solid var(--line);gap:24px}a.brand{text-decoration:none;color:var(--navy);letter-spacing:-1.2px;font-size:24px;white-space:nowrap}.logo{background:var(--blue);color:#fff;border-radius:9px;padding:0 8px;display:inline-block;font-size:29px;margin-right:11px}.brand-dot{color:var(--gold)}nav{gap:26px}nav a{font-size:13px;color:#66748b;padding:8px 0;position:relative}nav a[aria-current=page]{color:var(--blue);font-weight:700}nav a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold)}main{max-width:1280px;padding:0 40px 60px}footer{max-width:1440px;padding:30px 5%;align-items:center;gap:24px;flex-wrap:wrap;background:#f5f8fd;color:#6c7d94}footer .brand{font-size:20px}footer a{color:var(--navy);text-decoration:none}#audioStatus:not(:empty){padding:15px 5%;background:#fff4dc;color:#7e5a16}.tag{color:#3262b4;letter-spacing:2px;font-size:10px;font-weight:750}h1{color:var(--navy);letter-spacing:-2.5px}h1 em{color:var(--blue)}h2{letter-spacing:-.6px}p{line-height:1.7}button,select,input{transition:border-color .15s,background .15s,transform .15s}button:hover{filter:brightness(.96)}select,input{background:white;color:var(--ink);border:1px solid #c9d5e7;border-radius:8px}label{color:#62748e;font-size:10px;font-weight:700;letter-spacing:1px}.primary,.button.blue{background:var(--blue);color:white;border:0}.primary{box-shadow:0 3px 10px #225bdc18}.ghost{border:1px solid #cbd7e9;background:white;color:#274b84}.pill{color:#826124;background:#fff3d8;font-size:10px;font-weight:650;letter-spacing:.3px}.box{background:white;border:1px solid var(--line);border-radius:14px}.box p{color:var(--mute)}.button{display:inline-block;text-decoration:none;padding:16px 23px;border-radius:6px;font-size:13px;font-weight:700}.button.gold{color:var(--navy);background:#f1cf80}.next-page{display:flex;justify-content:space-between;gap:20px;padding:24px 0;margin-top:30px;border-top:1px solid var(--line);text-decoration:none;font-size:14px;color:var(--mute)}.next-page span{color:var(--blue);font-weight:650}.page-heading{padding:55px 0 34px;position:relative}.page-heading h1{font:400 clamp(42px,5.5vw,67px)/1.06 Georgia,serif;letter-spacing:-2px;margin:17px 0}.page-heading h1 em{font-weight:400}.page-heading p{font-size:14px;color:var(--mute);max-width:540px;margin:18px 0 0}.page-heading:after{content:'';position:absolute;right:20px;top:60px;width:90px;height:3px;background:var(--gold)}
/* A home page built around destinations, rather than a long stack of tools. */
body[data-page=home] main{max-width:1440px;padding:0 5% 65px}.home-hero{background:#1648bc;color:white;margin:28px 0 0;border-radius:16px;display:grid;grid-template-columns:1.45fr 1fr;gap:40px;padding:65px 56px;overflow:hidden;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;color:#c5d7ff;text-transform:uppercase;font-weight:650}.home-hero h1{font:400 clamp(42px,5.3vw,76px)/1.05 Georgia,serif;color:white;letter-spacing:-2.5px;margin:27px 0}.home-hero h1 em{color:#f3d38e}.hero-copy>p{color:#d5e1fc;max-width:440px;font-size:14px;line-height:1.85}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.text-link{color:white;text-decoration:none;font-size:12px}.hero-footnote{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #ffffff2e;margin-top:42px;padding-top:20px;font-size:10px;color:#d2def6;letter-spacing:.5px}.harmony-art{align-self:center;position:relative;padding:26px 18px;background:#ffffff0b;border:1px solid #ffffff33;border-radius:13px;transform:rotate(-3deg)}.art-label{display:block;color:#b8cef4;font-size:9px;font-weight:700;letter-spacing:2px;margin-bottom:18px}.art-chord{display:grid;grid-template-columns:55px 1fr;gap:5px 12px;border-bottom:1px solid #ffffff30;padding:19px 8px}.art-chord small{color:#f2d18d;grid-row:span 2;padding-top:9px;font-size:11px}.art-chord strong{font:32px Georgia;color:white}.art-chord span{font-size:10px;color:#d1e0ff;letter-spacing:2px}.art-caption{font:italic 16px Georgia;color:#f2d18d;margin-top:22px}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:55px 0 25px}.section-title h2{font:29px Georgia;margin:0}.destination-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.destination{padding:30px 32px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--navy);position:relative;transition:transform .2s,box-shadow .2s}.destination:hover{transform:translateY(-4px);box-shadow:0 14px 30px #173e7f12}.dest-number{font-size:9px;letter-spacing:1.8px;color:#6980a4;font-weight:700}.dest-glyph{height:68px;display:flex;align-items:center;font:italic 35px Georgia;color:#245be0;margin-top:15px}.destination h3{font:28px Georgia;margin:16px 0 10px}.destination h3 span{float:right;color:var(--gold);font-family:system-ui}.destination p{font-size:13px;color:#657894;max-width:370px}.dest-bottom{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:10px;letter-spacing:.2px;color:#7284a0}.dest-studio{background:#edf3ff}.dest-theory{background:#fffdf8}.dest-counterpoint{background:#153972;color:white}.dest-counterpoint h3,.dest-counterpoint .dest-glyph{color:white}.dest-counterpoint p,.dest-counterpoint .dest-number,.dest-counterpoint .dest-bottom{color:#bdcfee}.dest-counterpoint .dest-bottom{border-color:#ffffff2b}.dest-exercises{background:#fff}.home-banner{margin-top:55px;background:#f5f8fd;border-radius:12px;text-align:center;padding:45px 20px}.home-banner h2{font:40px/1.15 Georgia;margin:20px 0 25px}
/* Studio: a blue instrument console, with a focused chord lab beneath it. */
body[data-page=studio]{background:#f4f7fd}body[data-page=studio] .page-heading:after{width:145px;height:55px;background:repeating-linear-gradient(90deg,#225bdc 0 8px,transparent 8px 16px);opacity:.16}.studio{background:white;box-shadow:0 14px 35px #173e7f08;border:1px solid #d0ddee}.studio>.bar{background:#173b79;color:white;border:0}.studio>.bar .pill{background:#ffffff18;color:#f2d18d}.bar{border-color:var(--line)}.chord{background:#eef4ff;border:1px solid #d0def3;color:var(--navy);padding:24px 20px}.chord:hover{background:#e4edff}.chord.active{background:#225bdc;border-color:#225bdc;box-shadow:0 6px 15px #225bdc22;color:white}.chord .roman{color:#3d65a8;font-weight:700}.chord .notes{color:#6780a4}.chord.active .roman{color:#f0cf86}.chord.active .notes{color:#d8e4ff}.symbol{font-size:34px}.detail{background:#fcfdff;border-color:var(--line)}.spelling{color:#225bdc}.intervals{color:var(--mute)}.white{background:#fff;border-color:#b8c6db;color:#687b98}.white.on{background:#225bdc;color:white}.black{background:#12325e;border-color:#0d274b;color:white}.black.on{background:#b78e3f;color:white}.lower{gap:24px;margin-top:24px}.lower .box:first-child{border-top:3px solid var(--gold)}
/* Theory: an editorial workbook with a quiet learning rail. */
body[data-page=theory]{background:#fffefa}.learning-layout{display:grid;grid-template-columns:210px 1fr;gap:40px}.lesson-sidebar{padding:28px 0;border-top:2px solid var(--gold);align-self:start;position:sticky;top:20px}.lesson-sidebar a{display:block;color:#5c7090;text-decoration:none;font-size:12px;margin:24px 0;line-height:1.5}.sidebar-note{font:italic 25px/1.35 Georgia;color:#9b7938;margin-top:50px}.lesson-grid{grid-template-columns:repeat(2,1fr);gap:14px}.lesson-grid details{border-radius:6px;background:#fff;padding:22px;border-color:#e4dfd4}.lesson-grid summary{font-size:14px;color:#173b79}.lesson-grid details[open]{border-top:3px solid var(--gold)}details p{color:var(--mute);font-size:13px}.practice-layout{grid-template-columns:1fr;margin-bottom:35px}.practice-layout .box{border-radius:8px}.practice-layout .box:first-child{background:#f1f5fe}.sequence{color:#225bdc!important}#practiceScore{border-color:#d5dfef;color:#62748e}
/* Counterpoint: broad white score paper on a blue desk. */
body[data-page=counterpoint]{background:#eef4ff}.workshop-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 0 25px;font-size:12px}.workshop-links span{color:#7184a2}.workshop-links a{text-decoration:none;font-weight:650}.cp-grid{background:#f8faff}.cp-cell{background:white;border-color:#d5dfed;border-radius:7px}.cp-cell.selected{border-color:var(--blue);box-shadow:0 0 0 2px #225bdc15}.cp-cell.bad{border-color:#bc6242}.cp-cell span{color:#7384a1}.cp-cell small{color:#9c7427}.cp-scope{background:#fff;border-left-color:var(--gold);border-radius:0 8px 8px 0}.cp-results .pass{color:#225bdc}.cp-results .error{color:#a33e24}.cp-results .warn{color:#8b651f}.cp-analysis h3{font:25px Georgia}.cp-analysis table{background:white}th,td{border-color:#dce5f2}th{color:#6780a4;background:#f5f8fe}.cp-note{color:#6c7e99}.cp-tools{border-top:1px solid #e4eaf4}.cp-results{color:var(--mute)}.cp-rulegrid .box{background:white;border-color:#dce5f2}.cp-rulegrid h3{color:var(--navy)}.cp-rulegrid li{color:var(--mute)}.cp-rulegrid a{color:#225bdc}.cp-rulegrid .tag{color:#9b742d}
/* Exercises: a gold-accented study desk with a numbered routine. */
body[data-page=examples] .page-heading{border-bottom:1px solid #eee5d2;margin-bottom:35px}.examples-layout{display:grid;grid-template-columns:270px 1fr;gap:45px}.example-aside{background:#173c7c;color:white;padding:30px;border-radius:10px;align-self:start}.example-aside .tag{color:#edd49d}.example-aside h2{font:46px/1.1 Georgia;margin:28px 0}.example-aside ol{padding-left:18px;font-size:12px;line-height:2.5;color:#c9d9f5}.example-aside a{display:block;font-size:12px;color:#f0d69f;margin-top:30px;text-decoration:none}#cp-examples{border-top:4px solid var(--gold);box-shadow:0 15px 40px #15305b06}.cp-example-prompt{color:#15305b;line-height:1.4}#exSolution{border-color:#e7dcc4}.cp-source-note{color:#6a7b94}body[data-page=rules]{background:#fafbfe}body[data-page=rules] .cp-rulegrid{gap:20px}body[data-page=rules] .cp-rulegrid .box{border-radius:6px;border-top:2px solid #d6b16b}body[data-page=rules] .cp-rulegrid p,body[data-page=rules] .cp-rulegrid li{font-size:13px}
@media(min-width:1500px){.home-hero{padding:80px 65px}}@media(max-width:1000px){header{padding:20px 30px}nav{gap:18px}.home-hero{padding:45px 32px;gap:25px}.home-hero h1{font-size:52px}.learning-layout{grid-template-columns:170px 1fr;gap:25px}.examples-layout{grid-template-columns:220px 1fr;gap:25px}.section-title h2{font-size:25px}}
@media(max-width:760px){main{padding:0 20px 35px}header{padding:20px;gap:18px}nav{width:100%;gap:18px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}nav a{white-space:nowrap;font-size:11px}body[data-page=home] main{padding:0 20px 35px}.home-hero{grid-template-columns:1fr;padding:35px 25px;margin-top:20px}.home-hero h1{font-size:51px}.harmony-art{max-width:420px;width:100%;justify-self:center;transform:rotate(-2deg);margin:8px 0 12px}.hero-footnote{margin-top:30px}.home-hero .art-chord{padding:12px 8px}.section-title{display:block;margin-top:40px}.section-title h2{margin-top:14px}.destination-grid{gap:14px}.destination{padding:23px}.destination h3{font-size:24px}.learning-layout{grid-template-columns:1fr}.lesson-sidebar{position:static;display:flex;flex-wrap:wrap;gap:12px 25px;padding:16px 0}.lesson-sidebar .tag{width:100%}.lesson-sidebar a{margin:0}.sidebar-note{display:none}.examples-layout{grid-template-columns:1fr}.example-aside h2{font-size:30px;margin:16px 0}.example-aside h2 br{display:none}.example-aside ol{margin:0}.example-aside a{margin-top:15px}.page-heading{padding:38px 0 25px}.page-heading:after{width:45px;right:0;top:40px}.page-heading h1{font-size:49px}.next-page{font-size:12px}.cp-intro{padding-top:20px}.home-banner h2{font-size:34px}footer{padding:25px 20px;font-size:11px}.cp-rulegrid{grid-template-columns:1fr 1fr}.cp-subnav{gap:14px}}
@media(max-width:500px){.destination-grid,.lesson-grid,.cp-rulegrid{grid-template-columns:1fr}.hero-actions{gap:20px}.home-hero h1{font-size:44px}.hero-footnote{gap:12px;font-size:9px}.harmony-art{padding:22px}.page-heading h1{font-size:43px}.page-heading:after{display:none}.home-banner{padding:35px 20px}.section-title h2{font-size:27px}.destination{padding:27px}.dest-glyph{height:40px}.next-page{flex-direction:column;gap:8px}.cp-tools{padding:16px}.cp-tools>div{min-width:100%}.controls{gap:12px}.controls select{min-width:95px}.controls .primary,.controls .ghost{font-size:12px;padding:12px}.box{padding:22px}.bar{padding:19px}.progression{padding:0 16px 16px}.info{padding:23px}.cp-scope{padding:20px}.examples-layout{gap:22px}.example-aside{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Blue-and-white study desk with a warm foil shimmer. */
.brand-dot{background:linear-gradient(105deg,#8f6722 0%,#d5b25d 18%,#fff0bd 29%,#b3842e 42%,#f6df9b 56%,#9b711f 73%,#e7c86c 88%,#fff0bd 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px #d9b55a25;animation:foil-glint 7s ease-in-out infinite}a.brand{position:relative}.gold-foil{background-image:linear-gradient(115deg,#9b742d 0%,#ead28a 15%,#aa812e 27%,#fff2c5 34%,#bc9444 46%,#f5df9c 58%,#977124 73%,#e8cd81 87%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil-glint 5s linear infinite}@keyframes foil-glint{0%,75%{background-position:100% 50%}100%{background-position:-120% 50%}}body[data-page=home] .home-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 22%,#f6dfa033 0 1px,transparent 2px),radial-gradient(circle at 76% 18%,#fff4c833 0 1px,transparent 2px),radial-gradient(circle at 58% 82%,#f6dfa033 0 1px,transparent 2px),radial-gradient(circle at 89% 68%,#fff4c822 0 1px,transparent 2px);background-size:173px 121px,197px 167px,221px 199px,251px 177px;opacity:.55}.join-code{margin:14px 0;padding:18px;border:1px dashed #c9a34f;border-radius:10px;background:#fffcf2;color:#7c5a16;font:700 24px ui-monospace,monospace;letter-spacing:5px}.account-box{max-width:680px;margin:0 auto}.account-box form{display:grid;gap:12px}.account-box input,.account-box select{margin-bottom:12px;padding:12px}.join-card{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.score-review{min-width:200px}.score-review li{margin:8px 0;font-size:12px;line-height:1.5}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.student-welcome{background:linear-gradient(135deg,#eef4ff,#fff)}body[data-page=students]{background:#f3f7ff}body[data-page=teachers]{background:#fffdf8}body[data-page=admin]{background:#f4f7fd}@media(prefers-reduced-motion:reduce){.brand-dot,.gold-foil{animation:none}}

/* Brighter gold foil shimmer and fine glitter flecks throughout the brand. */
.brand-dot{background-image:radial-gradient(circle at 12% 28%,#fff9d8 0 1px,transparent 1.8px),radial-gradient(circle at 73% 68%,#fff4c0 0 1px,transparent 1.7px),linear-gradient(105deg,#805a17 0%,#f5dc8e 12%,#fff8dc 20%,#b27e1e 30%,#f9e7a8 40%,#9c6d18 53%,#fff2bd 62%,#b48424 74%,#ffefb3 85%,#946512 100%);background-size:17px 13px,23px 19px,230% 100%;text-shadow:0 0 5px #f7d75eaa,0 0 14px #e0b74799;animation:foil-glint 2.6s ease-in-out infinite,glitter-flicker 1.1s steps(2,end) infinite}
footer .brand-dot{font-size:.72em;letter-spacing:1.5px}a.brand .logo{color:#d4ad52;text-shadow:0 0 5px #ffe7a9,0 0 14px #d2a431aa;filter:drop-shadow(0 0 3px #e4bd60)}@keyframes glitter-flicker{0%,100%{filter:brightness(1)}40%{filter:brightness(1.55)}70%{filter:brightness(.92)}}

.jazz-backing{border-top:3px solid #d7b45f;background:linear-gradient(135deg,#fff 0%,#fffdf5 62%,#f8f0da 100%);box-shadow:0 8px 28px #b38a3120}

@media(prefers-reduced-motion:reduce){.brand-dot{animation:none}}

/* Site-wide gold treatment: subtle foil gradients and fine glitter on every gold accent. */
:root{--gold-bright:#f8e4a1;--gold-deep:#8f681d;--gold-glitter:radial-gradient(circle,#704715c9 0 .42px,transparent .68px),radial-gradient(circle,#a36c20bb 0 .38px,transparent .66px),radial-gradient(circle,#fff7df 0 .4px,transparent .7px),radial-gradient(circle,#c18b31c4 0 .4px,transparent .7px),radial-gradient(circle,#f7e4b6 0 .42px,transparent .72px);--gold-foil-bg:linear-gradient(105deg,#c59b50 0%,#f5dfab 18%,#ead18e 35%,#fff1d0 48%,#d4b36f 63%,#f2dfa9 80%,#c49a4b 100%)}
.gold-foil,.brand-dot,.home-hero h1 em,.art-chord small,.art-caption,.dest-counterpoint h3 span,.sidebar-note,.chord.active .roman,.cp-cell small,.cp-rulegrid .tag,.example-aside .tag,.example-aside a{background-image:var(--gold-glitter),var(--gold-foil-bg);background-size:1.2px 1.1px,1.5px 1.3px,1.8px 1.5px,2.2px 1.9px,2.8px 2.4px,220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px #f3d98555;animation:foil-glint 4.2s ease-in-out infinite}
.brand-dot{background-size:1.2px 1.1px,1.5px 1.3px,1.8px 1.5px,2.2px 1.9px,2.8px 2.4px,230% 100%;text-shadow:0 0 5px #f7d75eaa,0 0 14px #e0b74799;animation:foil-glint 2.6s ease-in-out infinite,glitter-flicker 1.1s steps(2,end) infinite}
.logo{background-image:var(--gold-glitter),linear-gradient(135deg,#9a6d1b,#e1bd63 45%,#fff0b5 52%,#aa7b22);background-size:1.2px 1.1px,1.5px 1.3px,1.8px 1.5px,2.2px 1.9px,2.8px 2.4px,200% 100%;animation:foil-glint 5s ease-in-out infinite;box-shadow:0 0 14px #deb95266}
nav a[aria-current=page]:after,.page-heading:after{background-image:var(--gold-glitter),var(--gold-foil-bg);background-size:1.2px 1.1px,1.5px 1.3px,1.8px 1.5px,2.2px 1.9px,2.8px 2.4px,220% 100%;box-shadow:0 0 12px #dcb95299;animation:foil-glint 4s ease-in-out infinite}
.button.gold,.pill,.join-code{background-image:var(--gold-glitter),linear-gradient(125deg,#fbf0d1,#ebd18d 48%,#fff3d8);background-size:1.2px 1.1px,1.5px 1.3px,1.8px 1.5px,2.2px 1.9px,2.8px 2.4px,220% 100%;box-shadow:inset 0 0 0 1px #d4b25f77,0 5px 16px #ad812233;animation:foil-glint 6s ease-in-out infinite}
.button.gold{position:relative;overflow:hidden}
.button.gold:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff9df99 48%,transparent 60%);transform:translateX(-120%);animation:gold-sweep 5s ease-in-out infinite}
.lesson-sidebar,.lower .box:first-child,#cp-examples,.lesson-grid details[open],body[data-page=rules] .cp-rulegrid .box,.cp-scope,.jazz-backing{border-image:linear-gradient(90deg,#9d7424,#fff0b2,#b8892b,#f5dc92,#9d7424) 1;box-shadow:0 8px 28px #b38a3120}
.lesson-sidebar{background-image:var(--gold-glitter);background-size:1.2px 1.1px,1.5px 1.3px,1.8px 1.5px,2.2px 1.9px,2.8px 2.4px}
.jazz-backing{background-image:var(--gold-glitter),linear-gradient(135deg,#fff 0%,#fffdf5 62%,#f8f0da 100%);background-size:1.2px 1.1px,1.5px 1.3px,1.8px 1.5px,2.2px 1.9px,2.8px 2.4px,auto}
.dest-counterpoint h3 span{display:inline-block}
@keyframes gold-sweep{0%,68%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.brand-dot,.gold-foil,.home-hero h1 em,.art-chord small,.art-caption,.dest-counterpoint h3 span,.sidebar-note,.chord.active .roman,.cp-cell small,.cp-rulegrid .tag,.example-aside .tag,.example-aside a,.logo,nav a[aria-current=page]:after,.page-heading:after,.button.gold,.pill,.join-code,.button.gold:after{animation:none}}

/* Solid gold finish: clean color with no glitter texture or shimmer. */
.gold-foil,.brand-dot,.home-hero h1 em,.art-chord small,.art-caption,.dest-counterpoint h3 span,.sidebar-note,.chord.active .roman,.cp-cell small,.cp-rulegrid .tag,.example-aside .tag,.example-aside a{-webkit-text-fill-color:#d4af37;color:#d4af37;background:none!important;background-image:none!important;background-clip:border-box;-webkit-background-clip:border-box;text-shadow:none;animation:none}
a.brand .logo,.logo{background-color:var(--blue)!important;background-image:none!important;color:#d4af37!important;text-shadow:none!important;filter:none;box-shadow:none;animation:none}
nav a[aria-current=page]:after,.page-heading:after{background:#d4af37!important;background-image:none!important;box-shadow:none;animation:none}
.button.gold,.pill,.join-code{background:#d4af37!important;background-image:none!important;color:#17305a!important;box-shadow:none;animation:none}
.button.gold:after{display:none!important;animation:none}
.lesson-sidebar,.lower .box:first-child,#cp-examples,.lesson-grid details[open],body[data-page=rules] .cp-rulegrid .box,.cp-scope,.jazz-backing{border-image:none!important;border-color:#d4af37!important;box-shadow:none}
.lesson-sidebar,.jazz-backing{background-image:none!important}
body[data-page=home] .home-hero:after{display:none!important}