.ss-hero{padding-top:42px;padding-bottom:38px}.ss-brand{font:600 clamp(28px,5vw,46px)/1.1 var(--ss-heading-font);letter-spacing:0;text-transform:none}.ss-kicker{margin:14px 0 0;font:400 16px var(--ss-body-font);letter-spacing:.1em}.ss-chord-row{padding:18px 0;border-top:1px solid #e2dbd2}.ss-chord-row:first-of-type{border-top:0}.ss-chord-row>h3{margin:0 0 12px;color:var(--safari-dark);font:600 17px var(--ss-heading-font)}.ss-chord-options{align-items:stretch}.ss-chord-choice{position:relative;flex:0 0 102px}.ss-chord-choice>span{display:block!important;height:100%!important;min-width:0!important;padding:5px!important;background:#fff!important}.ss-chord-choice .ss-chord{width:90px;margin:0;border:0;padding:4px;background:transparent}.ss-chord-choice .ss-chord figcaption{font-size:16px}.ss-chord-choice .ss-chord svg{width:70px;height:106px}.ss-chord-choice input:checked+span{outline:3px solid var(--safari);box-shadow:0 5px 14px rgba(156,87,48,.2)!important}.ss-chord-choice input:checked+span .ss-chord{color:var(--ink)}.ss-page-nav{display:flex;justify-content:space-between;margin:0 0 22px}.ss-nav-button{border:0;background:transparent;color:var(--safari-dark);font:600 12px var(--ss-heading-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.ss-nav-button:hover{text-decoration:underline}.ss-pattern-picker{display:block;clear:both;margin:20px 0 0}.ss-pattern-picker>span{display:block;margin-bottom:7px;color:var(--ink);font:600 13px var(--ss-heading-font);text-transform:uppercase;letter-spacing:.06em}.ss-pattern-picker select{width:100%;padding:11px;border:1px solid #d2cbc1;background:#fff;color:var(--ink)}.ss-scale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;clear:both;margin:22px 0}.ss-scale-card{padding:18px;border:1px solid #d8d0c6;background:#fff}.ss-scale-card h3{margin:0 0 9px;color:var(--safari-dark);font:600 21px var(--ss-heading-font)}.ss-scale-card p{margin:7px 0;font-size:14px}.ss-scale-card pre{overflow-x:auto;padding:10px;background:#29272b;color:#fff;font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace}.ss-scale-card small{color:#777}.ss-spider-tab{margin-top:22px}@media(max-width:700px){.ss-chord-choice{flex-basis:88px}.ss-chord-choice .ss-chord{width:78px}.ss-chord-choice .ss-chord svg{width:62px}.ss-scale-grid{grid-template-columns:1fr}.ss-brand{font-size:30px}}