/* working-papers.css — /working-papers/            (2026-09-15)
 *
 * Bunny's mockup, working paper page_UI 1.jpg, signed off by Yilan.
 * Scoped to [data-wp-root] so nothing here can reach the rest of the site.
 */

[data-wp-root] {
  --wp-ink:      #1A1C22;
  --wp-muted:    #6B7079;
  --wp-line:     #D9DBE0;
  --wp-ground:   #EFEFEF;
  --wp-card:     #FFFFFF;
  --wp-blue:     #0B6BE3;
  --wp-gold:     #C9A227;
  --wp-radius:   2px;
  font-family: 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
  color: var(--wp-ink);
  background: var(--wp-ground);
  display: block;
  padding: 28px 0 64px;
  /* the ground runs the full width of the window, as in the mockup; the
     theme's container is narrower than the band above it */
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
}
[data-wp-root] *, [data-wp-root] *::before, [data-wp-root] *::after { box-sizing: border-box; }

.wp-wrap { width: min(1200px, calc(100% - 70px)); margin: 0 auto; }

/* ---------- the two columns ----------------------------------------------
   Yuna's UI 2, 2026-09-18. Search, topics and Statistics move into a left
   rail; Sort By and the cards stay right. 1200px is the /reports/ page's own
   content box — the theme's 1270px container less its 35px gutters — so the
   cards line up with every other page on the site.                          */
.wp-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  /* 88px, measured off /reports/ — its rail ends at 430 and its cards start at
     518. 40px read as cramped next to it (Chase, 2026-09-18). */
  gap: clamp(40px, 6vw, 88px);
  align-items: start;
}
.wp-rail { position: sticky; top: 90px; min-width: 0; }
.wp-main { min-width: 0; }
@media (max-width: 900px) {
  .wp-layout { grid-template-columns: 1fr; gap: 24px; }
  .wp-rail { position: static; }
}

/* ---------- controls ---------- */
.wp-controls {
  display: flex; align-items: center; justify-content: flex-start;
  gap: 16px; flex-wrap: wrap; margin-bottom: 18px;
}
.wp-search { position: relative; margin-bottom: 26px; }
.wp-search__icon {
  position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
  width: 14px; height: 14px; color: var(--wp-muted); pointer-events: none;
}
/* The theme gives every search input a width of its own; left alone it ran
   45px past the rail and sat on top of the Sort By label (seen live
   2026-09-18). Stated loudly enough to lose that argument. */
.wp-search input {
  width: 100% !important; min-width: 0 !important; max-width: 100% !important;
  box-sizing: border-box;
  padding: 9px 30px 9px 12px;
  border: 1px solid var(--wp-line); border-radius: var(--wp-radius);
  background: var(--wp-card); color: var(--wp-ink);
  font: inherit; font-size: 12px; letter-spacing: .04em;
}
.wp-search input::placeholder { color: var(--wp-muted); text-transform: uppercase; font-size: 11px; }
.wp-search input:focus { outline: 2px solid var(--wp-blue); outline-offset: -1px; }

/* Chase, 2026-09-17: the mockup puts the label INSIDE the control. One hairline
   runs under label and choice together, and the chevron sits at the far right
   of that line — not a dark label sitting outside a short underline, which is
   what the first pass drew. */
