/*
  custom.css — additional styles layered on top of the Dimension template.
  This file is linked in index.html AFTER main.css, so anything here
  overrides the template defaults. Think of it like Python: later imports win.
*/

/* ── Profile picture: circular with a soft white ring ── */
/*
  The profile img lives inside #header > .content > .inner.
  border-radius: 50% turns a square into a circle.
  The box-shadow adds a subtle glow effect.
*/
#header .content .inner img {
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.45);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
}

/* ── Sub-headings inside article modals ── */
/*
  h3 is not styled in the Dimension template by default.
  These appear in the Publications section to separate first-author
  from contributed papers.
*/
#main article h3 {
    font-size: 0.75em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: rgba(255, 255, 255, 0.55);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 0.6em;
    margin: 1.8em 0 1em;
}

/* ── Numbered publication list ── */
/*
  The template only styles <ul> by default.
  These rules make <ol> look clean inside article modals.
*/
#main article ol {
    list-style: decimal;
    padding-left: 1.4em;
    margin: 0 0 1.5em 0;
}

#main article ol li {
    padding: 0.7em 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    line-height: 1.65;
    font-size: 0.9em;
}

#main article ol li:last-child {
    border-bottom: none;
}

/* ── Bulleted service/community lists ── */
/*
  The template's ul styling (from main.css) adds dashes.
  We refine spacing here so multi-line items breathe.
*/
#main article ul li {
    padding: 0.35em 0;
    line-height: 1.6;
}

/* ── "Section label" paragraphs (bold intro lines like "Leadership:") ── */
#main article p b:only-child,
#main article p > b:first-child {
    color: rgba(255, 255, 255, 0.9);
}

/* ── Paper title italics ── */
#main article ol li i {
    color: rgba(255, 255, 255, 0.85);
}