/* /glossary: the page's own world, the dictionary. */

/* ══ The page's own world: the dictionary. A headword set large, a
   respelling, the part of speech, numbered senses and see-also in small
   capitals, under a running head; thumb-index tabs down the edge. ══ */
.dict-hero { padding: 136px 0 88px; }
.dict-hero__grid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) 48px; gap: 40px 48px; align-items: start; }
.dict { display: grid; padding: 4px 0 0 36px; border-left: 1px solid rgba(255, 255, 255, 0.14); animation: heroUp 0.9s var(--ease-out) 0.15s both; }
.dict__running { display: flex; justify-content: space-between; margin: 0 0 24px; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); font: 600 10px var(--font-ui); letter-spacing: 0.16em; text-transform: uppercase; color: var(--label); }
.dict__entry { grid-area: 2 / 1; min-height: 330px; }
.dict__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; margin: 0; }
.dict__head b { font: 600 clamp(48px, 5vw, 76px)/1 var(--font-display); letter-spacing: -0.02em; color: #fff; }
.dict__head span { font: 400 17px var(--font-display); color: var(--muted); }
.dict__head span::before { content: "/"; margin-right: 2px; }
.dict__head span::after { content: "/"; margin-left: 2px; }
.dict__head i { font: italic 400 18px var(--font-display); color: #9fd8ff; }
.dict ol { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; }
.dict li { position: relative; padding-left: 26px; font: 400 19px/1.5 var(--font-display); color: rgba(255, 255, 255, 0.88); text-wrap: pretty; }
.dict li > b { position: absolute; left: 0; top: 0; font: 700 15px/1.9 var(--font-display); color: #fff; }
.dict li i { margin-right: 6px; color: #9fd8ff; }
.dict__see { margin: 20px 0 0; font: italic 400 16px var(--font-display); color: var(--muted); }
.dict__see span { font-style: normal; font-variant: small-caps; letter-spacing: 0.04em; color: #fff; }
.thumbs { position: relative; }
.thumbs .az { display: grid; gap: 3px; margin: 0; }
.thumbs .az a { display: grid; place-items: center; width: 48px; height: 30px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.14); border-right: 0; border-radius: 8px 0 0 8px; background: #0b111a; font: 600 12px var(--font-ui); color: #cfd6e0; transition: transform 200ms var(--ease-out), background-color 200ms ease, color 200ms ease; }
.thumbs .az li:nth-child(odd) a { background: #0e1621; }
.thumbs .az a:hover, .thumbs .az a:focus-visible { background: rgba(92, 200, 255, 0.16); color: #fff; transform: translateX(-6px); }

/* section heads in small capitals over a hairline */
.page-dict .section-head { max-width: none; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.14); }
.page-dict .section-head > * { max-width: 760px; }
.page-dict .section-head .kicker { font: 600 15px var(--font-display); font-variant: small-caps; letter-spacing: 0.08em; text-transform: lowercase; color: #9fd8ff; }

@media (max-width: 1100px) {
  .dict-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .dict { padding-left: 24px; }
  .thumbs .az { display: flex; flex-wrap: wrap; gap: 6px; }
  .thumbs .az a { width: auto; min-width: 36px; padding: 0 10px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; }
}
@media (max-width: 640px) {
  .dict-hero { padding-top: 112px; }
  .dict__entry { min-height: 300px; }
  .dict li { font-size: 17px; }
}