/* Original training-notation diagram and glossary topic lookup. */
.glossary-page :is(h1,h2,h3,p,a,li,span,dt,dd,strong){overflow-wrap:anywhere}
.glossary-hero{padding-block:28px 50px}
.glossary-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,6vw,85px);align-items:center}
.glossary-hero h1{font:600 clamp(3rem,5.5vw,5.4rem)/1.04 var(--display);letter-spacing:-.02em;max-inline-size:15ch;margin:22px 0 25px}
.glossary-hero p{max-inline-size:58ch;color:var(--ink-soft)}
.glossary-hero p a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.glossary-hero .page-lead{font-size:1.13rem;line-height:1.7}
.glossary-jump{display:inline-flex;align-items:center;gap:24px;min-block-size:44px;padding-block:10px;border-block-end:1px solid currentColor;font-weight:700;text-decoration:none}
.glossary-jump span{font-size:1.5rem}
.glossary-byline{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.73rem;color:var(--muted);margin-block-start:25px}
.glossary-byline a{color:inherit}
.glossary-notation{margin:0;min-inline-size:0;inline-size:100%;max-inline-size:480px;justify-self:end;background:#22271f;color:#f4f4ed;padding:28px 30px;border-radius:6px}
.glossary-notation-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font:.72rem var(--font-mono);color:#c0c9b6}
.glossary-formula{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;padding-block:26px}
.glossary-formula>div{text-align:center}
.glossary-formula strong{display:block;font:600 clamp(5rem,9vw,8rem)/1 var(--display);color:#d4f59f}
.glossary-formula>span{font:400 2rem var(--body);color:#c0c9b6}
.glossary-formula div>span{display:block;font-size:.82rem;margin-block-start:12px}
.glossary-rep-rows{border-block-start:1px solid #59614f;padding-block-start:10px}
.glossary-rep-row{display:grid;grid-template-columns:50px minmax(0,1fr) 40px;gap:10px;align-items:center;padding-block:15px;font-size:.73rem}
.glossary-rep-dots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:5px}
.glossary-rep-dots>span{display:block;inline-size:100%;max-inline-size:14px;aspect-ratio:1;border-radius:50%;background:#d4f59f}
.glossary-notation figcaption{border-block-start:1px solid #59614f;padding-block-start:20px;font-size:.78rem;line-height:1.7;color:#d9dfd1}
.glossary-body{max-inline-size:1200px}
.glossary-contents{display:flex;flex-wrap:wrap;gap:15px 28px;padding-block:22px;border-block:1px solid var(--line-strong);font-size:.82rem}
.glossary-contents a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.glossary-section{padding-block:clamp(35px,5vw,65px);border-block-end:1px solid var(--line);scroll-margin-block-start:110px}
.glossary-section h2{font:600 clamp(2rem,3.5vw,3rem)/1.13 var(--display);margin:14px 0 20px}
.glossary-heading{max-inline-size:770px;margin-block-end:30px}
.glossary-heading p{color:var(--ink-soft)}
.glossary-quick-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 45px;margin:0}
.glossary-quick-list>div{min-inline-size:0;border-block-start:1px solid var(--line-strong);padding-block-start:20px;scroll-margin-block-start:110px}
.glossary-quick-list dt{font:600 1.75rem/1.2 var(--display)}
.glossary-quick-list dt>span{display:block;font:500 .76rem/1.5 var(--body);color:var(--muted);margin-block-start:6px}
.glossary-quick-list dd{margin:12px 0 0}
.glossary-quick-list p{font-size:.95rem;color:var(--ink-soft);margin:0}
.glossary-quick-list a,.glossary-example-grid a,.glossary-sources a{text-decoration:underline;text-underline-offset:4px}
.glossary-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
.glossary-example-grid>div{min-inline-size:0;border-block-start:2px solid var(--accent-strong);padding-block-start:20px}
.glossary-example-label{font-size:.8rem;color:var(--muted)}
.glossary-example-grid p{font-size:.93rem;color:var(--ink-soft)}
.glossary-example-grid .glossary-math{font:600 clamp(1.9rem,3.1vw,2.7rem)/1.3 var(--display);color:var(--ink);margin-block:18px}
.glossary-math strong{color:var(--accent-strong)}
.glossary-context{max-inline-size:850px;margin-block-start:30px;padding:24px 28px;background:#e7e9dc;border-inline-start:3px solid var(--accent-strong)}
.glossary-context h3{font-size:1.08rem;margin-block:0 15px}
.glossary-context p{font-size:.93rem;color:var(--ink-soft);margin-block-end:0}
.glossary-letter-filter>summary{min-block-size:44px;cursor:pointer;font-size:.86rem;font-weight:700;padding-block:12px}
.glossary-letter-filter summary>span{font-size:.74rem;color:var(--muted);margin-inline-start:12px}
.glossary-letter-filter .filter-group{padding-block:10px 5px}
.glossary-letter-filter button{min-inline-size:44px}
.glossary-topic-grid{list-style:none;padding:0;margin:25px 0 0;grid-template-columns:repeat(3,minmax(0,1fr))}
.glossary-topic{min-inline-size:0;justify-content:start;gap:12px;content-visibility:visible}
.glossary-topic h3{font:700 .98rem/1.5 var(--body);margin:0}
.glossary-topic .pending-link{border:0;color:var(--ink)}
.glossary-brief-link{font-size:.79rem;text-decoration:underline;text-underline-offset:4px}
.glossary-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;list-style:none;padding:0;margin:25px 0 0}
.glossary-related li{padding-block:18px;border-block-start:1px solid var(--line-strong)}
.glossary-related a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.glossary-related span{display:block;font-size:.9rem;color:var(--ink-soft);margin-block-start:10px}
.glossary-sources{max-inline-size:880px;padding-block:35px 60px;font-size:.89rem;color:var(--ink-soft)}
.glossary-sources h2{font:600 2rem var(--display);color:var(--ink)}
.glossary-sources li{margin-block:16px;scroll-margin-block-start:110px}
@media(max-width:950px){.glossary-hero-grid{gap:30px}.glossary-notation{padding:25px 22px}.glossary-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.glossary-hero-grid,.glossary-quick-list,.glossary-example-grid,.glossary-related{grid-template-columns:minmax(0,1fr)}.glossary-notation{justify-self:start}.glossary-hero h1{font-size:3.3rem}.glossary-quick-list{gap:25px}.glossary-context{padding:22px}.glossary-topic-grid{grid-template-columns:minmax(0,1fr)}}
@media print{.glossary-jump,.glossary-contents,.filter-bar{display:none}.glossary-hero-grid,.glossary-quick-list,.glossary-example-grid,.glossary-related{display:block}.glossary-notation{break-inside:avoid;margin-block:15pt;background:white;color:black;border:1px solid #555}.glossary-notation :is(strong,span,figcaption){color:black}.glossary-rep-dots>span{background:#333;print-color-adjust:exact}.glossary-section{padding-block:12pt}.glossary-quick-list>div{break-inside:avoid;padding-block:10pt}.glossary-topic-grid{display:block}.glossary-topic{break-inside:avoid}}
