/*
 * Glensburg Core: the list of the Publications page ([glensburg_insights]):
 * every publication of the practice and of the Glensburg Cities Institute.
 * Every rule starts at the list's root with an id's weight (written as an
 * ampersand in the source): it puts every rule above the
 * theme's and above the resets of the section the list sits in, without
 * !important. !important is kept for links, buttons and fields, whose looks
 * the theme sets in every state.
 * Type, colour and grid follow the Institute page (gb-ci 3.1): DM Sans
 * headings, Inter text, brass labels, hairlines on white, bone objects.
 * No running text above 18 px.
 */

.gb-in-app:not(#_){
  --in-green:#16301F;
  --in-bone:#F2EDE3;
  --in-bone-2:#E9E2D4;
  --in-brass:#846629;
  --in-ink:#181C17;
  --in-muted:#5A6159;
  --in-faint:#7C817A;
  --in-line:#DEE2E0;
  --in-rule:rgba(22,48,31,.16);
  --in-field:#857F74;
  --in-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --in-head:"DM Sans",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --i-search:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
  --i-x:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
  --i-chev:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --i-list:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M3 19h18'/%3E%3C/svg%3E");
  --i-grid:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E");
  --i-tick:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  display:block;
  box-sizing:border-box;
  float:none;
  clear:both;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  background:none;
  color:var(--in-ink);
  font-family:var(--in-sans);
  font-size:16px;
  font-weight:400;
  font-style:normal;
  line-height:1.6;
  letter-spacing:0;
  word-spacing:0;
  text-align:left;
  text-transform:none;
  text-indent:0;
  text-shadow:none;
  white-space:normal;
  scroll-margin-top:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.gb-in-app:not(#_) *,
.gb-in-app:not(#_) *::before,
.gb-in-app:not(#_) *::after{box-sizing:border-box}

.gb-in-app:not(#_) :where(p,ul,ol,li,h2,h3,h4,form,fieldset,legend,label,details,summary,nav,article,div,span,time,mark,a,button,input,select,img){
  float:none;
  width:auto;
  height:auto;
  max-width:none;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  opacity:1;
  font:inherit;
  color:inherit;
  letter-spacing:inherit;
  word-spacing:inherit;
  text-align:inherit;
  text-transform:inherit;
  text-decoration:none;
  text-indent:0;
  text-shadow:none;
  vertical-align:baseline;
  list-style:none;
}
.gb-in-app:not(#_) :where(li,h2,h3,h4,p,summary,label,fieldset)::before,
.gb-in-app:not(#_) :where(li,h2,h3,h4,p,summary,label,fieldset)::after{content:none}
.gb-in-app:not(#_) [hidden]{display:none !important}
.gb-in-app:not(#_) .gb-in-sr{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.gb-in-app:not(#_) .gb-in-ico{
  display:block;
  flex:none;
  width:18px;
  height:18px;
  background:currentColor;
  -webkit-mask:var(--i) center / contain no-repeat;
          mask:var(--i) center / contain no-repeat;
}
.gb-in-app:not(#_) .gb-in-ico-search{--i:var(--i-search)}
.gb-in-app:not(#_) .gb-in-ico-x{--i:var(--i-x)}
.gb-in-app:not(#_) .gb-in-ico-chev{--i:var(--i-chev)}
.gb-in-app:not(#_) .gb-in-ico-list{--i:var(--i-list)}
.gb-in-app:not(#_) .gb-in-ico-grid{--i:var(--i-grid)}

/* ── Links: one look in every state, whatever the theme does to links.
   A kind of link sets --a-c, --a-lc, --a-bg, --a-w, --a-r (and -on for the
   pointer); it never restates a guarded property. Every link carries -undash. ── */

.gb-in-app:not(#_) a{
  --a-k:var(--a-c,var(--in-green));
  --a-l:var(--a-lc,var(--in-brass));
  --a-g:var(--a-bg,none);
}
.gb-in-app:not(#_) a:hover,
.gb-in-app:not(#_) a:active{
  --a-k:var(--a-c-on,var(--a-c,var(--in-green)));
  --a-l:var(--a-lc-on,var(--in-green));
  --a-g:var(--a-bg-on,var(--a-bg,none));
}
.gb-in-app:not(#_) a,
.gb-in-app:not(#_) a:link,
.gb-in-app:not(#_) a:visited,
.gb-in-app:not(#_) a:hover,
.gb-in-app:not(#_) a:focus,
.gb-in-app:not(#_) a:active{
  background:var(--a-g) !important;
  color:var(--a-k) !important;
  border-top:0 !important;
  border-right:0 !important;
  border-left:0 !important;
  border-bottom:var(--a-w,1px) solid var(--a-l) !important;
  border-radius:var(--a-r,0) !important;
  animation:none !important;
  transition:none !important;
  filter:none !important;
  box-shadow:none !important;
  opacity:1 !important;
  transform:none !important;
  text-decoration:none !important;
  text-shadow:none !important;
  cursor:pointer;
}
.gb-in-app:not(#_) a::before,
.gb-in-app:not(#_) a::after{
  content:none !important;
  display:none !important;
}
.gb-in-app:not(#_) a:focus{
  outline:2px solid var(--in-brass) !important;
  outline-offset:2px !important;
}
.gb-in-app:not(#_) a:focus:not(:focus-visible){outline:0 !important}

/* ── Buttons and fields: the same guard, read from variables ── */

.gb-in-app:not(#_) button,
.gb-in-app:not(#_) button:hover,
.gb-in-app:not(#_) button:focus,
.gb-in-app:not(#_) button:active,
.gb-in-app:not(#_) button:disabled,
.gb-in-app:not(#_) input,
.gb-in-app:not(#_) input:hover,
.gb-in-app:not(#_) input:focus,
.gb-in-app:not(#_) select,
.gb-in-app:not(#_) select:hover,
.gb-in-app:not(#_) select:focus,
.gb-in-app:not(#_) summary,
.gb-in-app:not(#_) summary:hover,
.gb-in-app:not(#_) summary:focus{
  -webkit-appearance:none !important;
     -moz-appearance:none !important;
          appearance:none !important;
  background:var(--c-bg,none) !important;
  color:var(--c-c,inherit) !important;
  border:var(--c-b,0) !important;
  border-radius:var(--c-r,0) !important;
  box-shadow:var(--c-sh,none) !important;
  outline:0 !important;
  margin:0 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  text-shadow:none !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
  transition:none !important;
  opacity:1 !important;
  float:none !important;
}
.gb-in-app:not(#_) button,
.gb-in-app:not(#_) summary{cursor:pointer}
.gb-in-app:not(#_) button:disabled{cursor:default}
.gb-in-app:not(#_) button::before,
.gb-in-app:not(#_) button::after,
.gb-in-app:not(#_) summary::before,
.gb-in-app:not(#_) summary::after{
  content:none !important;
  display:none !important;
}
.gb-in-app:not(#_) summary::-webkit-details-marker{display:none}
.gb-in-app:not(#_) summary::marker{content:""}
.gb-in-app:not(#_) button:focus-visible,
.gb-in-app:not(#_) summary:focus-visible,
.gb-in-app:not(#_) select:focus-visible{
  outline:2px solid var(--in-brass) !important;
  outline-offset:2px !important;
}

/* ── The tabs: All and each format (in two groups, the practice's and the Institute's, while both publish) ── */

.gb-in-app:not(#_) .gb-in-tabs{
  display:block;
  border-bottom:1px solid var(--in-line);
}
.gb-in-app:not(#_) .gb-in-tabs ul{
  display:flex;
  flex-wrap:nowrap;
  gap:0 4px;
  margin:0 0 -1px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.gb-in-app:not(#_) .gb-in-tabs ul::-webkit-scrollbar{display:none}
/* a row of tabs wider than the screen: its edge fades while there is more to scroll to (each tab
   holds its screen-reader words, which are positioned, so that they scroll with it and never widen
   the page) */
.gb-in-app:not(#_) .gb-in-tabs ul.is-more{
  -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);
          mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);
}
.gb-in-app:not(#_) .gb-in-tabs li{
  display:flex;
  flex:none;
}
.gb-in-app:not(#_) .gb-in-tab{
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:56px;
  padding:3px 16px 0;
  font-family:var(--in-head);
  font-size:16px;
  font-weight:500;
  line-height:1.2;
  white-space:nowrap;
  --a-w:2px;
  --a-lc:transparent;
  --a-lc-on:var(--in-brass);
}
.gb-in-app:not(#_) .gb-in-tabs li:first-child .gb-in-tab{padding-left:0}
.gb-in-app:not(#_) .gb-in-tab[aria-current]{
  --a-lc:var(--in-brass);
  --a-lc-on:var(--in-brass);
  font-weight:600;
}
.gb-in-app:not(#_) .gb-in-tab.is-off{
  --a-c:var(--in-muted);
  --a-c-on:var(--in-green);
  font-weight:400;
}
.gb-in-app:not(#_) .gb-in-tab.is-off .gb-in-tab-n{color:var(--in-muted)}
.gb-in-app:not(#_) .gb-in-tab-n{
  font-family:var(--in-sans);
  font-size:12px;
  font-weight:600;
  line-height:1;
  letter-spacing:.06em;
  color:var(--in-brass);
  font-variant-numeric:tabular-nums;
}
/* a group: its short name, then its tabs, after a short hairline */
.gb-in-app:not(#_) .gb-in-tabs-group{
  display:flex;
  flex:none;
  align-items:stretch;
  margin-left:8px;
}
.gb-in-app:not(#_) .gb-in-tabs-group::before{
  content:"";
  display:block;
  flex:none;
  align-self:center;
  width:1px;
  height:24px;
  margin:3px 18px 0 0;
  background:var(--in-line);
}
.gb-in-app:not(#_) .gb-in-tabs-k{
  display:flex;
  flex:none;
  align-items:center;
  padding:3px 2px 0 0;
  font-family:var(--in-sans);
  font-size:11px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
  color:var(--in-brass);
}
.gb-in-app:not(#_) .gb-in-tabs-group > ul{
  display:flex;
  flex:none;
  gap:0 4px;
  margin:0;
  overflow:visible;
}
.gb-in-app:not(#_) .gb-in-tabs-group li:first-child .gb-in-tab{padding-left:14px}
/* the groups stacked, when one row would not hold them, decided before the page is first drawn:
   below 1024px always (the rules under that media query); wider, by the server's estimate of one
   row's width (is-wide, is-widest), then by a script printed with the tabs (is-stacked), and by the
   list's script as fonts load and the window changes. All, then a row a publisher, each on a line
   of its own, its short name in a column of its own, its tabs scrolling on their own if they must
   (on phones, wrapping) */
.gb-in-app:not(#_) .gb-in-tabs.is-stacked,
.gb-in-app:not(#_) .gb-in-tabs.is-widest{border-bottom:0}
.gb-in-app:not(#_) .gb-in-tabs.is-stacked > ul,
.gb-in-app:not(#_) .gb-in-tabs.is-widest > ul{
  display:block;
  margin:0;
  overflow:visible;
}
.gb-in-app:not(#_) .gb-in-tabs.is-stacked > ul > li,
.gb-in-app:not(#_) .gb-in-tabs.is-widest > ul > li{box-shadow:inset 0 -1px 0 var(--in-line)}
.gb-in-app:not(#_) .gb-in-tabs.is-stacked .gb-in-tabs-group,
.gb-in-app:not(#_) .gb-in-tabs.is-widest .gb-in-tabs-group{margin-left:0}
.gb-in-app:not(#_) .gb-in-tabs.is-stacked .gb-in-tabs-group::before,
.gb-in-app:not(#_) .gb-in-tabs.is-widest .gb-in-tabs-group::before{display:none}
.gb-in-app:not(#_) .gb-in-tabs.is-stacked .gb-in-tabs-k,
.gb-in-app:not(#_) .gb-in-tabs.is-widest .gb-in-tabs-k{
  min-width:104px;
  padding-right:16px;
}
.gb-in-app:not(#_) .gb-in-tabs.is-stacked .gb-in-tabs-group > ul,
.gb-in-app:not(#_) .gb-in-tabs.is-widest .gb-in-tabs-group > ul{
  flex:1 1 auto;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
}
.gb-in-app:not(#_) .gb-in-tabs.is-stacked .gb-in-tabs-group li:first-child .gb-in-tab,
.gb-in-app:not(#_) .gb-in-tabs.is-widest .gb-in-tabs-group li:first-child .gb-in-tab{padding-left:0}
/* the groups stacked below 1366px when the server's estimate says one row would need more than a
   1024px screen gives it (is-wide) */
@media (max-width:1365px){
  .gb-in-app:not(#_) .gb-in-tabs.is-wide{border-bottom:0}
  .gb-in-app:not(#_) .gb-in-tabs.is-wide > ul{
    display:block;
    margin:0;
    overflow:visible;
  }
  .gb-in-app:not(#_) .gb-in-tabs.is-wide > ul > li{box-shadow:inset 0 -1px 0 var(--in-line)}
  .gb-in-app:not(#_) .gb-in-tabs.is-wide .gb-in-tabs-group{margin-left:0}
  .gb-in-app:not(#_) .gb-in-tabs.is-wide .gb-in-tabs-group::before{display:none}
  .gb-in-app:not(#_) .gb-in-tabs.is-wide .gb-in-tabs-k{
    min-width:104px;
    padding-right:16px;
  }
  .gb-in-app:not(#_) .gb-in-tabs.is-wide .gb-in-tabs-group > ul{
    flex:1 1 auto;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
  }
  .gb-in-app:not(#_) .gb-in-tabs.is-wide .gb-in-tabs-group li:first-child .gb-in-tab{padding-left:0}
}

/* ── The tools: search, filters, order, layout ── */

.gb-in-app:not(#_) .gb-in-tools{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:12px;
  margin-top:24px;
}
.gb-in-app:not(#_) .gb-in-search{
  position:relative;
  display:flex;
  align-items:center;
  flex:1 1 320px;
  min-width:0;
}
.gb-in-app:not(#_) .gb-in-search > .gb-in-ico{
  position:absolute;
  left:16px;
  top:50%;
  margin-top:-9px;
  color:var(--in-muted);
  pointer-events:none;
}
.gb-in-app:not(#_) .gb-in-q{
  --c-bg:#fff;
  --c-c:var(--in-ink);
  --c-b:1px solid var(--in-field);
  --c-r:6px;
  display:block !important;
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 84px 0 46px !important;
  font-family:var(--in-sans) !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:normal !important;
}
.gb-in-app:not(#_) .gb-in-q:hover{--c-b:1px solid var(--in-green)}
.gb-in-app:not(#_) .gb-in-q:focus{
  --c-b:1px solid var(--in-brass);
  --c-sh:0 0 0 1px var(--in-brass);
}
.gb-in-app:not(#_) .gb-in-q::placeholder{
  color:var(--in-muted);
  opacity:1;
}
.gb-in-app:not(#_) .gb-in-q::-webkit-search-cancel-button,
.gb-in-app:not(#_) .gb-in-q::-webkit-search-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}
.gb-in-app:not(#_) .gb-in-q-clear{
  position:absolute;
  right:6px;
  top:50%;
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:40px !important;
  height:40px !important;
  margin-top:-20px !important;
  padding:0 !important;
  --c-c:var(--in-muted);
  --c-r:4px;
}
.gb-in-app:not(#_) .gb-in-q-clear[hidden]{display:none !important}
.gb-in-app:not(#_) .gb-in-q-clear:hover{
  --c-c:var(--in-green);
  --c-bg:var(--in-bone);
}
.gb-in-app:not(#_) .gb-in-filters{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:12px;
}
.gb-in-app:not(#_) .gb-in-facet{
  position:relative;
  display:block;
}
.gb-in-app:not(#_) .gb-in-facet-btn{
  --c-bg:#fff;
  --c-c:var(--in-green);
  --c-b:1px solid var(--in-field);
  --c-r:6px;
  display:flex !important;
  align-items:center;
  gap:10px;
  min-width:128px;
  height:52px !important;
  padding:0 14px 0 16px !important;
  font-family:var(--in-sans) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1 !important;
  white-space:nowrap;
  list-style:none;
  user-select:none;
}
.gb-in-app:not(#_) .gb-in-facet-btn:hover,
.gb-in-app:not(#_) .gb-in-facet[open] > .gb-in-facet-btn{--c-b:1px solid var(--in-green)}
.gb-in-app:not(#_) .gb-in-facet-label{flex:1 1 auto}
.gb-in-app:not(#_) .gb-in-facet-sel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:11px;
  background:var(--in-green);
  font-size:12px;
  font-weight:600;
  line-height:1;
  color:var(--in-bone);
  font-variant-numeric:tabular-nums;
}
.gb-in-app:not(#_) .gb-in-facet-btn .gb-in-ico{
  width:16px;
  height:16px;
  color:var(--in-green);
}
.gb-in-app:not(#_) .gb-in-facet[open] > .gb-in-facet-btn .gb-in-ico{transform:rotate(180deg)}
.gb-in-app:not(#_) .gb-in-pop{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:40;
  width:max-content;
  min-width:100%;
  max-width:min(360px,calc(100vw - 32px));
  max-height:340px;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:8px;
  border:1px solid rgba(22,48,31,.12);
  border-radius:8px;
  background:#fff;
  box-shadow:0 1px 2px rgba(22,48,31,.06),0 18px 36px -18px rgba(22,48,31,.38);
}
.gb-in-app:not(#_) .gb-in-facet.is-right .gb-in-pop{
  left:auto;
  right:0;
}
.gb-in-app:not(#_) .gb-in-fieldset{
  display:block;
  min-width:0;
}
.gb-in-app:not(#_) .gb-in-opts{
  display:block;
  min-width:220px;
}
.gb-in-app:not(#_) .gb-in-opts li{display:block}
.gb-in-app:not(#_) .gb-in-opt{
  position:relative;
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  column-gap:12px;
  min-height:44px;
  padding:7px 10px;
  border-radius:6px;
  font-size:15px;
  line-height:1.35;
  color:var(--in-ink);
  cursor:pointer;
}
.gb-in-app:not(#_) .gb-in-opt:hover{background:var(--in-bone)}
.gb-in-app:not(#_) .gb-in-opt input{
  position:absolute !important;
  top:50% !important;
  left:10px !important;
  width:20px !important;
  height:20px !important;
  margin:-10px 0 0 !important;
  padding:0 !important;
  opacity:0 !important;
  cursor:pointer;
}
.gb-in-app:not(#_) .gb-in-opt-box{
  position:relative;
  display:block;
  width:20px;
  height:20px;
  border:1.5px solid var(--in-green);
  border-radius:4px;
  background:#fff;
}
.gb-in-app:not(#_) .gb-in-opt input:checked + .gb-in-opt-box{background:var(--in-green)}
.gb-in-app:not(#_) .gb-in-opt input:checked + .gb-in-opt-box::after{
  content:"";
  position:absolute;
  inset:1px;
  background:var(--in-bone);
  -webkit-mask:var(--i-tick) center / 13px 13px no-repeat;
          mask:var(--i-tick) center / 13px 13px no-repeat;
}
.gb-in-app:not(#_) .gb-in-opt input:focus-visible + .gb-in-opt-box{
  outline:2px solid var(--in-brass);
  outline-offset:2px;
}
.gb-in-app:not(#_) .gb-in-opt-n{
  font-size:13px;
  font-weight:500;
  color:var(--in-muted);
  font-variant-numeric:tabular-nums;
}
.gb-in-app:not(#_) .gb-in-opt.is-off{
  color:var(--in-faint);
  cursor:default;
}
.gb-in-app:not(#_) .gb-in-opt.is-off:hover{background:none}
.gb-in-app:not(#_) .gb-in-opt.is-off input{cursor:default}
.gb-in-app:not(#_) .gb-in-opt.is-off .gb-in-opt-box{border-color:var(--in-line)}
.gb-in-app:not(#_) .gb-in-opt.is-off .gb-in-opt-n{color:var(--in-faint)}

.gb-in-app:not(#_) .gb-in-sort{
  position:relative;
  display:flex;
  align-items:center;
}
.gb-in-app:not(#_) .gb-in-select{
  --c-bg:#fff;
  --c-c:var(--in-green);
  --c-b:1px solid var(--in-field);
  --c-r:6px;
  display:block !important;
  width:auto !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 42px 0 16px !important;
  font-family:var(--in-sans) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:normal !important;
  cursor:pointer;
}
.gb-in-app:not(#_) .gb-in-select:hover{--c-b:1px solid var(--in-green)}
.gb-in-app:not(#_) .gb-in-sort .gb-in-ico{
  position:absolute;
  right:14px;
  top:50%;
  width:16px;
  height:16px;
  margin-top:-8px;
  color:var(--in-green);
  pointer-events:none;
}

.gb-in-app:not(#_) .gb-in-views{
  display:inline-flex;
  align-items:stretch;
  height:52px;
  border:1px solid var(--in-field);
  border-radius:6px;
  overflow:hidden;
}
.gb-in-app:not(#_) .gb-in-view{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:50px !important;
  height:50px !important;
  padding:0 !important;
  --c-bg:#fff;
  --c-c:var(--in-green);
}
.gb-in-app:not(#_) .gb-in-view + .gb-in-view{border-left:1px solid var(--in-field) !important}
.gb-in-app:not(#_) .gb-in-view:hover{--c-bg:var(--in-bone)}
.gb-in-app:not(#_) .gb-in-view[aria-pressed="true"]{
  --c-bg:var(--in-green);
  --c-c:var(--in-bone);
}
.gb-in-app:not(#_) .gb-in-view:focus-visible{outline-offset:-4px !important}
/* on the green of the pressed button, the ring in the lighter brass (6.8:1; the brass is 2.65:1) */
.gb-in-app:not(#_) .gb-in-view[aria-pressed="true"]:focus-visible{outline-color:#CDAF83 !important}

.gb-in-app:not(#_) .gb-in-apply{
  --c-bg:var(--in-green);
  --c-c:var(--in-bone);
  --c-r:6px;
  display:inline-flex !important;
  align-items:center;
  height:52px !important;
  padding:0 22px !important;
  font-family:var(--in-sans) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1 !important;
}
.gb-in-app:not(#_) .gb-in-apply:hover{--c-c:#CDAF83}
.gb-in-app:not(#_) .gb-in-apply[hidden],
.gb-in-app:not(#_) .gb-in-views[hidden]{display:none !important}

/* ── The filters in use ── */

.gb-in-app:not(#_) .gb-in-active{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 16px;
  margin-top:16px;
}
.gb-in-app:not(#_) .gb-in-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.gb-in-app:not(#_) .gb-in-chips li{display:flex}
.gb-in-app:not(#_) .gb-in-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 10px 0 12px;
  font-size:14px;
  font-weight:500;
  line-height:1.3;
  --a-bg:var(--in-bone);
  --a-bg-on:var(--in-bone-2);
  --a-c:var(--in-ink);
  --a-c-on:var(--in-green);
  --a-w:0px;
  --a-r:4px;
}
.gb-in-app:not(#_) .gb-in-chip-k{
  font-size:11px;
  font-weight:600;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--in-muted);
}
.gb-in-app:not(#_) .gb-in-chip .gb-in-ico{
  width:14px;
  height:14px;
  color:var(--in-green);
}
.gb-in-app:not(#_) .gb-in-active .gb-in-clear{
  padding-bottom:2px;
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  --a-w:1.5px;
}

/* ── The count ── */

.gb-in-app:not(#_) .gb-in-status{
  margin-top:24px;
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  color:var(--in-muted);
  font-variant-numeric:tabular-nums;
}

/* ── The list ── */

.gb-in-app:not(#_) .gb-in-list{
  display:block;
  margin-top:12px;
  border-top:1px solid var(--in-line);
}
.gb-in-app:not(#_) .gb-in-item{
  display:block;
  border-bottom:1px solid var(--in-line);
}
.gb-in-app:not(#_) .gb-in-entry{
  display:grid;
  grid-template-columns:168px minmax(0,1fr) minmax(200px,248px);
  grid-template-areas:"side body media";
  column-gap:clamp(28px,3vw,44px);
  align-items:start;
  padding:30px 0 32px;
}
.gb-in-app:not(#_) .gb-in-media{
  grid-area:media;
  display:block;
  overflow:hidden;
  border-radius:4px;
  background:var(--in-bone);
  aspect-ratio:1200 / 630;
}
.gb-in-app:not(#_) .gb-in-media-none{
  display:flex;
  align-items:center;
  justify-content:center;
}
.gb-in-app:not(#_) .gb-in-media-none span{
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--in-brass);
}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-media-none{display:none}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-bare .gb-in-entry{
  grid-template-columns:168px minmax(0,1fr);
  grid-template-areas:"side body";
}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead.is-bare .gb-in-entry{
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:none;
  grid-template-areas:"side" "body";
}
.gb-in-app:not(#_) .gb-in-media-link{
  display:block;
  width:100%;
  height:100%;
  --a-w:0px;
}
.gb-in-app:not(#_) .gb-in-img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover;
}
/* a portrait cover (working papers, reports, books): shown whole, standing on the panel */
.gb-in-app:not(#_) .gb-in-media.is-cover{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 0;
}
.gb-in-app:not(#_) .gb-in-media.is-cover .gb-in-media-link{
  width:auto;
  height:100%;
}
.gb-in-app:not(#_) .gb-in-media.is-cover .gb-in-img{
  width:auto !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:contain;
  box-shadow:0 1px 2px rgba(22,48,31,.12),0 10px 18px -10px rgba(22,48,31,.45);
}
/* in the list, a cover's panel stands a little taller than a picture's, so the cover reads as one */
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item:not(.is-lead) .gb-in-media.is-cover{aspect-ratio:4 / 3}
.gb-in-app:not(#_) .gb-in-side{
  grid-area:side;
  padding-top:3px;
}
.gb-in-app:not(#_) .gb-in-kicker{display:block}
.gb-in-app:not(#_) .gb-in-format{
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--in-brass);
}
/* the number follows its format after a space alone, so that on a line of its own it starts at the edge */
.gb-in-app:not(#_) .gb-in-num{
  font-family:var(--in-head);
  font-size:15px;
  font-weight:600;
  line-height:1.2;
  color:var(--in-green);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.gb-in-app:not(#_) .gb-in-latest{
  display:table;
  margin-bottom:10px;
  padding:4px 8px 3px;
  border-radius:3px;
  background:var(--in-green);
  font-size:11px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--in-bone);
}
.gb-in-app:not(#_) .gb-in-date{
  margin-top:8px;
  font-size:14px;
  line-height:1.4;
  color:var(--in-muted);
  font-variant-numeric:tabular-nums;
}
/* the publisher, while the list holds both publishers' work */
.gb-in-app:not(#_) .gb-in-from{
  margin-top:6px;
  font-size:13px;
  line-height:1.4;
  color:var(--in-muted);
}
.gb-in-app:not(#_) .gb-in-body{
  grid-area:body;
  min-width:0;
}
.gb-in-app:not(#_) .gb-in-title{
  font-family:var(--in-head);
  font-size:clamp(19px,.3096vw + 17.839px,22px);
  font-weight:600;
  line-height:1.28;
  letter-spacing:-.005em;
  color:var(--in-green);
  text-wrap:pretty;
}
.gb-in-app:not(#_) .gb-in-link{
  --a-lc:transparent;
  --a-lc-on:var(--in-brass);
  --a-w:1.5px;
}
/* the people a publication names (the Institute's, as a rule) */
.gb-in-app:not(#_) .gb-in-by{
  margin-top:6px;
  font-size:15px;
  font-weight:500;
  line-height:1.45;
  color:var(--in-ink);
}
.gb-in-app:not(#_) .gb-in-found{
  margin-top:8px;
  font-size:14px;
  line-height:1.5;
  color:var(--in-muted);
}
.gb-in-app:not(#_) .gb-in-found[hidden]{display:none !important}
.gb-in-app:not(#_) .gb-in-found-k{
  margin-right:2px;
  font-weight:600;
  color:var(--in-brass);
}
.gb-in-app:not(#_) .gb-in-dek{
  max-width:44em;
  margin-top:10px;
  font-size:16px;
  line-height:1.6;
  color:var(--in-ink);
}
.gb-in-app:not(#_) .gb-in-mark{
  padding:0 1px;
  border-radius:2px;
  background:#F3E3BD;
  color:inherit;
}
.gb-in-app:not(#_) .gb-in-facts{
  display:flex;
  flex-wrap:wrap;
  row-gap:4px;
  margin-top:12px;
  font-size:14px;
  line-height:1.45;
  color:var(--in-muted);
  font-variant-numeric:tabular-nums;
}
.gb-in-app:not(#_) .gb-in-facts li{display:block}
.gb-in-app:not(#_) .gb-in-facts li + li{
  margin-left:10px;
  padding-left:10px;
  border-left:1px solid var(--in-line);
}
.gb-in-app:not(#_) .gb-in-state{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
  margin-top:12px;
  font-size:14px;
  line-height:1.4;
}
.gb-in-app:not(#_) .gb-in-state-k{
  padding:3px 8px 2px;
  border:1px solid var(--in-brass);
  border-radius:4px;
  font-size:11px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--in-brass);
}
.gb-in-app:not(#_) .gb-in-state a{
  font-weight:600;
  padding-bottom:1px;
}
.gb-in-app:not(#_) .gb-in-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.gb-in-app:not(#_) .gb-in-tags li{display:flex}
.gb-in-app:not(#_) .gb-in-tag{
  display:inline-flex !important;
  align-items:center;
  min-height:30px;
  padding:4px 10px !important;
  --c-b:1px solid var(--in-rule);
  --c-r:4px;
  --c-c:var(--in-muted);
  border:1px solid var(--in-rule);
  border-radius:4px;
  font-family:var(--in-sans) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  color:var(--in-muted);
  white-space:nowrap;
}
.gb-in-app:not(#_) button.gb-in-tag:hover{
  --c-b:1px solid var(--in-green);
  --c-c:var(--in-green);
}
.gb-in-app:not(#_) button.gb-in-tag[aria-pressed="true"]{
  --c-bg:var(--in-bone);
  --c-b:1px solid var(--in-green);
  --c-c:var(--in-green);
}

/* the newest publication, first in the list as it opens: a bone card */
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead{border-bottom:0}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-entry{
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  grid-template-rows:auto 1fr;
  grid-template-areas:"media side" "media body";
  column-gap:clamp(28px,3.4vw,48px);
  row-gap:14px;
  margin:20px 0;
  padding:clamp(20px,2.4vw,32px);
  border-radius:8px;
  background:var(--in-bone);
}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-media{
  align-self:start;
  background:var(--in-bone-2);
}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-side{padding-top:0}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-kicker,
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-date,
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-from{
  display:inline-block;
  margin:0 14px 0 0;
}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-title{
  font-size:clamp(23px,.7224vw + 20.291px,30px);
  font-weight:500;
  line-height:1.18;
  letter-spacing:-.012em;
}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-dek{
  font-size:clamp(16px,.1032vw + 15.613px,17px);
  margin-top:12px;
}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-tag{
  --c-b:1px solid rgba(22,48,31,.22);
  border-color:rgba(22,48,31,.22);
}
.gb-in-app:not(#_) .gb-in-list.has-lead{border-top:0}
.gb-in-app:not(#_) .gb-in-list.has-lead .gb-in-item.is-lead .gb-in-entry{margin-top:4px}
.gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead + .gb-in-item{border-top:1px solid var(--in-line)}

/* the grid: pictures first, three across */
.gb-in-app:not(#_) .gb-in-list[data-view="grid"]{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:44px 32px;
  padding-top:28px;
}
.gb-in-app:not(#_) .gb-in-list[data-view="grid"] .gb-in-item{border-bottom:0}
.gb-in-app:not(#_) .gb-in-list[data-view="grid"] .gb-in-entry{
  display:flex;
  flex-direction:column;
  padding:0;
}
.gb-in-app:not(#_) .gb-in-list[data-view="grid"] .gb-in-media{
  order:-1;
  margin-bottom:18px;
}
.gb-in-app:not(#_) .gb-in-list[data-view="grid"] .gb-in-side{
  padding-top:0;
  margin-bottom:8px;
}
.gb-in-app:not(#_) .gb-in-list[data-view="grid"] .gb-in-kicker,
.gb-in-app:not(#_) .gb-in-list[data-view="grid"] .gb-in-date,
.gb-in-app:not(#_) .gb-in-list[data-view="grid"] .gb-in-from{
  display:inline-block;
  margin:0 12px 0 0;
}
.gb-in-app:not(#_) .gb-in-list[data-view="grid"] .gb-in-title{font-size:clamp(18px,.2064vw + 17.226px,20px)}
.gb-in-app:not(#_) .gb-in-list[data-view="grid"] .gb-in-dek{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  font-size:15px;
  line-height:1.55;
}

/* ── Show more, nothing found ── */

.gb-in-app:not(#_) .gb-in-more{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 20px;
  margin-top:32px;
}
.gb-in-app:not(#_) .gb-in-more[hidden]{display:none !important}
.gb-in-app:not(#_) .gb-in-more-btn{
  --c-bg:#fff;
  --c-c:var(--in-green);
  --c-b:1.5px solid var(--in-green);
  --c-r:6px;
  display:inline-flex !important;
  align-items:center;
  height:50px !important;
  padding:0 24px !important;
  font-family:var(--in-sans) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1 !important;
}
.gb-in-app:not(#_) .gb-in-more-btn:hover{--c-bg:var(--in-bone)}
.gb-in-app:not(#_) .gb-in-more-n{
  font-size:14px;
  color:var(--in-muted);
  font-variant-numeric:tabular-nums;
}
.gb-in-app:not(#_) .gb-in-empty{
  margin-top:20px;
  padding:28px 32px 30px;
  border-radius:8px;
  background:var(--in-bone);
}
.gb-in-app:not(#_) .gb-in-empty-title{
  font-family:var(--in-head);
  font-size:19px;
  font-weight:600;
  line-height:1.3;
  color:var(--in-green);
}
.gb-in-app:not(#_) .gb-in-empty-p{
  margin-top:8px;
  font-size:15px;
  line-height:1.55;
}
.gb-in-app:not(#_) .gb-in-empty-actions{margin-top:14px}
.gb-in-app:not(#_) .gb-in-empty .gb-in-clear,
.gb-in-app:not(#_) .gb-in-empty-cta{
  font-weight:600;
  padding-bottom:2px;
  --a-w:1.5px;
}

/* ── Smaller screens ── */

@media (max-width:1180px){
  .gb-in-app:not(#_) .gb-in-search{flex-basis:100%}
}
@media (max-width:1023px){
  /* the groups stacked from the start (the same rules as .is-stacked above) */
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped{border-bottom:0}
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped > ul{
    display:block;
    margin:0;
    overflow:visible;
  }
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped > ul > li{box-shadow:inset 0 -1px 0 var(--in-line)}
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped .gb-in-tabs-group{margin-left:0}
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped .gb-in-tabs-group::before{display:none}
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped .gb-in-tabs-k{
    min-width:104px;
    padding-right:16px;
  }
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped .gb-in-tabs-group > ul{
    flex:1 1 auto;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
  }
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped .gb-in-tabs-group li:first-child .gb-in-tab{padding-left:0}
  .gb-in-app:not(#_) .gb-in-entry{
    grid-template-columns:minmax(0,1fr) 200px;
    grid-template-areas:"side media" "body media";
    row-gap:10px;
  }
  .gb-in-app:not(#_) .gb-in-side{padding-top:0}
  .gb-in-app:not(#_) .gb-in-kicker,
  .gb-in-app:not(#_) .gb-in-date,
  .gb-in-app:not(#_) .gb-in-from{
    display:inline-block;
    margin:0 12px 0 0;
  }
  .gb-in-app:not(#_) .gb-in-list[data-view="grid"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-entry{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-bare .gb-in-entry{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"side" "body";
  }
}
@media (max-width:759px){
  .gb-in-app:not(#_) .gb-in-tab{
    min-height:50px;
    padding:3px 12px 0;
    font-size:15px;
  }
  /* the groups' short names narrower; each group's tabs wrap, so that every format is in sight */
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped .gb-in-tabs-k{
    align-items:flex-start;
    min-width:88px;
    padding:20px 12px 0 0;
  }
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped .gb-in-tabs-group > ul{
    flex-wrap:wrap;
    gap:0 24px;
    overflow:visible;
  }
  /* every tab of a group flush with its column, on each line it wraps to */
  .gb-in-app:not(#_) .gb-in-tabs.is-grouped .gb-in-tabs-group .gb-in-tab{
    padding-right:0;
    padding-left:0;
  }
  .gb-in-app:not(#_) .gb-in-tools{gap:10px}
  .gb-in-app:not(#_) .gb-in-filters{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(88px,1fr));
    width:100%;
    gap:10px;
  }
  /* the filters share the row as there are of them (the order below takes a row of its own); four
     (with Publisher) stand two by two */
  .gb-in-app:not(#_) .gb-in-filters:not(:has(> details:nth-of-type(2))){grid-template-columns:minmax(0,1fr)}
  .gb-in-app:not(#_) .gb-in-filters:has(> details:nth-of-type(2)):not(:has(> details:nth-of-type(3))){grid-template-columns:repeat(2,minmax(0,1fr))}
  .gb-in-app:not(#_) .gb-in-filters:has(> details:nth-of-type(3)):not(:has(> details:nth-of-type(4))){grid-template-columns:repeat(3,minmax(0,1fr))}
  .gb-in-app:not(#_) .gb-in-filters:has(> details:nth-of-type(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
  .gb-in-app:not(#_) .gb-in-facet-btn{
    min-width:0;
    gap:6px;
    padding:0 10px 0 12px !important;
  }
  .gb-in-app:not(#_) .gb-in-pop{
    position:static;
    width:auto;
    max-width:none;
    margin-top:6px;
    box-shadow:none;
  }
  .gb-in-app:not(#_) .gb-in-facet[open]{grid-column:1 / -1}
  .gb-in-app:not(#_) .gb-in-select{width:100% !important}
  .gb-in-app:not(#_) .gb-in-sort{grid-column:1 / -1}
  .gb-in-app:not(#_) .gb-in-views{display:none !important}
  .gb-in-app:not(#_) .gb-in-q{padding-right:52px !important}
  .gb-in-app:not(#_) .gb-in-entry{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"side" "body";
    padding:24px 0 26px;
  }
  .gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item:not(.is-lead) .gb-in-media{display:none}
  .gb-in-app:not(#_) .gb-in-list[data-view="list"] .gb-in-item.is-lead .gb-in-entry{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:none;
    grid-template-areas:"media" "side" "body";
  }
  .gb-in-app:not(#_) .gb-in-list[data-view="grid"]{
    grid-template-columns:minmax(0,1fr);
    gap:36px;
  }
  .gb-in-app:not(#_) .gb-in-empty{padding:24px 22px 26px}
}

@media (prefers-reduced-motion:reduce){
  .gb-in-app:not(#_) .gb-in-facet-btn .gb-in-ico{transition:none}
}
@media print{
  .gb-in-app:not(#_) .gb-in-tools,
  .gb-in-app:not(#_) .gb-in-active,
  .gb-in-app:not(#_) .gb-in-more,
  .gb-in-app:not(#_) .gb-in-media,
  .gb-in-app:not(#_) .gb-in-tabs{display:none !important}
  .gb-in-app:not(#_) .gb-in-list[data-view] .gb-in-item.is-lead .gb-in-entry{
    padding:0;
    background:none;
  }
}

/* ── Under a fixed header: what takes the keyboard's focus, and the jump to the list, stop below it ── */

html:has(.gb-in-app){scroll-padding-top:150px}
@media (max-width:1024px){
  html:has(.gb-in-app){scroll-padding-top:110px}
}