/* glossary-v1: the /glossary page. Same Midday editorial surface as the academy,
   blog and tools (loaded after blog-v1.css): Hedvig, charcoal, square corners,
   hairlines, no gradients, no shadows, weight 400. Every rule is scoped to the
   editorial attribute so no other page is touched. Without JavaScript the filter
   box and chips are hidden (a noscript style in the page head) and the full list,
   the A to Z and every anchor still work. */
/* A to Z and deep links (/glossary#pip) jump straight to the term: the site's
   smooth scroll takes over a second to cross a list this long. */
html[data-fx-editorial="midday"]:has(.gl[data-gl]){scroll-behavior:auto}
html[data-fx-editorial="midday"] .gl-hero h1{max-width:20ch}
html[data-fx-editorial="midday"] .gl{padding:56px 0 8px}
html[data-fx-editorial="midday"] .gl [hidden]{display:none!important}
html[data-fx-editorial="midday"] .gl-layout{display:grid;grid-template-columns:304px minmax(0,1fr);gap:72px;align-items:start}

/* Finder: filter, category chips, count, A to Z. Sticky beside the list on wide screens. */
html[data-fx-editorial="midday"] .gl-side{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto;overscroll-behavior:contain;margin:-8px;padding:8px;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}
html[data-fx-editorial="midday"] .gl-search{display:grid;gap:8px}
html[data-fx-editorial="midday"] .gl-search label{font-size:13px;line-height:1.5;color:var(--p-muted)}
html[data-fx-editorial="midday"] .gl-search input{width:100%;min-width:0;min-height:48px;padding:0 14px;font:400 16px/1.3 var(--p-font);color:var(--p-fg);background:var(--p-surface);border:1px solid var(--p-border);border-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none}
html[data-fx-editorial="midday"] .gl-search input::placeholder{color:#6f6f6f}
html[data-fx-editorial="midday"] .gl-search input:hover{border-color:#3a3a3a}
html[data-fx-editorial="midday"] .gl-search input:focus{border-color:var(--p-fg);outline:0}
html[data-fx-editorial="midday"] .gl-search input::-webkit-search-decoration{-webkit-appearance:none}
html[data-fx-editorial="midday"] .gl-chips{display:flex;flex-direction:column;gap:6px;margin:20px 0 0}
html[data-fx-editorial="midday"] .gl-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;padding:8px 14px;font:400 14px/1.35 var(--p-font);color:var(--p-fg-2);text-align:left;background:transparent;border:1px solid var(--p-border);border-radius:0;cursor:pointer}
html[data-fx-editorial="midday"] .gl-chip span{font-size:12px;color:var(--p-muted);font-variant-numeric:tabular-nums}
html[data-fx-editorial="midday"] .gl-chip:hover{color:var(--p-fg);border-color:#3a3a3a}
html[data-fx-editorial="midday"] .gl-chip[aria-pressed="true"]{color:var(--p-primary-fg);background:var(--p-primary);border-color:var(--p-primary)}
html[data-fx-editorial="midday"] .gl-chip[aria-pressed="true"] span{color:#5c5c5c}
html[data-fx-editorial="midday"] .gl-count{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--p-muted)}
html[data-fx-editorial="midday"] .gl-az{margin:26px 0 0}
html[data-fx-editorial="midday"] .gl-az-k{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--p-muted)}
html[data-fx-editorial="midday"] .gl-az-list{display:flex;flex-wrap:wrap;gap:4px}
html[data-fx-editorial="midday"] .gl-az-list :is(a,span){display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:15px;line-height:1;color:var(--p-fg);text-decoration:none;border:1px solid var(--p-border)}
html[data-fx-editorial="midday"] .gl-az-list a:hover{background:var(--p-surface);border-color:#555}
html[data-fx-editorial="midday"] .gl-az-list a.is-off{color:#5a5a5a;border-color:var(--p-hair)}
html[data-fx-editorial="midday"] .gl-az-list span.is-none{color:#3d3d3d;border-color:var(--p-hair)}

/* The list: one section per letter, one block per term. */
html[data-fx-editorial="midday"] .gl-main{min-width:0}
html[data-fx-editorial="midday"] .gl-sec{padding:0;border-top:1px solid var(--p-border);scroll-margin-top:84px}
html[data-fx-editorial="midday"] .gl-list>.gl-sec:first-child,html[data-fx-editorial="midday"] .gl-list>.gl-sec[data-first]{border-top:0}
html[data-fx-editorial="midday"] .gl-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:30px 0 4px}
html[data-fx-editorial="midday"] .gl-list>.gl-sec:first-child .gl-sec-head,html[data-fx-editorial="midday"] .gl-list>.gl-sec[data-first] .gl-sec-head{padding-top:0}
html[data-fx-editorial="midday"] .gl-letter{margin:0;font-size:44px;line-height:1;letter-spacing:-.03em;font-weight:400;color:var(--p-fg)}
html[data-fx-editorial="midday"] .gl-top{display:none;font-size:12px;line-height:1.5;color:var(--p-muted);text-decoration:underline;text-decoration-color:#4a4a4a;text-underline-offset:3px}
html[data-fx-editorial="midday"] .gl-top:hover{color:var(--p-fg)}
html[data-fx-editorial="midday"] .gl-term{padding:26px 0 28px;border-bottom:1px solid var(--p-hair);scroll-margin-top:96px}
html[data-fx-editorial="midday"] .gl-sec .gl-term:last-child{border-bottom:0}
html[data-fx-editorial="midday"] .gl-term:target{margin:0 -20px;padding-left:20px;padding-right:20px;background:var(--p-surface);border-bottom-color:transparent}
html[data-fx-editorial="midday"] .gl-name{margin:0 0 8px;font-size:24px;line-height:1.25;letter-spacing:-.02em;font-weight:400;color:var(--p-fg)}
html[data-fx-editorial="midday"] .gl-name dfn{font-style:normal}
html[data-fx-editorial="midday"] .gl-meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 14px;font-size:12px;line-height:1.5;color:var(--p-muted)}
html[data-fx-editorial="midday"] .gl-def{margin:0 0 14px;max-width:70ch;font-size:16.5px;line-height:1.75;color:var(--p-fg-2)}
html[data-fx-editorial="midday"] .gl-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin:0;font-size:14px;line-height:1.6;color:var(--p-muted)}
html[data-fx-editorial="midday"] .gl-links a{color:var(--p-fg);text-decoration:underline;text-decoration-color:#686868;text-underline-offset:4px}
html[data-fx-editorial="midday"] .gl-links a:hover{text-decoration-color:var(--p-fg)}
html[data-fx-editorial="midday"] .gl-links a.gl-more{color:var(--p-muted);text-decoration:none}
html[data-fx-editorial="midday"] .gl-links a.gl-more span{color:var(--p-fg);text-decoration:underline;text-decoration-color:#686868;text-underline-offset:4px}
html[data-fx-editorial="midday"] .gl-links a.gl-more:hover span{text-decoration-color:var(--p-fg)}
html[data-fx-editorial="midday"] .gl-hits{margin:0 0 28px;padding:14px 18px;border:1px solid var(--p-border);font-size:14px;line-height:1.75;color:var(--p-muted)}
html[data-fx-editorial="midday"] .gl-hits-k{margin-right:4px}
html[data-fx-editorial="midday"] .gl-hits a{color:var(--p-fg);text-decoration:underline;text-decoration-color:#686868;text-underline-offset:4px}
html[data-fx-editorial="midday"] .gl-hits a:hover{text-decoration-color:var(--p-fg)}
html[data-fx-editorial="midday"] .gl-empty{margin:0 0 8px;padding:20px 22px;border:1px solid var(--p-border);background:var(--p-surface);font-size:15px;line-height:1.6;color:var(--p-fg-2)}
html[data-fx-editorial="midday"] .gl-empty b{font-weight:400;color:var(--p-fg)}
html[data-fx-editorial="midday"] .gl-empty :is(a,button){padding:0;font:inherit;color:var(--p-fg);background:none;border:0;text-decoration:underline;text-decoration-color:#686868;text-underline-offset:4px;cursor:pointer}

/* Notes and the CTA sit in the list column, under the last letter. */
html[data-fx-editorial="midday"] .gl-notes{margin-top:20px;padding:48px 0 80px;border-top:1px solid var(--p-border)}
html[data-fx-editorial="midday"] .gl-notes h2{margin-top:0}
html[data-fx-editorial="midday"] .gl-notes p{max-width:68ch}

@media(max-width:1100px){
  html[data-fx-editorial="midday"] .gl-layout{grid-template-columns:268px minmax(0,1fr);gap:48px}
  html[data-fx-editorial="midday"] .gl-az-list :is(a,span){width:34px;height:34px;font-size:14px}
}
@media(max-width:960px){
  html[data-fx-editorial="midday"] .gl-layout{grid-template-columns:minmax(0,1fr);gap:0}
  html[data-fx-editorial="midday"] .gl-side{position:static;max-height:none;overflow:visible;margin:0 0 4px;padding:0 0 28px;border-bottom:1px solid var(--p-border)}
  html[data-fx-editorial="midday"] .gl-chips{flex-direction:row;flex-wrap:wrap}
  html[data-fx-editorial="midday"] .gl-chip{width:auto;min-height:38px;padding:7px 12px;font-size:13px;justify-content:flex-start;gap:8px}
  html[data-fx-editorial="midday"] .gl-az-list :is(a,span){width:40px;height:40px;font-size:15px}
  html[data-fx-editorial="midday"] .gl-list>.gl-sec:first-child .gl-sec-head,html[data-fx-editorial="midday"] .gl-list>.gl-sec[data-first] .gl-sec-head{padding-top:30px}
  html[data-fx-editorial="midday"] :is(.gl-hits,.gl-empty){margin:24px 0 0}
  html[data-fx-editorial="midday"] .gl-top{display:inline}
}
@media(max-width:700px){
  html[data-fx-editorial="midday"] .gl{padding:32px 0 0}
  /* One swipeable row of chips and nine letters a row keep the first term near the top on a phone. */
  html[data-fx-editorial="midday"] .gl-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;margin:18px -24px 0;padding:0 24px;scrollbar-width:none}
  html[data-fx-editorial="midday"] .gl-chips::-webkit-scrollbar{display:none}
  html[data-fx-editorial="midday"] .gl-chip{flex:0 0 auto;white-space:nowrap}
  html[data-fx-editorial="midday"] .gl-az{margin-top:22px}
  html[data-fx-editorial="midday"] .gl-az-list :is(a,span){width:34px;height:34px;font-size:14px}
  html[data-fx-editorial="midday"] .gl-letter{font-size:36px}
  html[data-fx-editorial="midday"] .gl-term{padding:22px 0 24px}
  html[data-fx-editorial="midday"] .gl-term:target{margin:0 -16px;padding-left:16px;padding-right:16px}
  html[data-fx-editorial="midday"] .gl-name{font-size:22px}
  html[data-fx-editorial="midday"] .gl-def{font-size:16px;line-height:1.7}
  html[data-fx-editorial="midday"] .gl-notes{padding:36px 0 56px}
}