/* /research/papers, ported from the reference build's page-papers.css (atlas-website/site/css/page-papers.css).
   Loaded after site.base.css and site.system.css, as in the reference. Scoped to .atlas-page; the page's root is
   .atlas-papers (no rule here keys on it). The 760 px step is the reference's own and stays.

   Moved out: the records (.paper) are the Paper Item component (PaperItem.css), since each one renders in its own
   shadow root in a Collection List. .papers stays: it is the container around each list's slot, with the list's top
   rule; each record draws its own bottom rule. */

/* /research/papers — the papers page (prototype, 2026-09-30). Three groups; each paper a record: year and venue at
   left, title (linked), authors, citation, and one line on what it is or which Atlas AI data it used. */

/* The group index under the standfirst */
.atlas-page .rp-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 40px; border-top: 1px solid var(--ink-20); max-width: 900px; }
.atlas-page .rp-groups a { display: flex; align-items: baseline; gap: 14px; padding: 18px 20px 16px 0; color: var(--ink); text-decoration: none;
               font: 400 20px/1.3 var(--serif); }
.atlas-page .rp-groups a::after { content: "\2193"; margin-left: auto; color: var(--ochre-text); font: 400 16px var(--sans); }
.atlas-page .rp-groups a + a { padding-left: 20px; border-left: 1px solid var(--ink-14); }
.atlas-page .rp-groups .n { font: 400 34px/1 var(--serif); color: var(--ochre-text); }
.atlas-page .rp-groups a:hover { color: var(--ochre-text); }

.atlas-page .rp-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: baseline; margin-bottom: 26px; }
.atlas-page .rp-head h2 { font: 400 clamp(28px, 2.8vw, 38px)/1.15 var(--serif); margin: 0; }
.atlas-page .rp-head p { margin: 0; font: 400 17px/1.5 var(--serif); font-style: italic; color: var(--ink-70); }

.atlas-page .papers { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink-20); }
.atlas-page .rp-close { margin: 26px 0 0; font-size: 15px; color: var(--ink-70); }
.atlas-page .rp-close a { color: var(--ink); }

@media (max-width: 760px) {
  .atlas-page .rp-groups { grid-template-columns: 1fr; }
  .atlas-page .rp-groups a + a { padding-left: 0; border-left: 0; border-top: 1px solid var(--ink-14); }
  .atlas-page .rp-head { grid-template-columns: 1fr; gap: 10px; }
}