.wp-sort {
  display: flex; align-items: center; gap: 10px;
  flex: 0 0 auto; min-width: 290px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--wp-line);
  font-size: 12px; color: var(--wp-muted);
}
.wp-sort label {
  text-transform: uppercase; letter-spacing: .08em;
  color: var(--wp-muted); white-space: nowrap;
}
.wp-sort select {
  flex: 1 1 auto; width: 100%;
  font: inherit; font-size: 12px; color: var(--wp-ink);
  padding: 0 20px 0 0; margin: 0;
  border: 0; border-radius: 0; background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23A0A5AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right center;
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.wp-sort:focus-within { border-bottom-color: var(--wp-blue); }
/* The label and the choice were 6.6px out of line: the theme scales the label to
   13.2px while the select stays at 12, and the two boxes then centre at
   different heights. One font-size and one line-height for both, stated loudly
   enough to survive the theme, and they share a baseline. */
.wp-sort { align-items: center !important; }
.wp-sort label,
.wp-sort select {
  font-size: 12px !important;
  line-height: 20px !important;
  height: 20px;
  margin: 0 !important;
}

.wp-sort select:focus { outline: none; }
/* Chase, 2026-09-25, with a screenshot of the open list: "这里贴的太近了，稍微加一些
   空格". The select had no left padding, so "Newest first" sat hard against the
   gap after SORT BY: and every option in the open list sat hard against its
   edge. 8px on the select moves the shown value (and Chrome indents its native
   list from the same padding); the options get their own for browsers that
   draw the list from the option box instead. */
.wp-sort select { padding-left: 8px !important; }
.wp-sort select option { padding: 4px 10px; }

/* Search hits, 2026-09-17. A <mark> the browser would paint its own yellow on;
   this is the same yellow at a weight that survives on the card's white. */
.wp-hit {
  background: #FFE9A8;
  color: inherit;
  padding: 0 1px;
  border-radius: 2px;
}

/* ---------- theme filter + card tags ---------- 2026-09-18 ----------
   The mockup draws a row of small outlined tags under every paper (GREEN /
   BUSINESS / FINANCE). Nothing in the SSRN capture carries a topic, so the row
   stayed empty until Yijie's tagging arrived. Twelve themes, one selectable. */
/* UI 2 draws the topics as running text broken by middots, not as pills. The
   buttons therefore carry no box at all; the separators are their own spans so
   the line wraps between topics rather than inside one. */
.wp-topics {
  margin: 0 0 26px;
  line-height: 2;
  font-size: 13px; letter-spacing: .03em; text-transform: uppercase;
}
.wp-topic {
  font: inherit; font-size: inherit; letter-spacing: inherit; text-transform: inherit;
  padding: 0; margin: 0; border: 0; background: none; cursor: pointer;
  color: var(--wp-ink);
  transition: color .15s ease;
}
.wp-topic:hover { color: var(--wp-blue); }
.wp-topic.is-on { color: var(--wp-blue); font-weight: 700; }
.wp-topics__sep { color: var(--wp-muted); padding: 0 6px; }
.wp-topics__item { white-space: nowrap; }
.wp-topic:focus-visible { outline: 2px solid var(--wp-blue); outline-offset: 2px; }

.wp-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 2px; }
.wp-tag {
  font-size: 10px; letter-spacing: .09em; text-transform: uppercase;
  padding: 2px 7px; color: var(--wp-muted);
  border: 1px solid var(--wp-line); border-radius: 3px; white-space: nowrap;
}

@media (max-width: 700px) {
  .wp-topics { font-size: 12px; line-height: 1.9; }
}

