.chord-paths{max-width:1040px}.chord-paths.tetrads-open{grid-template-columns:1fr;max-width:600px}.chord-paths button{font:inherit;color:inherit;cursor:pointer;width:100%}.chord-paths .tetrad-path.selected{transform:none;border-color:#b98a3d!important;box-shadow:0 0 0 2px #b98a3d30,0 22px 50px #1d1b171f!important}.tetrad-mark i:nth-child(4){transform:translateY(-50px)}.tetrad-branch{width:min(1040px,100%);padding-top:62px;position:relative}.tetrad-branch:before{content:"";background:#a78045;width:1px;height:42px;position:absolute;top:0;left:50%}.tetrad-branch-intro{text-align:center;max-width:600px;margin:0 auto 48px;position:relative}.tetrad-branch-intro:after{content:"";background:#a78045;width:1px;height:12px;position:absolute;top:calc(100% + 12px);left:50%}.tetrad-branch-intro h2{color:#292722;margin:0 0 10px;font:400 28px/1.4 Georgia,serif}.tetrad-branch-intro p{color:#74664f;margin:0;font:15px/1.7 Georgia,serif}.tetrad-family-choices{direction:ltr;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid;position:relative}.tetrad-family-choices:before{content:"";background:#a78045;height:1px;position:absolute;top:-24px;left:calc(12.5% - 7.5px);right:calc(12.5% - 7.5px)}.tetrad-family-choices .tetrad-family-choice{color:#eadcc1;cursor:pointer;text-align:center;background:#25231f;border:1px solid #786346;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:185px;padding:25px 18px;display:flex;position:relative;box-shadow:0 14px 28px #29272219}.tetrad-family-choices .tetrad-family-choice:before{content:"";background:#a78045;width:1px;height:24px;position:absolute;top:-24px;left:50%}.tetrad-family-choices .tetrad-family-choice b{color:#d9b577;font:400 25px/1.3 Georgia,serif}.tetrad-family-choices .tetrad-family-choice small{font:13px/1.5 Georgia,serif}.tetrad-family-number{color:#c7a26a;letter-spacing:.2em;font:10px Arial}.tetrad-family-arrow{color:#bd9558;font:20px Georgia}.tetrad-family-choices .tetrad-family-choice:hover,.tetrad-family-choices .tetrad-family-choice[aria-pressed=true]{background:#151410;border-color:#ddb36d;box-shadow:0 0 0 2px #b98a3d50,0 14px 28px #29272220}.chord-family-reset{color:#725329;cursor:pointer;background:0 0;border:1px solid #a98a5a;margin:30px 0 0;padding:13px 24px;font:14px/1.5 Georgia,serif}.chord-family-reset:focus-visible,.tetrad-family-choices .tetrad-family-choice:focus-visible{outline-offset:5px;outline:2px solid #b98a3d}.tetrad-overview{text-align:center;border-top:1px solid #a98a5a45;margin:56px auto 0;padding-top:32px;scroll-margin-top:100px}.tetrad-kicker{letter-spacing:.2em;color:#976b2b;font:10px Arial}.tetrad-overview h2{color:#292722;margin:16px 0;font:400 clamp(2rem,4vw,3rem)/1.3 Georgia,serif}.tetrad-description{color:#6c6050;max-width:720px;margin:0 auto;font:17px/1.8 Georgia,serif}.tetrad-overview h3{color:#665235;margin:30px 0 22px;font:400 23px/1.5 Georgia,serif}.tetrad-example-notes{justify-content:center;align-items:center;gap:30px;margin:0 auto 38px;display:flex}.tetrad-example-note{color:#f8f0df;background:radial-gradient(circle at 28% 20%,#38342d,#25231f);border:1px solid #ae8241;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:90px;height:90px;font:32px Georgia;display:flex;box-shadow:0 15px 25px #29272222}.tetrad-example-note small{color:#d6b780;font:12px Arial}.tetrad-staff-caption{color:#877356;margin:0 0 25px;font:13px/1.6 Georgia}html[lang=ar] :is(.tetrad-description,.tetrad-branch-intro p,.tetrad-family-choices .tetrad-family-choice small,.tetrad-overview h3,.chord-family-reset,.tetrad-staff-caption){font-family:Tahoma,Arial,sans-serif;line-height:1.9}html[lang=ar] .tetrad-family-choices{direction:rtl}html[lang=ar] .tetrad-example-note{font-family:Tahoma,Arial,sans-serif}@media (width<=850px){.tetrad-family-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}.tetrad-family-choices:before{left:calc(25% - 5px);right:calc(25% - 5px)}.tetrad-family-choices .tetrad-family-choice:nth-child(n+3):before{height:40px;top:-40px}}@media (width<=520px){.tetrad-family-choices{grid-template-columns:1fr;gap:28px;padding-inline-start:23px}.tetrad-family-choices:before{width:1px;height:auto;inset:-24px auto 92px 0}.tetrad-family-choices:after{content:"";background:#a78045;width:50%;height:1px;position:absolute;top:-24px;left:0}.tetrad-family-choices .tetrad-family-choice:before,.tetrad-family-choices .tetrad-family-choice:nth-child(n+3):before{width:23px;height:1px;top:50%;left:-23px}.tetrad-family-choices .tetrad-family-choice{min-height:166px}.tetrad-branch-intro{margin-bottom:35px}.tetrad-branch-intro:after{height:11px;top:100%}.tetrad-branch-intro h2{font-size:24px}.tetrad-example-notes{gap:12px}.tetrad-example-note{flex-shrink:0;width:65px;height:65px;font-size:25px}.tetrad-description{font-size:16px}.tetrad-overview h3{font-size:20px}html[lang=ar] .tetrad-family-choices:before,html[lang=ar] .tetrad-family-choices:after{left:auto;right:0}html[lang=ar] .tetrad-family-choices .tetrad-family-choice:before,html[lang=ar] .tetrad-family-choices .tetrad-family-choice:nth-child(n+3):before{left:auto;right:-23px}.tetrad-family-choices:before{width:50%;height:1px;bottom:auto}.tetrad-family-choices:after{display:none}.tetrad-family-choices .tetrad-family-choice:after{content:"";background:#a78045;width:1px;position:absolute;top:-28px;bottom:0;left:-23px}.tetrad-family-choices .tetrad-family-choice:first-child:after{top:-24px}.tetrad-family-choices .tetrad-family-choice:last-child:after{bottom:50%}html[lang=ar] .tetrad-family-choices .tetrad-family-choice:after{left:auto;right:-23px}}