.srch{max-width:560px;margin:34px auto 0;position:relative}
  .srch input{width:100%;background:#101115;border:1px solid var(--line2);border-radius:999px;padding:16px 22px 16px 50px;color:var(--ink);font:400 16px/1 "Plus Jakarta Sans";outline:none;transition:border-color .2s}
  .srch input:focus{border-color:rgba(129,148,221,.6)}
  .srch svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink3)}
  .az{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:22px}
  .az a{font:600 12px/1 ui-monospace,monospace;color:var(--ink3);text-decoration:none;padding:6px 8px;border-radius:6px}
  .az a.has{color:var(--ink2)}.az a.has:hover{color:var(--ink);background:rgba(255,255,255,.05)}
  .gl{max-width:1100px;margin:56px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  .tm{border:1px solid var(--line);border-radius:18px;padding:26px 26px 22px;background:linear-gradient(180deg,#131419,#0f1013);scroll-margin-top:100px}
  .tm h3{font:500 21px/1.3 "Plus Jakarta Sans";letter-spacing:-.01em}
  .tm .def{margin-top:10px;font-size:15px;line-height:1.65;color:var(--ink)}
  .tm .why{margin-top:12px;font-size:14px;line-height:1.6;color:var(--ink2)}
  .tm .why b{color:var(--ink3);font:600 13px/1.3 'Plus Jakarta Sans';display:block;margin-bottom:6px}
  .tm .in{display:inline-block;margin-top:14px;margin-right:18px;font-size:13.5px;color:var(--acc2);text-decoration:none}
  .tm.hide{display:none}
  @media(max-width:980px){.gl{grid-template-columns:1fr}}

  /* YATFA-11147 — the card's term is a link when the term has a page; it keeps the card's look. */
  .tm h3 a{color:inherit;text-decoration:none}
  .tm h3 a:hover{color:var(--ink2)}

  /* /glossary/:slug — the "What is …?" page. */
  .gd{max-width:760px;margin:0 auto;padding:0 28px}
  .gd .h1{font-size:clamp(36px,5vw,64px)}
  .gd-hero{padding-bottom:20px}
  .gd-hero .lead{margin:22px 0 0;max-width:none}
  .gd-body{margin-top:44px;font-size:17px;line-height:1.75;color:var(--ink2)}
  .gd-body>*+*{margin-top:1.1em}
  .gd-body h2{font:500 28px/1.25 "Plus Jakarta Sans";letter-spacing:-.015em;color:var(--ink);margin-top:2em;scroll-margin-top:100px}
  .gd-body h3{font:500 21px/1.3 "Plus Jakarta Sans";color:var(--ink);margin-top:1.7em;scroll-margin-top:100px}
  .gd-body a{color:var(--acc2)}
  .gd-body strong{color:var(--ink)}
  .gd-body ul,.gd-body ol{padding-left:1.4em}
  .gd-body ul{list-style:disc}.gd-body ol{list-style:decimal}
  .gd-body li+li{margin-top:.4em}
  .gd-body img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
  .gd-body code{font:500 .9em ui-monospace,"SF Mono",monospace;background:rgba(255,255,255,.06);padding:.1em .35em;border-radius:5px}
  .gd-body pre{background:#0c0d10;border:1px solid var(--line);border-radius:12px;padding:18px 20px;overflow-x:auto;font-size:14px;line-height:1.7}
  .gd-body pre code{background:none;padding:0}
  .gd-body blockquote{border-left:2px solid var(--line2);padding-left:18px;color:var(--ink2)}
  /* YATFA-11202 — "On this page". The 760px column has no grid, so the desktop variant is a rail
     hanging in the LEFT MARGIN of the column (.gd-rail, absolutely placed beside .gd-main; the nav
     inside it is the sticky element, blog_article.css supplies its look). It needs ~290px of margin,
     so it only shows from 1400px; between 1100 and 1399px, and below, the collapsed <details> above
     the body is the variant (blog_article.css hides it from 1100px up — the rules here are scoped
     under .gd-main so they win regardless of stylesheet order). */
  .gd-main{position:relative;margin-top:44px}
  .gd-main .gd-body{margin-top:0}
  .gd-main .ar-toc-m{display:block;margin-bottom:28px}
  .gd-rail{display:none}
  @media(min-width:1400px){
    .gd-main .ar-toc-m{display:none}
    .gd-rail{display:block;position:absolute;top:0;bottom:0;right:100%;width:240px;margin-right:48px}
    .gd-main .gd-rail .ar-toc-d{display:block;position:sticky;top:96px}
  }
  .gd-why{margin-top:36px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#131419,#0f1013)}
  .gd-why b{display:block;color:var(--ink3);font:600 13px/1.3 'Plus Jakarta Sans';margin-bottom:6px}
  .gd-why p{font-size:15px;line-height:1.6;color:var(--ink2)}
  .gd-rel{margin-top:44px}
  .gd-rel h2{font:600 13px/1.3 'Plus Jakarta Sans';color:var(--ink3);margin-bottom:12px}
  .gd-rel ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
  .gd-rel a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--ink2);text-decoration:none}
  .gd-rel a:hover{color:var(--ink);border-color:var(--line2)}
  .gd-more{margin-top:44px}
  .gd-more a{display:block;margin-top:8px;font-size:15px;color:var(--acc2);text-decoration:none}
  .gd-back{margin-top:44px;font-size:14px}
  .gd-back a{color:var(--ink3);text-decoration:none}
  .gd-back a:hover{color:var(--ink2)}