/* ============================================================
   home-grey.css — Monochrome / mono-type variant (preview)
   Layered after home.css; overrides tokens and a few treatments.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');

body.home {
  background: #0c0c0c;
}

.home {
  --mono:       'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --ink:        #e6e6e6;
  --ink-soft:   #9a9a9a;
  --ink-faint:  #6a6a6a;
  --rule:       #232323;
  --surface:    #161616;
  --link:       #e6e6e6;
  --link-hover: #ffffff;
}

/* Links: grey ink, always underlined, no colour accent */
.home a {
  text-decoration: underline;
  text-decoration-color: #4a4a4a;
  text-decoration-thickness: 1px;
}
.home a:hover { text-decoration-color: currentColor; }
.home a:focus-visible { outline-color: #e6e6e6; }

/* Mono for structure: name, labels, venues, dates, links */
.masthead h1 {
  font-family: var(--mono);
  font-weight: 700;
  letter-spacing: -0.04em;
}

.roles, .contact, .block > h2, .pub-meta, .news time, .edu, .home-footer {
  font-family: var(--mono);
}

.roles { font-size: 0.9rem; }
.contact { font-size: 0.82rem; }
.contact svg { display: none; }
.home .contact a { color: var(--ink-soft); text-decoration-color: #3a3a3a; }

.block > h2 {
  font-size: 0.85rem;
  font-weight: 500;
  text-transform: lowercase;
  color: var(--ink-faint);
  letter-spacing: 0;
}

/* Masthead photo: square-ish, flat */
.masthead img {
  border-radius: 2px;
  box-shadow: none;
  outline: 1px solid var(--rule);
}

/* Publications */
.home .pub h3 a { text-decoration: none; }
.home .pub h3 a:hover { text-decoration: underline; }

.pub-meta { font-size: 0.8rem; gap: 0.25rem 0.75rem; }
.venue { font-weight: 500; color: var(--ink-soft); }

.home .pub-meta a { text-decoration: none; color: var(--ink); }
.home .pub-meta a::before { content: '['; color: var(--ink-faint); }
.home .pub-meta a::after  { content: ']'; color: var(--ink-faint); }
.home .pub-meta a:hover { color: #fff; }

.pub-media {
  border-radius: 0;
  box-shadow: none;
  outline: 1px solid var(--rule);
}

/* News + education */
.news time { font-size: 0.82rem; padding-top: 0.1rem; }
.edu { font-size: 0.85rem; }

.home-footer { font-size: 0.75rem; }