/* WS-075: the plain layer under a post's title (lede, plot, two boxes) and first-use glossary definitions. Colours
   from the site tokens only, so both themes follow. */
.md-typeset .plain-layer { margin: 0.4rem 0 1.6rem; }
.md-typeset .plain-lede { font-size: 1.05rem; line-height: 1.55; margin: 0 0 1rem; max-width: 42rem; }
.md-typeset .plain-fig { margin: 0.6rem 0 1rem; max-width: 32rem; color: var(--md-default-fg-color); }
.md-typeset .plain-fig svg { width: 100%; height: auto; }
.md-typeset .plain-boxes { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 0.8rem; }
.md-typeset .plain-box { border: 1px solid var(--border); border-radius: 6px; padding: 0.7rem 0.9rem; background: var(--surface); }
.md-typeset .plain-box p { margin: 0; font-size: 0.82rem; line-height: 1.5; }
.md-typeset h2.plain-box-title { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 0.4rem;
  color: var(--muted); font-weight: 600; }
.md-typeset dfn.gl { font-style: normal; text-decoration: underline dotted; text-underline-offset: 3px; cursor: help;
  position: relative; }
.md-typeset dfn.gl:hover::after, .md-typeset dfn.gl:focus::after {
  content: attr(data-def); position: absolute; left: 0; top: 1.5em; z-index: 5; width: max-content; max-width: min(18rem, 80vw);
  padding: 0.45rem 0.6rem; background: var(--surface); color: var(--md-default-fg-color); border: 1px solid var(--border);
  border-radius: 4px; font-size: 0.72rem; line-height: 1.4; white-space: normal; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
.md-typeset dfn.gl:focus { outline: none; }