/* Paper directory: the same white collection canvas, with citation-focused cards. */
:root{--preprint:#7e602b;--preprint-bg:#f8f2e7;--accepted:#536b85;--accepted-bg:#f1f5f9;--scope-rule:#bfd1e3}
@media (prefers-color-scheme: dark){:root{--preprint:#e3c37f;--preprint-bg:#372e1d;--accepted:#a9c0da;--accepted-bg:#232d3b;--scope-rule:#44506a}}
.papers-main{padding-bottom:56px}
.papers-language{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;white-space:nowrap}
.papers-language:hover{background:var(--soft);border-color:var(--strong)}
.papers-language>.icon{width:17px;height:17px;font-size:17px;color:var(--muted)}
.paper-github-fallback{font:700 12px/22px var(--sans);text-align:center}
.papers-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:25px;color:var(--muted);font-size:14px}
.papers-breadcrumbs a{color:var(--link)}
.papers-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.papers-intro{padding:24px 0 23px}
.papers-intro h1{font-size:clamp(32px,3.2vw,44px);line-height:1.3;overflow-wrap:break-word;text-wrap:balance}
.papers-main .papers-intro>p:last-child{max-width:72ch}
.papers-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:19px}
.papers-bibliography{font-size:14px;color:var(--link);text-decoration:underline;text-underline-offset:4px}
.papers-review-policy{max-width:72ch;margin:0 0 20px;color:var(--body);font-size:15px;line-height:1.8}
.papers-topic-nav{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.papers-topic-nav a{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:9px 13px;color:var(--link);background:var(--surface);font-size:14px;font-weight:550}
.papers-topic-nav a:hover{background:var(--tint);border-color:var(--strong)}
.papers-topic-nav a span{font:500 12px/1.5 var(--sans);font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:4px;background:var(--tint)}
.paper-section{padding-top:28px}
.paper-section-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:17px}
.paper-section-heading h2{min-width:0;max-width:100%;margin:0;font-size:22px;line-height:1.4;letter-spacing:-.5px;font-weight:650;overflow-wrap:break-word;text-wrap:balance}
.paper-section-heading>span{color:var(--muted);font-size:14px;white-space:nowrap}
.paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.paper-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 2px 5px var(--shadow)}
.paper-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin:12px 0 0;font-size:14px;color:var(--muted)}
.paper-year{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.paper-venue{font-weight:550}
.paper-status{padding:2px 7px;border-radius:5px;font-size:13px;background:var(--tint);color:var(--link)}
.paper-status-preprint{background:var(--preprint-bg);color:var(--preprint)}
.paper-status-conference-accepted{background:var(--accepted-bg);color:var(--accepted)}
.paper-card h3{margin:0;color:var(--ink);font-size:19px;line-height:1.5;font-weight:700;letter-spacing:0;overflow-wrap:break-word;text-wrap:balance}
.paper-card h3 a:hover{color:var(--link);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.paper-card h3 .icon{width:13px;height:13px;font-size:11px;vertical-align:baseline;margin-left:6px;color:var(--steel)}
.paper-text-arrow{display:inline-block;margin-left:5px;font-size:13px;color:var(--steel)}
.paper-original-title{max-width:72ch;margin:9px 0 0;font-size:14px;line-height:1.75;color:var(--muted);overflow-wrap:break-word}
.paper-authors{max-width:72ch;margin:11px 0 0;color:var(--muted);font-size:14px;line-height:1.75;overflow-wrap:break-word}
.paper-description{margin:12px 0;color:var(--body);font-size:16px;line-height:1.8}
.paper-scope{padding:13px 15px;border-radius:8px;border-left:2px solid var(--scope-rule);background:var(--soft)}
.paper-scope h4,.paper-details h4{margin:0 0 6px;color:var(--ink);font-size:14px;font-weight:650}
.paper-scope p{margin:0;color:var(--body);font-size:16px;line-height:1.75}
/* A plain list under the card heading, not a navigation landmark per paper. */
.paper-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 10px;padding:0;list-style:none}
.paper-links>li{display:flex}
/* Without clipboard access, the Copy link item takes its own row so the selected link field below the button has room. */
.paper-links>li:has(>.copy-link-fallback){flex:1 1 100%;flex-wrap:wrap;gap:6px 8px}
.paper-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;color:var(--link);background:var(--surface);font-size:14px;font-weight:550}
.paper-link:hover{border-color:var(--strong);background:var(--tint)}
.paper-link-primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.paper-link-primary:hover{background:var(--link);border-color:var(--link)}
.paper-link>.icon{width:11px;height:11px;font-size:10px}
.paper-link-primary .paper-text-arrow{color:var(--on-ink)}
.paper-details{padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.8}
.paper-details summary{width:fit-content;min-height:44px;padding-block:9px;cursor:pointer;font-weight:600;color:var(--link)}
.paper-details[open] summary{margin-bottom:14px;color:var(--ink)}
.paper-details p{margin:0 0 14px;font-size:15px;color:var(--body)}
/* Like the /resources/ card footer: a counted link to the entry page's sources, with their review date. */
.paper-sources{margin:4px 0 0;font-size:14px;line-height:1.6}
.paper-sources a{display:inline-flex;align-items:center;min-height:44px;color:var(--link);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.paper-sources a:hover{text-decoration-thickness:2px}
@media(max-width:1000px){.paper-grid{grid-template-columns:1fr}.paper-card{padding:24px}.paper-card h3{font-size:20px}}
@media(max-width:700px){
  .papers-breadcrumbs{margin-top:18px}
  .papers-intro{padding:21px 0}
  .papers-intro h1{font-size:31px}
  .papers-actions{gap:12px}
  .papers-review-policy{font-size:15px;margin-bottom:18px}
  .papers-topic-nav{gap:8px;padding-bottom:18px}
  .papers-topic-nav a{font-size:14px;padding:8px 11px;gap:8px}
  .paper-section{padding-top:23px}
  .paper-section-heading h2{font-size:20px}
  .paper-card{padding:21px 19px 16px}
  .paper-card h3{font-size:18px;line-height:1.55}
  .paper-description{font-size:16px}
  .paper-scope{padding:12px 13px}
  .paper-links{gap:7px}
  .paper-link{min-height:44px}
}
/* Keep full-width tablet cards comfortable to read without hiding any text. */
.paper-description,.paper-scope p,.paper-details p{max-width:68ch}
html[lang="zh-CN"] .paper-description,html[lang="zh-CN"] .paper-scope p,html[lang="zh-CN"] .paper-details p{max-width:36em}

.papers-topic-nav a{min-height:44px}

/* Search controls keep their space from first paint; scripting:none and a failed index check hide them. */
.paper-search{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,240px) auto auto;gap:12px;align-items:end;margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.paper-search-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.paper-search-field label{font-size:14px;font-weight:600}
.paper-search-field input,.paper-search-field select{width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid var(--control);border-radius:6px;background:var(--surface);font-size:16px}
.paper-search .button{min-height:44px;white-space:nowrap}
.paper-search .button:disabled{opacity:.55;cursor:default}
.paper-search-more>summary{min-height:44px;padding:10px 2px;cursor:pointer;color:var(--link);font-size:14px;font-weight:600;white-space:nowrap}
.paper-search-more[open]{grid-column:1/-1;grid-row:2}
.paper-search-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 10px}
.paper-search-help,.paper-search-results{grid-column:1/-1;margin:0;font-size:14px;line-height:1.7;color:var(--muted)}
.paper-search-results{font-weight:600;color:var(--ink)}
.paper-search-empty{padding:24px 0;color:var(--muted)}
.paper-search-empty p{margin:0 0 14px}
@media(max-width:1000px){.paper-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.paper-search-query{grid-column:1/-1}.paper-search-more[open]{grid-row:auto}.paper-search .button{justify-self:start}}
/* Phones: the search keeps the full width, Target sits beside "More filters" and the result count beside "Clear
   filters", and research areas scroll sideways in one row, so the first paper starts higher on the page.
   Rows are spaced with margins, so the row the open panel uses takes no space while it is closed. */
