*{box-sizing:border-box}body{margin:0;color:#211c17;font:18px/1.52 Georgia,"Times New Roman",serif;background-color:#244b46;background-image:repeating-linear-gradient(45deg,transparent 0 10px,#ffffff08 10px 11px)}a{color:#102f96;text-decoration:underline}a:visited{color:#683982}a:hover{color:#b32719;background:#fffbc6}button,input{font:16px/1.35 "Courier New",monospace}button{border:2px outset #ddd8bf;background:#e6e1cc;color:#141414;padding:5px 10px;cursor:pointer}button:active{border-style:inset}input{max-width:100%;padding:7px;border:2px inset #aaa;background:#fffef7}.page{max-width:1120px;margin:21px auto;border:7px ridge #b2b7a1;background:#f4edd1;box-shadow:9px 8px 0 #102e2a}.masthead{display:flex;align-items:center;gap:25px;padding:17px 24px;background:#ddd38f;border-bottom:4px double #122c37}.logo{color:#9c241b!important;font:bold 23px/1.08 Georgia,serif;letter-spacing:3px;text-decoration:none;text-shadow:1px 1px #fff}.logo strong{font-size:36px;letter-spacing:0}.motto{font:15px/1.6 "Courier New",monospace;flex:1;text-align:center;color:#193f3b}.motto span{display:block;transform:rotate(-2deg);font-size:12px}.ruler{padding:5px 10px;text-align:center;background:#122c37;color:#fff3a1;font:13px/1.6 "Courier New",monospace}.ruler a{color:#fff3a1}.layout{border-collapse:collapse;width:100%;table-layout:fixed}.sidebar{width:210px;vertical-align:top;border-right:3px double #40534f;background:#cbd2b7;padding:17px 14px}.sidebar h2{font-size:22px;color:#8b2518;border-bottom:1px dashed #6d705b;margin:0 0 12px}.sidebar ul{padding:0 0 0 16px;margin:0}.sidebar li{margin-bottom:11px;font:15px/1.35 "Courier New",monospace}.side-note{margin-top:27px;text-align:center;font-size:14px;font-style:italic}.side-note img{max-width:100%}.stamp{margin:30px auto;width:110px;transform:rotate(-8deg);padding:8px;border:3px double #a43222;color:#a43222;text-align:center;font:bold 16px/1.1 "Courier New",monospace}.paper{vertical-align:top;padding:24px 34px 38px;background:#fffdf0;background-image:linear-gradient(90deg,transparent 0 17px,#d36d5a22 17px 18px,transparent 18px)}.breadcrumb{font:12px/1.5 "Courier New",monospace;color:#625f51}h1{font-size:34px;line-height:1.16;margin:16px 0 22px;color:#233c3a}h2{font-size:24px;line-height:1.3;color:#7a2c20;margin-top:30px}h3{font-size:21px;margin:10px 0}p{margin:0 0 18px}.lead{font-style:italic;font-size:21px;color:#655036;border-left:4px solid #b39049;padding-left:15px}.notice{background:#fff4a0;border:2px dashed #994838;padding:12px 15px;transform:rotate(-.7deg);font:15px/1.5 "Courier New",monospace;margin:10px 0 25px}.intro{display:flow-root}.desk{float:right;max-width:48%;height:auto;transform:rotate(2deg);margin:0 -10px 10px 15px}.pinned{background:#e5ead7;border:1px solid #9f9e86;box-shadow:3px 3px #d4c9aa;padding:10px 18px}.pinned p{margin-bottom:5px}.contents{list-style-type:square;padding-left:22px}.contents li{padding:6px 0 8px}.contents small{display:block;font-size:14px;line-height:1.4;color:#625c4d;margin-top:2px}.shelf{border-bottom:1px dotted #aaa181;padding-bottom:6px}.bottom-label{margin-top:28px;text-align:center;font:12px/1.5 "Courier New",monospace;border:1px solid #8f9b83;padding:7px}.diagram{font:18px/1.8 "Courier New",monospace;background:#f0efd9;padding:15px;overflow:auto;border:1px solid #b7b49a}.exercise{background:#fff2b9;padding:0 16px 17px;border-left:5px solid #9d431e;margin:28px 0}.exercise h2{padding-top:12px}.exercise p{font-size:17px}.login-box{border:3px double #6b6b55;padding:14px 20px;max-width:520px;background:#e5e4d4}.login-box h2{margin-top:0}.login-box label{display:block;font:15px "Courier New",monospace;margin:10px 0 4px}.login-box input{display:block;width:100%;margin-bottom:12px}.login-box p{font-size:16px}.searchline{display:flex;gap:8px;margin-top:8px}.searchline input{flex:1;min-width:0}.tool{background:#e4e2cf;border:4px ridge #aaa78c;padding:20px;margin:25px 0}.string-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.string-buttons button{min-height:44px}.tool label{display:block;margin:12px 0}.tempo-row{display:flex;gap:10px;margin:10px 0 17px}.tempo-row input{width:90px;text-align:center;font-size:24px}#beat-lamp{font-size:38px;vertical-align:middle;color:#746f58;margin-left:20px}#beat-lamp.on{color:#a61913;text-shadow:0 0 8px #d9a317}#tone-status,#metro-status{font:14px/1.5 "Courier New",monospace;margin:15px 0 0}.write-lines{line-height:2.2;font:16px/2 "Courier New",monospace}footer{border-top:3px double #263f3c;padding:14px 20px;background:#ddd5ad;font:12px/1.8 "Courier New",monospace;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}footer p{width:100%;margin:0;color:#55523d}footer button{font-size:12px;padding:0 6px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ae3c15;outline-offset:3px}#member-status{margin:10px 0 0;color:#8a231c}@media(max-width:720px){body{font-size:17px}.page{margin:0;border-width:3px;box-shadow:none}.masthead{padding:14px;gap:8px;flex-wrap:wrap}.masthead img{width:80px;height:76px}.logo{font-size:18px;letter-spacing:1px}.logo strong{font-size:28px}.motto{font-size:12px;min-width:120px}.motto span{font-size:10px}.layout,.layout tbody,.layout tr,.layout td{display:block;width:100%}.sidebar{border-right:0;border-bottom:3px double #40534f;padding:10px 14px}.sidebar h2,.side-note,.stamp{display:none}.sidebar ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:6px 14px}.sidebar li{font-size:12px;margin:0}.paper{padding:20px}.desk{max-width:44%;margin-right:-5px}h1{font-size:29px}.lead{font-size:19px}.diagram{font-size:15px}footer{padding:12px}}@media print{body,.page,.paper{background:white!important;color:black!important;margin:0;box-shadow:none;border:0}.masthead,.ruler,.sidebar,footer,.breadcrumb,.no-print,button{display:none!important}.layout,.layout tbody,.layout tr,.layout td{display:block;width:100%}.paper{padding:0}.exercise,.diagram,.pinned{break-inside:avoid;background:white!important;border:1px solid #888}.lead{color:black}a{color:black;text-decoration:none}h1{font-size:26px}body{font:12pt/1.45 Georgia,serif}h2{font-size:17pt}.write-lines{font-size:12pt}}

/* Reference layout */
body{font:16px/1.5 Arial,Helvetica,sans-serif;background:#e3e4df;background-image:none;color:#222}.page{max-width:1100px;border:1px solid #777;box-shadow:none;margin:16px auto;background:white}.masthead{padding:17px 20px;background:#f0efdc;border-bottom:1px solid #777}.logo{font:bold 28px/1 Arial,sans-serif;letter-spacing:0;color:#173c3b!important;text-shadow:none}.motto{font:14px/1.4 Arial,sans-serif;text-align:left;color:#555}.ruler{background:#d0d7cd;color:#222;text-align:left;padding-left:20px;font:13px/1.5 Arial,sans-serif}.ruler a{color:#143e7b}.sidebar{width:180px;background:#f0f0e5;border-right:1px solid #b0b0a4;padding:18px 12px}.sidebar li{font:14px/1.4 Arial,sans-serif;margin-bottom:9px}.paper{background:white;background-image:none;padding:22px 30px}.lead{font:16px/1.5 Arial,sans-serif;color:#555;border:0;padding:0}h1{font:normal 29px/1.2 Arial,sans-serif;color:#222}h2{font:normal 23px/1.3 Arial,sans-serif;color:#253c35}h3{font-size:19px}.breadcrumb{font:12px/1.4 Arial,sans-serif}.diagram{font:17px/1.7 monospace;background:#f4f4ed;border:1px solid #bbb}.exercise{background:#f5f4e9;border-left:3px solid #aaa;padding:1px 15px 9px}footer{background:#efefe5;border-top:1px solid #aaa;font:12px/1.6 Arial,sans-serif}.reference-list{padding-left:23px}.reference-list li{margin-bottom:13px}.reference-list small{display:block;color:#555;font-size:13px}.key-index{border-collapse:collapse;width:100%;max-width:600px}.key-index td{border:1px solid #bbb;padding:14px;text-align:center}.key-index a{font-size:21px}.data{border-collapse:collapse;font-size:14px;margin:12px 0 22px}.data td,.data th{border:1px solid #bbb;padding:7px 11px;text-align:left}.data th{background:#f0f0e6}.grip{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.chord-svg{width:220px;height:190px}.fret-scroll{overflow-x:auto}.fretboard{border-collapse:collapse;font:12px/1.4 monospace;margin:20px 0}.fretboard td,.fretboard th{border:1px solid #bbb;padding:8px 5px;min-width:38px;text-align:center}.fretboard .root-note{font-weight:bold;outline:2px solid #4d6154;outline-offset:-3px;background:#edf0df}.fretboard caption{text-align:left;margin-bottom:7px;font:13px Arial,sans-serif}.front-index{border-collapse:collapse;width:100%;margin-bottom:25px}.front-index td{border:1px solid #ccc;padding:4px 18px;vertical-align:top;width:50%}.front-index h2{margin-top:12px}.downloads li{padding:8px 0}.downloads small{color:#666}.login-box{background:#f6f6ee;border:1px solid #aaa}.login-box small{font-size:12px}@media(max-width:720px){.page{margin:0}.sidebar{width:100%}.paper{padding:17px}.masthead{padding:15px}.motto{font-size:12px}.front-index td{padding:3px 10px}.front-index h2{font-size:20px}.grip{gap:0}.data{font-size:12px}.data td,.data th{padding:5px}.fretboard td,.fretboard th{padding:7px 4px}}