/* ---------- statistics ---------- */
/* In the rail it is a single column, as the mockup draws it. */
.wp-stats {
  display: grid; grid-template-columns: 1fr; gap: 14px;
  padding: 22px 24px 24px;
  background: transparent; border: 1px solid #C9CCD2; border-radius: var(--wp-radius);
}
.wp-stats__title { margin: 0 0 2px; font-size: 21px; font-weight: 700; letter-spacing: .01em; }
.wp-stat { display: flex; align-items: baseline; gap: 8px; }
.wp-stat__n { font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.wp-stat__k { font-size: 12.5px; color: var(--wp-muted); }
@media (max-width: 900px) {
  .wp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wp-stats__title { grid-column: 1 / -1; }
}
/* Two columns are too narrow for "1,210,021 Abstract Views" on a phone — the
   label broke over two lines. One column, as the mockup draws it anyway. */
@media (max-width: 560px) {
  .wp-stats { grid-template-columns: 1fr; }
}

/* ---------- year groups ---------- */
.wp-year {
  display: flex; align-items: baseline; gap: 10px;
  border-bottom: 2px solid var(--wp-ink);
  padding: 22px 2px 6px; margin-bottom: 12px;
}
.wp-year__n { font-size: 20px; font-weight: 700; }
.wp-year__c { font-size: 11px; color: var(--wp-muted); }

/* ---------- a paper ---------- */
.wp-card {
  position: relative; background: var(--wp-card);
  border-radius: var(--wp-radius); box-shadow: 0 1px 2px rgba(20,22,28,.07);
  padding: 22px 26px; margin-bottom: 14px;
  display: grid; grid-template-columns: minmax(0, 1fr) 130px; gap: 24px;
}
.wp-card__main { min-width: 0; }
/* a card with no Views/Downloads column — /publications/ renders with this
   stylesheet since 2026-09-30 (see Publications/publications.js) */
.wp-card.wp-card--plain { grid-template-columns: minmax(0, 1fr); }
.wp-new {
  display: inline-block; vertical-align: 2px; margin-right: 9px;
  background: var(--wp-blue); color: #fff; font-size: 9px; font-weight: 700;
  letter-spacing: .1em; padding: 2px 6px; border-radius: 1px; text-transform: uppercase;
}
.wp-card__title {
  margin: 0; font-size: 16px; line-height: 1.35; font-weight: 700;
}
.wp-card__title a { color: inherit; text-decoration: none; }
.wp-card__title a:hover { color: var(--wp-blue); text-decoration: underline; }
.wp-card__authors { margin: 7px 0 0; font-size: 12.5px; color: #3E434C; }
.wp-card__date { margin: 3px 0 0; font-size: 10.5px; letter-spacing: .06em; color: var(--wp-muted); text-transform: uppercase; }
.wp-card__journal { margin: 5px 0 0; font-size: 11.5px; color: var(--wp-muted); font-style: italic; }

.wp-abstract-btn {
  margin-top: 11px; padding: 0; border: 0; background: none;
  font: inherit; font-size: 11.5px; font-weight: 700; color: var(--wp-ink);
  cursor: pointer; letter-spacing: .02em;
}
.wp-abstract-btn:hover { color: var(--wp-blue); }
.wp-abstract {
  margin-top: 8px; font-size: 12.5px; line-height: 1.55; color: #3E434C;
  border-left: 2px solid var(--wp-line); padding-left: 12px;
}
.wp-abstract__meta { margin-top: 8px; font-size: 11px; color: var(--wp-muted); }

.wp-card__metrics { text-align: right; align-self: center; }
.wp-metric { margin-bottom: 14px; }
.wp-metric:last-child { margin-bottom: 0; }
.wp-metric__k { font-size: 11.5px; color: var(--wp-muted); }
.wp-metric__n { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.25; }

/* The prize ribbon sits ON the card's top-right corner, over its border, the
   way Bunny's mockup draws it. It hung ABOVE the card between 2026-09-18 and
   2026-09-22 — that was my own reading of UI 2 and Chase put it back. The
   title makes room so it cannot run under the ribbon. */
.wp-card:has(.wp-ribbon) .wp-card__title { padding-right: 200px; }  /* the ribbon is 189px with the year on it */
/* The corner holds one ribbon or, if a paper has an institute prize AND an
   external award, two stacked (2026-09-29) — stacked rather than side by side
   so the title's 200px allowance still covers it. */
.wp-ribbons {
  position: absolute; top: 0; right: 0;
  display: flex; flex-direction: column; align-items: flex-end; gap: 1px;
}
.wp-ribbon {
  background: var(--wp-gold); color: #fff; cursor: default;
  font-size: 8.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
  padding: 4px 10px; border-radius: 0 0 0 6px; white-space: nowrap;
}
.wp-ribbon:first-child { border-radius: 0 var(--wp-radius) 0 6px; }
/* Phones: 200px of a ~300px card left award titles one word per line (seen
   2026-09-29). There the title takes the full width and starts below the ribbon. */
@media (max-width: 600px) {
  .wp-card:has(.wp-ribbon) .wp-card__title { padding-right: 0; padding-top: 10px; }
}

/* ---------- pagination ---------- */
.wp-pager {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  margin-top: 28px; font-size: 12px; letter-spacing: .06em; color: var(--wp-muted);
  text-transform: uppercase;
}
.wp-pager button {
  font: inherit; border: 0; background: none; color: inherit; cursor: pointer;
  padding: 4px 7px; border-radius: var(--wp-radius);
}
.wp-pager button:hover:not(:disabled) { color: var(--wp-ink); }
.wp-pager button[aria-current="true"] { color: var(--wp-ink); font-weight: 700; }
.wp-pager button:disabled { opacity: .35; cursor: default; }
.wp-pager__gap { padding: 0 2px; }

.wp-empty { padding: 40px 4px; color: var(--wp-muted); font-size: 13px; }

@media (max-width: 760px) {
  .wp-card { grid-template-columns: 1fr; padding: 18px 18px; }
  .wp-card__metrics { text-align: left; display: flex; gap: 26px; }
  .wp-metric { margin-bottom: 0; }
  .wp-controls { gap: 10px; }
}

/* ---------- the title band ----------
   Full-bleed the way /publications/ does it: 100vw, pulled back by half the
   viewport. The mockup's band is not flat black but a violet glow sitting on
   near-black, brightest a third of the way in. */
.wp-band {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
  color: #fff !important;
  background:
    radial-gradient(120% 180% at 18% 40%, #6B3CE0 0%, #3A1E86 32%, rgba(12,13,20,0) 72%),
    linear-gradient(90deg, #14152A 0%, #0C0D14 60%, #101322 100%) !important;
}
.wp-band__inner {
  /* the same box the cards use, so the title sits over the first column
     rather than 80px to its right (Chase, 2026-09-18) */
  width: min(1200px, calc(100% - 70px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  /* 64/60 and the 3.4vw below are archive.css's numbers, not ours: measured
     2026-09-21 this band was 92px tall against 112px on /reports/ and
     /publications/, and its caps 31px against 35px, so the page read a size
     smaller than the rest of the site (Chase). */
  padding: 64px 0 60px !important;
}
.wp-band__title {
  font-family: "Poppins", "Noto Sans", sans-serif !important;
  font-size: clamp(34px, 3.4vw, 52px) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  margin: 0 !important;
}
@media (max-width: 1024px) { .wp-band__inner { padding: 44px 16px 40px !important; } }
@media (max-width: 767px)  { .wp-band__inner { padding: 36px 16px 32px !important; } }

/* The 80px white strip above the footer is NOT ours and is not a bug: it is
   .fp-footer's own top margin, breathing room Bunny asked for on 2026-09-07.
   On a page ending in white it is invisible; ours ends on #EFEFEF, so it reads
   grey -> white -> black. The site's remedy is to COLOUR that gap from
   esgri-chrome.css, where every other grey-ending page is already listed, and
   this page has been added to that list. Nothing to do here — the earlier
   attempts (zeroing .entry-main, which this template does not even have, and a
   -80px margin, which only dragged the footer up with the strip intact) are
   removed.                                                      2026-09-18 */

/* ---------- Subscribe us (Yuna's UI 2, 2026-09-18; built 2026-09-23) ----------
   The band closes the page and sits directly on the footer, as the mockup draws
   it, so this page drops the site's 80px grey gap above the footer (the gap is
   esgri-chrome.css's; only this page overrides it). The tab and the dialog are
   appended to <body>, outside [data-wp-root], so they carry their own colours. */
[data-wp-root] { padding-bottom: 0 !important; }
body:has(.wp-subcta) .fp-footer { border-top-width: 0 !important; margin-top: 0 !important; }

/* 🚨 NOT named *-band: esgri-gradient-band.js turns every class ending in -band
   into the animated title gradient, and this is a call to action, not a title
   band — as .wp-sub-band it went dark purple on the first deploy. */
[data-wp-root] .wp-subcta { background: #0088FF !important; margin-top: 64px; color: #fff; }
.wp-subcta__inner {
  width: min(1200px, calc(100% - 70px)); margin: 0 auto; padding: 76px 0 80px;
  text-align: center;
}
[data-wp-root] .wp-subcta__title {
  font-family: 'Poppins', 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size: clamp(26px, 3.3vw, 44px); font-weight: 600; line-height: 1.2;
  color: #fff; margin: 0 0 30px; letter-spacing: 0;
}
[data-wp-root] .wp-subcta__btn {
  font-family: 'Poppins', 'Noto Sans', Arial, sans-serif;
  background: #fff; color: #0088FF; border: 0; border-radius: 0;
  font-size: 22px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase;
  padding: 11px 28px; cursor: pointer; line-height: 1.3;
}
/* gold on hover, all three Subscribe buttons — the award ribbon's gold (Chase, 2026-09-23) */
[data-wp-root] .wp-subcta__btn { transition: background-color .18s, color .18s; }
[data-wp-root] .wp-subcta__btn:hover, [data-wp-root] .wp-subcta__btn:focus-visible { background: #C9A227; color: #fff; }
[data-wp-root] .wp-subcta__btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.wp-sub-tab {
  position: fixed; right: 0; top: 50%; z-index: 9990;
  transform: translateY(-50%);
  writing-mode: vertical-rl; rotate: 180deg;
  background: #0088FF; color: #fff; border: 0; border-radius: 0; cursor: pointer;
  font: 600 15px/1 'Poppins', 'Noto Sans', Arial, sans-serif; letter-spacing: .04em;
  text-transform: uppercase; padding: 20px 11px;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
}
.wp-sub-tab { transition: background-color .18s; }
.wp-sub-tab:hover, .wp-sub-tab:focus-visible { background: #C9A227; }
.wp-sub-tab:focus-visible { outline: 3px solid #1A1C22; outline-offset: 2px; }
@media (max-width: 767px) { .wp-sub-tab { font-size: 12px; padding: 14px 8px; } }

html.wp-sub-lock, html.wp-sub-lock body { overflow: hidden; }
.wp-sub-ov {
  position: fixed; inset: 0; z-index: 100000; background: rgba(10, 14, 24, .55);
  display: flex; align-items: center; justify-content: center; padding: 16px;
}
.wp-sub-ov[hidden] { display: none !important; }
.wp-sub-box {
  position: relative; background: #fff; color: #1A1C22; width: min(560px, 100%);
  max-height: calc(100vh - 32px); overflow-y: auto; box-sizing: border-box;
  padding: 34px 32px 28px; border-radius: 2px;
  font-family: 'Noto Sans', 'Helvetica Neue', Arial, sans-serif; font-size: 14px; line-height: 1.5;
  box-shadow: 0 18px 50px rgba(0,0,0,.25);
}
.wp-sub-box *, .wp-sub-box *::before, .wp-sub-box *::after { box-sizing: border-box; }
.wp-sub-x {
  position: absolute; top: 8px; right: 10px; width: 36px; height: 36px;
  border: 0; background: none; font-size: 26px; line-height: 1; color: #6B7079; cursor: pointer;
}
.wp-sub-x:hover { color: #1A1C22; }
.wp-sub-box .wp-sub-h {
  font-family: 'Poppins', 'Noto Sans', Arial, sans-serif; font-size: 22px; font-weight: 600;
  margin: 0 0 6px; color: #1A1C22; line-height: 1.3; text-transform: none; letter-spacing: 0;
  padding-right: 36px;   /* clear of the close button */
}
.wp-sub-box .wp-sub-lead { margin: 0 0 22px !important; color: #6B7079; font-size: 13px; }
.wp-sub-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
.wp-sub-form[hidden] { display: none; }
.wp-sub-f { display: flex; flex-direction: column; gap: 5px; margin: 0; }
.wp-sub-f--full, .wp-sub-lists, .wp-sub-c--consent, .wp-sub-msg, .wp-sub-send { grid-column: 1 / -1; }
.wp-sub-l { font-size: 12px; font-weight: 600; color: #1A1C22; letter-spacing: .01em; }
.wp-sub-box input[type=text], .wp-sub-box input[type=email], .wp-sub-box select {
  width: 100% !important; max-width: none !important; height: 40px; margin: 0 !important;
  border: 1px solid #C9CCD2 !important; border-radius: 2px !important; background: #fff !important;
  padding: 0 10px !important; font: inherit; font-size: 14px; color: #1A1C22; box-shadow: none !important;
}
.wp-sub-box input:focus, .wp-sub-box select:focus { outline: 2px solid #0088FF; outline-offset: 0; border-color: #0088FF !important; }
.wp-sub-lists { border: 0; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.wp-sub-box .wp-sub-lists legend { display: block; float: left; width: 100%; padding: 0 !important; margin: 0 0 8px !important; border: 0; }
.wp-sub-lists .wp-sub-c { clear: left; }
.wp-sub-c { display: flex; align-items: flex-start; gap: 9px; cursor: pointer; font-size: 14px; margin: 0; }
.wp-sub-c input { margin: 3px 0 0 !important; width: 16px; height: 16px; flex: 0 0 16px; accent-color: #0088FF; }
.wp-sub-c--consent { font-size: 12.5px; color: #4A4F58; line-height: 1.5; border-top: 1px solid #E3E5E9; padding-top: 14px; margin-top: 2px; }
.wp-sub-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0; }
.wp-sub-msg { margin: 0; min-height: 1.2em; font-size: 13px; color: #4A4F58; }
.wp-sub-msg.is-bad { color: #C0262D; }
.wp-sub-send {
  justify-self: start; background: #0088FF; color: #fff; border: 0; border-radius: 0; cursor: pointer;
  font: 600 15px/1.3 'Poppins', 'Noto Sans', Arial, sans-serif; letter-spacing: .03em; text-transform: uppercase;
  padding: 11px 26px;
}
.wp-sub-send { transition: background-color .18s; }
.wp-sub-send:hover:not([disabled]), .wp-sub-send:focus-visible { background: #C9A227; }
.wp-sub-send[disabled] { opacity: .6; cursor: default; }
.wp-sub-done[hidden] { display: none; }
.wp-sub-done { padding: 10px 0 6px; }
.wp-sub-done__big { font-size: 18px; font-weight: 600; margin: 0 0 6px; }
@media (max-width: 560px) {
  .wp-sub-form { grid-template-columns: 1fr; }
  .wp-sub-box { padding: 30px 20px 22px; }
  .wp-subcta__inner { padding: 52px 0 56px; }
  [data-wp-root] .wp-subcta__btn { font-size: 18px; }
}

/* Clear all — under the topic list, only while a topic or a search is active
   (2026-09-24, with multi-select topics). */
[data-wp-root] .wp-clear {
  display: block; width: fit-content; margin: -22px 0 24px; padding: 0; border: 0; background: none;  /* tucked up under the topics (their 26px bottom margin), clear of the Statistics box */
  font: inherit; font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--wp-muted); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
[data-wp-root] .wp-clear:hover, [data-wp-root] .wp-clear:focus-visible { color: var(--wp-blue); }
[data-wp-root] .wp-clear[hidden] { display: none; }

/* Name search (2026-10-02). The author list drops from the search box while
   typing; the scope line under it says whose papers are showing and offers
   the full-text result instead. */
[data-wp-root] .wp-suggest {
  position: absolute; left: 0; right: 0; top: calc(100% + 2px); z-index: 20;
  background: var(--wp-card); border: 1px solid var(--wp-line);
  box-shadow: 0 8px 22px rgba(20, 23, 31, .12);
}
[data-wp-root] .wp-suggest[hidden] { display: none; }
[data-wp-root] .wp-suggest__h {
  padding: 8px 12px 4px; font-size: 10px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--wp-muted);
}
[data-wp-root] .wp-suggest__item {
  display: flex; justify-content: space-between; align-items: baseline; gap: 10px;
  width: 100%; padding: 7px 12px; border: 0; border-radius: 0; background: none;
  font: inherit; font-size: 13px; color: var(--wp-ink); text-align: left; cursor: pointer;
}
[data-wp-root] .wp-suggest__item:hover,
[data-wp-root] .wp-suggest__item:focus-visible { background: #F3F4F6; outline: none; }
[data-wp-root] .wp-suggest__n { flex: none; font-size: 11px; color: var(--wp-muted); }
[data-wp-root] .wp-scope { margin: -14px 0 22px; font-size: 12.5px; line-height: 1.5; }
[data-wp-root] .wp-scope[hidden] { display: none; }
[data-wp-root] .wp-scope__now { margin: 0 0 2px; color: var(--wp-ink); }
[data-wp-root] .wp-scope__switch {
  padding: 0; border: 0; background: none; font: inherit; font-size: 12px;
  color: var(--wp-muted); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
[data-wp-root] .wp-scope__switch:hover, [data-wp-root] .wp-scope__switch:focus-visible { color: var(--wp-blue); }

/* Search in: All / Author / Title / Abstract (2026-10-02). A segmented strip
   hung from the search box; the count beside each is how many papers that
   field would give for the words typed. */
[data-wp-root] .wp-search.is-open { margin-bottom: 0; }
[data-wp-root] .wp-in[hidden] { display: none; }
[data-wp-root] .wp-search input { padding-right: 54px; }
[data-wp-root] .wp-search__more {
  position: absolute; right: 30px; top: 50%; transform: translateY(-50%);
  width: 22px; height: 22px; padding: 0; margin: 0; border: 0; border-radius: 0;
  background: none; color: var(--wp-muted); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
[data-wp-root] .wp-search__more:hover, [data-wp-root] .wp-search__more:focus-visible { color: var(--wp-ink); background: #F3F4F6; outline: none; }
[data-wp-root] .wp-search__more svg { transition: transform .15s ease; }
[data-wp-root] .wp-search.is-open .wp-search__more svg { transform: rotate(180deg); }
[data-wp-root] .wp-in {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: -1px 0 24px; border: 1px solid var(--wp-line); border-top: 0;
  background: var(--wp-card);
}
[data-wp-root] .wp-in__l {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);
}
[data-wp-root] .wp-in__b {
  display: flex; align-items: baseline; justify-content: center; gap: 4px;
  min-width: 0; padding: 7px 2px; margin: 0; border: 0; border-radius: 0;
  border-left: 1px solid var(--wp-line); background: none; cursor: pointer;
  font: inherit; font-size: 11px; letter-spacing: .04em; color: var(--wp-muted);
  white-space: nowrap; transition: color .15s ease, background .15s ease;
}
[data-wp-root] .wp-in__b:nth-of-type(1) { border-left: 0; }
[data-wp-root] .wp-in__b:hover { color: var(--wp-ink); background: #F5F6F8; }
[data-wp-root] .wp-in__b.is-on { color: #fff; background: var(--wp-ink); font-weight: 600; }
[data-wp-root] .wp-in__b:focus-visible { outline: 2px solid var(--wp-blue); outline-offset: -2px; }
[data-wp-root] .wp-in__n { font-size: 10px; opacity: .75; font-weight: 400; }
[data-wp-root] .wp-in__n:empty { display: none; }