@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:300 600;src:url(/_astro/oswald-latin-wght-normal.CzS3kehr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/hanken-grotesk-latin-wght-normal.CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#e6ebf1;--panel:#f7fafc;--panel-2:#dbe3ec;--ink:#0d1a2b;--ink-soft:#203449;--muted:#566c84;--line:#bfcdda;--grid:#c9d6e2;--blue:#1b4fa8;--blue-2:#133a80;--blue-wash:#dde7f6;--brass:#a96c07;--brass-2:#8a5705;--brass-wash:#f6ecd8;--max:1100px;--display:"Oswald Variable", Oswald, "Haettenschweiler", "Arial Narrow", sans-serif;--body:"Hanken Grotesk Variable", "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--body);color-scheme:light;font-size:17px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a1526;--panel:#10203a;--panel-2:#172b49;--ink:#e7eefa;--ink-soft:#cddaee;--muted:#8ea4c2;--line:#2b4166;--grid:#1c3155;--blue:#74a7ff;--blue-2:#a3c6ff;--blue-wash:#14284a;--brass:#edb352;--brass-2:#f7cd82;--brass-wash:#2e2410;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a1526;--panel:#10203a;--panel-2:#172b49;--ink:#e7eefa;--ink-soft:#cddaee;--muted:#8ea4c2;--line:#2b4166;--grid:#1c3155;--blue:#74a7ff;--blue-2:#a3c6ff;--blue-wash:#14284a;--brass:#edb352;--brass-2:#f7cd82;--brass-wash:#2e2410;color-scheme:dark}body{color:var(--ink);background-color:var(--bg);background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);background-position:-1px -1px;background-size:32px 32px}:root:not([data-theme=light]) body,:root[data-theme=dark] body{background-blend-mode:normal}body:before{content:"";background:var(--bg);opacity:.94;pointer-events:none;z-index:-1;position:fixed;inset:0}::selection{background:var(--brass);color:#fff}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}a{color:inherit;text-underline-offset:3px;text-decoration-color:color-mix(in srgb, var(--blue) 55%, transparent);text-decoration-thickness:1px}a:hover{color:var(--blue-2);text-decoration-color:var(--blue)}h1,h2,h3{font-family:var(--display);letter-spacing:.005em;margin:0;font-weight:500;line-height:1.1}h1{font-size:clamp(27px,3.6vw,38px)}h2{align-items:center;gap:9px;font-size:clamp(20px,2.3vw,25px);display:flex}h3{font:500 17px/1.2 var(--display)}p{margin:0 0 11px;line-height:1.62}.lede{max-width:50em;color:var(--muted);font-size:17px;line-height:1.55}.muted{color:var(--muted)}small,.small{font-size:13.5px}.num{font-family:var(--display);font-variant-numeric:tabular-nums lining-nums}.ico{flex:none;width:20px;height:20px}.ico.lg{width:26px;height:26px}.ico.sm{width:15px;height:15px}.label,.kicker,.site-header nav a,.btn,.footer-col h3,.chip,th,.fig-cell{font-family:var(--display);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:500;line-height:1.25}.chip{text-transform:none;letter-spacing:.05em;font-size:14px}.kicker{color:var(--brass);margin:0 0 7px}.site-header{grid-template-columns:auto 1fr auto;align-items:stretch;gap:0 20px;padding-block:0;display:grid;position:relative}.site-header:after{content:"";background:var(--panel);border-bottom:3px double var(--blue);z-index:-1;width:100vw;margin-left:-50vw;position:absolute;inset:0 50%}.brand{font:500 24px/1 var(--display);letter-spacing:.02em;color:var(--ink);border-right:1px solid var(--line);align-items:center;gap:10px;padding:13px 18px 13px 0;text-decoration:none;display:inline-flex}.brand svg{width:30px;height:30px;color:var(--blue)}.brand i{color:var(--brass);font-style:normal}.site-header nav{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.site-header nav a{color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:7px;padding:9px 11px 7px;text-decoration:none;display:inline-flex}.site-header nav a:hover{color:var(--ink);border-bottom-color:var(--line)}.site-header nav a[aria-current]{color:var(--ink);border-bottom-color:var(--brass)}.header-end{border-left:1px solid var(--line);justify-self:end;align-items:center;gap:8px;padding-left:16px;display:flex}.theme-toggle{cursor:pointer;border:1px solid var(--line);width:34px;height:34px;color:var(--ink);background:0 0;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--brass);border-color:var(--brass)}.theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}:root[data-theme=dark] .theme-toggle .sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .moon{display:block}:root:not([data-theme=light]) .theme-toggle .sun{display:none}}@media (width<=900px){.site-header{grid-template-columns:1fr auto;row-gap:2px}.site-header>.brand{border-right:none;grid-area:1/1;padding:11px 0;font-size:21px}.site-header>.header-end{border-left:none;grid-area:1/2;padding-left:0}.site-header>nav{flex-wrap:nowrap;grid-area:2/1/auto/-1;padding-bottom:6px;overflow-x:auto}.site-header nav a{white-space:nowrap;padding:6px 9px 5px}}.site-main{padding-block:18px 64px}.crumbs{color:var(--muted);flex-wrap:wrap;gap:6px;margin:0 0 10px;font-size:13px;display:flex}.crumbs span:after{content:"/";color:var(--line);margin-left:6px}.crumbs b{color:var(--ink-soft);font-weight:600}.frame{background:var(--panel);border:1px solid var(--line);position:relative}.frame>.frame-in{padding:16px 18px 20px}.frame:after{content:"";border:1px solid color-mix(in srgb, var(--line) 45%, transparent);pointer-events:none;position:absolute;inset:4px}.fig-cell{z-index:1;color:var(--muted);background:var(--panel-2);border-top:1px solid var(--line);border-left:1px solid var(--line);padding:5px 10px 4px;position:absolute;bottom:0;right:0}.frame.tight>.frame-in{padding:12px 14px 16px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;align-items:center;gap:7px;padding:9px 14px 7px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--blue);color:var(--blue-2)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-2);color:#fff}:root[data-theme=dark] .btn.primary,:root:not([data-theme=light]) .btn.primary{color:#08111f}.btn[disabled]{opacity:.5;cursor:default}.btn.small{padding:6px 10px 5px;font-size:11px}.chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);align-items:center;gap:6px;padding:6px 10px 5px;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--blue);color:var(--ink)}.chip[aria-current],.chip.on{background:var(--brass);border-color:var(--brass);color:#180f01}:root[data-theme=dark] .chip[aria-current],:root:not([data-theme=light]) .chip[aria-current],:root[data-theme=dark] .chip.on,:root:not([data-theme=light]) .chip.on{color:#180f01}.chips{flex-wrap:wrap;gap:5px;display:flex}.section-rule{grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:40px 0 14px;display:grid}.section-rule:after{content:"";border-top:1px solid var(--line);height:0}.section-rule h2 .ico{color:var(--blue)}.staff{color:var(--ink);max-width:100%;height:auto}.system .staff,.printable .staff{width:100%}.staff text{fill:currentColor;font-family:var(--display);font-weight:500}.grid-diagram,.neck,.keys{color:var(--ink)}.grid-diagram text,.neck text,.keys text{fill:currentColor;font-family:var(--display);font-weight:500}.grid-diagram .root,.neck .root,.keys .root{color:var(--brass)}.diagrams{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-items:start;gap:14px;display:grid}.diagram{text-align:center}.diagram .shape{font-family:var(--display);letter-spacing:.16em;color:var(--muted);margin-top:4px;font-size:14px}.diagram .diff{letter-spacing:.12em;text-transform:uppercase;font-size:11.5px;font-family:var(--display);color:var(--muted)}.diagram .diff.open{color:var(--brass)}.notes-strip{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.notes-strip b{font:500 26px/1 var(--display);border:1px solid var(--line);background:var(--panel);padding:3px 9px 1px}.notes-strip b.root{border-color:var(--brass);color:var(--brass)}.notes-strip .deg{letter-spacing:.1em;color:var(--muted);font-size:11px;font-family:var(--display)}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:7px 10px}th{color:var(--muted)}td.n{font-family:var(--display);font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}.cat{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.cat a{border:1px solid var(--line);background:var(--panel);padding:11px 13px 12px;text-decoration:none;display:block}.cat a:hover{border-color:var(--blue)}.cat a b{font:500 19px/1.15 var(--display);display:block}.cat a span{color:var(--muted);margin-top:3px;font-size:13px;display:block}input[type=text],select{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:8px 10px}input[type=text]:focus,select:focus{outline:2px solid var(--brass);outline-offset:1px}label.field{flex-direction:column;gap:4px;display:inline-flex}label.field>span{font-family:var(--display);text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:11.5px}.answers{gap:8px;display:grid}.answers li{border:1px solid var(--line);background:var(--panel);align-items:baseline;gap:10px;padding:8px 12px;list-style:none;display:flex}.answers li:first-child{border-color:var(--brass)}.answers b{font:500 22px/1 var(--display)}.answers .why{color:var(--muted);font-size:13px}ul.answers{margin:0;padding:0}.trainer-state{font:500 20px/1.2 var(--display)}.trainer-state.right{color:var(--brass)}.trainer-state.wrong{color:var(--blue-2)}.score{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px}.site-footer{margin-top:30px}.site-footer>div{border-top:3px double var(--blue);padding-top:20px}.footer-in{grid-template-columns:minmax(230px,1.15fr) 2.2fr;gap:22px;display:grid}.footer-brand .brand{border:none;padding:0 0 8px}.footer-brand p{color:var(--muted);max-width:32em;font-size:14px}.footer-cols{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;display:grid}.footer-col h3{color:var(--muted);margin:0 0 8px}.footer-col ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{align-items:center;gap:7px;font-size:14.5px;text-decoration:none;display:inline-flex}.footer-col a:hover{color:var(--blue-2)}.footer-base{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:22px;padding-top:12px;font-size:13px;display:flex}.footer-base p{margin:0}@media (width<=720px){.footer-in{grid-template-columns:1fr}}@media print{.noprint,.site-header,.site-footer,.ad-slot,.frame:after,.fig-cell{display:none!important}body{color:#000!important;background:#fff!important}.staff,.paper,.grid-diagram,.neck,.keys{color:#000!important}.site-main{padding-inline:4mm!important}body:before{display:none}.frame{background:#fff;border:none}.frame>.frame-in,.site-main{padding:0}.printable{break-inside:avoid}.paper{width:100%;height:auto}.print-head{display:flex!important}@page{margin:10mm}}.print-head{font-family:var(--display);align-items:baseline;gap:24px;margin-bottom:10px;display:none}.print-head .rule{border-bottom:1px solid #000;flex:1}.acc{vertical-align:-.2em;height:1.05em;margin:0 .02em;display:inline-block}.accw{display:inline-block;position:relative}.acct{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}h1 .acc,h2 .acc{margin:0 .01em}.note{white-space:nowrap}.fig-cell{text-transform:none;letter-spacing:.06em}