/* Glossary (2026-10-29): a drawing set of terms. Square, black, hairlines, no effects; dark by default, ink on paper in body.light */

.dzg-hero{margin:0 0 88px}
.dzg-hero h1{margin-bottom:28px}
.dzg-big{margin:0 0 28px;max-width:18em;font-size:26px;line-height:1.2;font-weight:300;letter-spacing:-.01em;color:#fff;transition:color .3s}
.dzg-intro{margin:0;max-width:62ch;font-size:16px;line-height:1.65;color:#939393;transition:color .3s}
.dzg-l{display:block;margin:0;font-size:12px;line-height:1.6;letter-spacing:.05em;text-transform:uppercase;color:#646464;transition:color .3s}

.dzg-grid{display:grid;grid-template-columns:1fr;gap:56px}
.dzg-sheets{list-style:none;margin:14px 0 36px;padding:0;border-top:1px solid #2a2a2a}
.dzg-sheets a{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #2a2a2a;font-size:14px;line-height:1.4;color:#bdbdbd;transition:color .3s}
.dzg-sheets a:hover{color:#fff}
.dzg-c{font-size:12px;letter-spacing:.05em;color:#646464;font-variant-numeric:tabular-nums;transition:color .3s}
.dzg-find{display:grid;gap:8px}
.dzg-find input{width:100%;padding:6px 0;background:none;border:0;border-bottom:1px solid #646464;border-radius:0;outline:0;font-size:18px;line-height:1.4;font-weight:300;color:#fff;transition:border-color .3s,color .3s;-webkit-appearance:none;appearance:none}
.dzg-find input:hover{border-bottom-color:#939393}
.dzg-find input:focus{border-bottom-color:#fff}

.dzg-sheet .dzm-h{margin-bottom:0}
.dzg-t{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:34px 0;border-bottom:1px solid #2a2a2a;scroll-margin-top:110px}
.dzg-code{padding-top:7px;font-size:12px;letter-spacing:.05em;color:#646464;font-variant-numeric:tabular-nums;transition:color .3s}
.dzg-t:hover .dzg-code,.dzg-t:target .dzg-code,.dzg-code:hover{color:#fff}
.dzg-t h3{margin:0 0 10px;font-size:24px;line-height:1.25;font-weight:400;color:#fff;transition:color .3s}
.dzg-line{position:relative;margin:0 0 14px;padding-left:28px;max-width:40em;font-size:19px;line-height:1.45;font-weight:300;color:#bdbdbd;transition:color .3s}
.dzg-line:before{content:"";position:absolute;left:0;top:.72em;width:14px;border-top:1px solid #646464}
.dzg-note{margin:0;padding-left:28px;max-width:68ch;font-size:14px;line-height:1.7;color:#939393;transition:color .3s}
.dzg-note a{color:#fff;border-bottom:1px solid #646464;transition:color .3s,border-color .3s}
.dzg-note a:hover{border-bottom-color:#fff}
.dzg-t[hidden],.dzg-sheet[hidden]{display:none}
.dzg-none{margin:40px 0 0;font-size:14px;color:#939393}

@media screen and (min-width:768px){
  .dzg-big{font-size:34px}
  .dzg-t{grid-template-columns:96px 1fr;gap:16px}
}
@media screen and (min-width:1200px){
  .dzg-hero{margin-bottom:104px}
  .dzg-big{font-size:40px}
  .dzg-grid{grid-template-columns:260px 1fr;gap:72px}
  .dzg-side{position:sticky;top:110px;align-self:start}
}
@media screen and (max-width:767px){
  .dzg-hero{margin-bottom:64px}
  .dzg-t{grid-template-columns:1fr;gap:8px;padding:28px 0}
  .dzg-code{padding-top:0}
  .dzg-line,.dzg-note{padding-left:22px}
  .dzg-t h3{font-size:21px}
  .dzg-line{font-size:17px}
}

/* light */
.light .dzg-big,.light .dzg-t h3,.light .dzg-note a,.light .dzg-find input,.light .dzg-t:hover .dzg-code,.light .dzg-t:target .dzg-code,.light .dzg-code:hover,.light .dzg-sheets a:hover{color:#151515}
.light .dzg-intro,.light .dzg-note,.light .dzg-none{color:#646464}
.light .dzg-line,.light .dzg-sheets a{color:#424242}
.light .dzg-l,.light .dzg-c,.light .dzg-code{color:#939393}
.light .dzg-line:before{border-color:#939393}
.light .dzg-sheets,.light .dzg-sheets a,.light .dzg-t{border-color:#e2e2e2}
.light .dzg-note a{border-bottom-color:#c8c8c8}
.light .dzg-note a:hover,.light .dzg-find input:focus{border-bottom-color:#151515}
.light .dzg-find input{border-bottom-color:#c8c8c8}
.light .dzg-find input:hover{border-bottom-color:#939393}