@media(max-width:600px){
  .paper-search{grid-template-columns:minmax(0,1fr) auto;row-gap:0;column-gap:12px;margin:14px 0;padding:14px}
  .paper-search>:not(.paper-search-query){margin-top:10px}
  .paper-search-query{grid-column:1/-1}
  .paper-search>.paper-search-field:nth-child(2){grid-column:1;grid-row:2}
  .paper-search-more{grid-column:2;grid-row:2;align-self:end}
  .paper-search-more[open]{grid-column:1/-1;grid-row:3}
  .paper-search-results{grid-column:1;grid-row:4;align-self:center}
  .paper-search .button{grid-column:2;grid-row:4;justify-self:stretch}
  .paper-search-options{grid-template-columns:1fr}
  .papers-topic-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
  .papers-topic-nav a{flex:none;white-space:nowrap}
}
@media(max-width:520px){.papers-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.papers-actions .button{min-width:0;padding-inline:10px;gap:8px}.papers-bibliography{grid-column:1/-1;justify-self:start}}

/* Compact is the static default, including without JavaScript. Scope and authors stay
   in native details; the optional card layout brings the scope panel into view. */
html[data-paper-layout="compact"] .paper-grid{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
html[data-paper-layout="compact"] .paper-card{padding:22px 2px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
html[data-paper-layout="compact"] .paper-card h3{font-size:19px;text-wrap:pretty}
/* Year · venue · status always take their own line under the title, so they line up down the list. */
html[data-paper-layout="compact"] .paper-meta{margin-top:4px}
html[data-paper-layout="compact"] .paper-description{margin:10px 0 4px;font-size:15px;line-height:1.75}
html[data-paper-layout="compact"] .paper-links{margin:8px 0 4px}
html[data-paper-layout="compact"] .paper-details{padding-top:0;border-top:0}
html[data-paper-layout="compact"] .paper-details[open]{margin-bottom:12px}
html[data-paper-layout="compact"] .paper-details .paper-authors{margin:0 0 12px}
html[data-paper-layout="compact"] .paper-details .paper-scope{margin:0 0 14px}
html[data-paper-layout="compact"] .paper-sources{margin:0 0 4px}
@media(min-width:1101px){
  html[data-paper-layout="compact"] .paper-card{display:grid;grid-template-columns:minmax(0,1fr) 16rem;grid-template-rows:auto auto auto 1fr;grid-template-areas:"header links" "description links" "description details" "description sources";column-gap:32px;align-items:start}
  html[data-paper-layout="compact"] .paper-card>header{grid-area:header}
  html[data-paper-layout="compact"] .paper-card>.paper-description{grid-area:description;max-width:90ch}
  html[data-paper-layout="compact"] .paper-card>.paper-links{grid-area:links;margin-top:0}
  html[data-paper-layout="compact"] .paper-card>.paper-details{grid-area:details}
  html[data-paper-layout="compact"] .paper-card>.paper-details[open]{grid-area:auto;grid-column:1/-1}
  html[data-paper-layout="compact"] .paper-card>.paper-sources{grid-area:sources}
  html[data-paper-layout="compact"] .paper-sources a{min-height:36px}
}
/* Between 701 and 1100 px the links share one line with the Scope & authors toggle, pushed right, under a summary
   as wide as on desktop, and the sources link sits under the toggle; from 901 px that line moves up beside the title
   and the sources link ends the row. An opened panel still spans the row. */
@media(min-width:701px) and (max-width:1100px){
  html[data-paper-layout="compact"] .paper-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"header header" "description description" "links details" ". sources";column-gap:16px;align-items:center}
  html[data-paper-layout="compact"] .paper-card>header{grid-area:header}
  html[data-paper-layout="compact"] .paper-card>.paper-description{grid-area:description;max-width:90ch}
  html[data-paper-layout="compact"] .paper-card>.paper-links{grid-area:links}
  html[data-paper-layout="compact"] .paper-card>.paper-details{grid-area:details}
  html[data-paper-layout="compact"] .paper-card>.paper-details[open]{grid-area:auto;grid-column:1/-1}
  html[data-paper-layout="compact"] .paper-card>.paper-details:not([open]),html[data-paper-layout="compact"] .paper-card>.paper-sources{justify-self:end}
  html[data-paper-layout="compact"] .paper-card>.paper-sources{grid-area:sources}
}
@media(min-width:901px) and (max-width:1100px){
  html[data-paper-layout="compact"] .paper-card{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"header links details" "description description description" ". sources sources";align-items:start}
  html[data-paper-layout="compact"] .paper-card>.paper-links{margin-top:0}
}

/* Secondary actions read as links, leaving titles and research summaries dominant. */
html[data-paper-layout="compact"] .paper-links{gap:0 16px}
html[data-paper-layout="compact"] .paper-links .paper-link{padding:4px 0;border:0;border-radius:0;background:none;min-height:36px;font-weight:500}
html[data-paper-layout="compact"] .paper-links .paper-link:hover{text-decoration:underline;text-underline-offset:4px}
.paper-details .paper-scope{margin-bottom:18px}
.paper-details .paper-authors{margin:0 0 10px}
.paper-details .paper-original-title{margin:0 0 8px}
.paper-details .paper-citation-download{margin:0 0 18px}
html[data-paper-layout="compact"] .paper-details summary{font-size:14px;font-weight:600}
html[data-paper-layout="compact"] .paper-details[open]{padding:16px 20px;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
html[data-paper-layout="compact"] .paper-details[open] summary{padding-top:0;min-height:32px}
html[data-paper-layout="compact"] .paper-details .paper-scope{padding:0 0 0 14px;border-radius:0;background:none}
@media(max-width:700px){
  html[data-paper-layout="compact"] .paper-card{padding:20px 0 10px}
  html[data-paper-layout="compact"] .paper-card h3{font-size:18px}
  html[data-paper-layout="compact"] .paper-links{gap:0 18px}
  html[data-paper-layout="compact"] .paper-links .paper-link{min-height:44px}
  html[data-paper-layout="compact"] .paper-details[open]{padding:14px}
}