/* PhAI Labs -- /papers/ and /papers/<slug>/
   ByteDance Seed's publications shape (date column, collapsed abstract, then a
   record page of label/value rows) in this site's dark editorial type. Loaded
   only where `papersCss` is set, so it costs nothing on the rest of the site.
   Tokens, .shell, .btn, .hero--page and .rv all come from site.css. */

/* ================================================ 1. the archive list */
.sec--pubs{padding-top:clamp(1rem,3vh,2.5rem)}
.pubs{border-top:1px solid var(--rule)}
.pub{
  display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);
  gap:.6rem var(--gap);padding:2rem 0 2.2rem;border-bottom:1px solid var(--rule-soft);
}
.pub__meta{
  grid-column:1;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
}
.pub__meta time{color:var(--ink-2)}
.pub__topic{color:var(--blue)}
.pub__body{grid-column:2;min-width:0}
.pub__title{
  font-family:var(--serif);font-weight:400;font-size:var(--t-3);line-height:1.32;
  letter-spacing:-.01em;max-width:34em;
}
.pub__title a{transition:color .25s var(--ease)}
.pub__title a:hover{color:var(--blue-2)}
.pub__authors{
  margin-top:.5rem;font-size:.84rem;color:var(--ink-3);font-style:italic;
  font-family:var(--serif);
}
/* The abstract is present in full for anything that reads the markup and
   collapsed to three lines for anything that reads the page -- the same effect
   Seed gets by truncating server-side, without throwing the text away. */
.pub__abs{
  margin-top:.7rem;color:var(--ink-2);font-size:var(--t-small);line-height:1.65;max-width:46em;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;
}
.pub__foot{
  margin-top:.85rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);
}
.pub__pending{
  padding:.2rem .55rem;border:1px solid var(--amber);border-radius:999px;
  color:var(--amber);font-size:.6rem;
}
.pubs__count{
  margin-top:1.4rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-4);
}

/* ================================================ 2. the record page */
.paper{padding-top:clamp(5rem,12vh,8rem)}
.paper__date{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--ink-3);
  margin-bottom:1rem;
}
/* Titles here are English even on the Chinese tree, so they keep the Latin
   tracking rather than the CJK rule site.css applies to .display. */
.paper__title{max-width:22em;letter-spacing:-.025em}
html[lang="zh-CN"] .paper__title{max-width:22em;letter-spacing:-.025em}

.paper__acts{
  margin-top:clamp(1.8rem,4vh,2.6rem);display:flex;flex-wrap:wrap;
  align-items:center;justify-content:space-between;gap:1rem;
}
.paper__btns,.paper__pager{display:flex;flex-wrap:wrap;gap:.6rem}
.btn--sm{min-width:0;padding:.55rem 1rem;font-size:.84rem;color:var(--ink-2)}
.btn--sm:hover{color:var(--ink)}
/* A link that is not live yet is a stated date, never a dead button. */
.btn--wait{
  min-width:9.5rem;gap:.6rem;color:var(--ink-3);border-style:dashed;cursor:default;
  display:inline-flex;align-items:center;justify-content:center;
  padding:.72rem 1.25rem;border:1px dashed var(--rule);border-radius:999px;
  font-size:.92rem;font-weight:500;
}
.btn--wait small{
  font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;
  padding:.18rem .5rem;border:1px solid var(--rule);border-radius:999px;color:var(--amber);
}

.paper__rows{margin-top:clamp(2.5rem,6vh,4rem);border-top:1px solid var(--rule)}
/* A narrow value column is what forces the abstract into a tall thin ribbon the
   reader has to scroll. Measured off Seed's own record page at 1440: label
   column 222px, body block 891px. A fixed 13rem label against 1fr lands the
   body at 880px inside this site's 1136px content box -- same reading measure,
   the site's own margins. */
.paper__row{
  display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);
  gap:.8rem var(--gap);padding:2.4rem 0 2.6rem;border-bottom:1px solid var(--rule-soft);
}
.paper__label{
  grid-column:1;font-size:1.06rem;font-weight:500;letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink-2);padding-top:.15rem;line-height:1.4;
}
.paper__val{grid-column:2;min-width:0}
.paper__val--abs p{color:var(--ink-2);font-size:clamp(1.04rem,1.25vw,1.18rem);line-height:1.75}
.paper__authors{
  font-family:var(--serif);font-style:italic;color:var(--ink-2);
  font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.8;
}
.paper__note{margin-top:.55rem;font-size:.94rem;color:var(--ink-3)}
.paper__note a{color:var(--blue);word-break:break-all}
.paper__back{margin-block:clamp(2.5rem,6vh,4rem);font-size:var(--t-small)}
.paper__back a{color:var(--ink-3);transition:color .25s var(--ease)}
.paper__back a:hover{color:var(--blue-2)}

/* ================================================ 3. the citation block */
.cite{position:relative;margin-bottom:1.2rem;max-width:56em}
.cite__cap{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-4);margin-bottom:.45rem;
}
.cite__text{
  margin:0;padding:1rem 5.5rem 1rem 1.1rem;background:var(--bg-2);
  border:1px solid var(--rule-soft);border-radius:6px;
  font-family:var(--mono);font-size:.78rem;line-height:1.75;color:var(--ink-2);
  white-space:pre-wrap;word-break:break-word;
}
.cite__text--bib{font-size:.8rem;white-space:pre;overflow-x:auto}
.cite__btn{
  position:absolute;right:.65rem;bottom:.65rem;padding:.35rem .8rem;
  background:transparent;border:1px solid var(--rule);border-radius:999px;
  font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);cursor:pointer;transition:color .25s var(--ease),border-color .25s var(--ease);
}
.cite__btn:hover{color:var(--ink);border-color:var(--ink-3)}
.cite__btn.is-done{color:var(--amber);border-color:var(--amber)}

/* ================================================ 4. responsive */
@media (max-width:860px){
  .pub,.paper__row{grid-template-columns:1fr;gap:.5rem}
  .pub__meta,.pub__body,.paper__label,.paper__val{grid-column:1}
  .pub__meta{flex-direction:row;align-items:center;gap:.8rem}
  .pub__body{margin-top:.4rem}
  .paper__label{padding-top:0}
  .paper__val{margin-top:.2rem}
  .paper__acts{flex-direction:column;align-items:flex-start}
  .cite__text{padding:1rem 1.1rem 3.2rem}
  .cite__btn{right:auto;left:.65rem}
}