/* applything.com: your information once, a CV per job. The kit (kit.css)
   is the look; the page sets its green accent and draws the CV it makes as
   a page: a serif, small capitals and ruled sections, like the LaTeX it is,
   shown dark the way a dark PDF viewer would, so nothing flashes white. */

:root {
  --bg: #0b0d0c;
  --surface: #131715;
  --surface-up: #1a1f1c;
  --ink: #e9eeeb;
  --muted: #9eaaa4;
  --dim: #838f89;
  --accent: #3fb57a;
  --accent-bright: #62c794;
  --accent-deep: #25905b;
  --accent-ink: #03170c;
}

.paper {
  display: grid;
  gap: 0.35rem;
  padding: var(--s5) var(--s6);
  background: #1a1c20;
  border: 1px solid var(--page-line);
  border-radius: 4px;
  font-family: "Latin Modern Roman", "CMU Serif", Georgia, "Times New Roman", serif;
  color: #e8e6e1;
}

.paper-name {
  font-size: 1.5rem;
  font-variant: small-caps;
  letter-spacing: 0.03em;
  text-align: center;
}

.paper-meta {
  margin-bottom: var(--s2);
  font-size: 0.85rem;
  color: #a9a59c;
  text-align: center;
}

.paper-h {
  margin-top: var(--s2);
  border-bottom: 1px solid #6d6a63;
  font-variant: small-caps;
  font-weight: 600;
}

.window.browser .l.paper-row {
  display: flex;
  justify-content: space-between;
  gap: var(--s3);
  font-weight: 600;
}

.paper-row span {
  font-weight: 400;
  font-style: italic;
  white-space: nowrap;
}

.window.browser .l.paper-li {
  position: relative;
  padding-left: 1.1rem;
}

.paper-li::before {
  content: "•";
  position: absolute;
  left: 0.25rem;
}

@media (max-width: 47.99rem) {
  .paper {
    padding: var(--s4);
  }
}