/* ============================================================
   Mauricio Bucca — custom refinements
   Layered on top of hugo-theme-console. Goal: keep the terminal
   aesthetic, but make it read as crafted and high-signal.
   All accents use the theme's CSS variables so light/dark adapt.
   ============================================================ */

/* --- Section / page headings -------------------------------------------------
   The base theme leaves a 150px gap under every h1, which floats titles far
   from their content. Tighten it and give each heading a thin accent rule so
   the page reads as structured rather than sparse. */
h1 {
    margin-top: 1.6em;
    margin-bottom: 0.55em;
    letter-spacing: 0.01em;
}

/* First heading on a page shouldn't push down from the nav. */
.container > h1:first-child {
    margin-top: 0.4em;
}

/* --- Profile quick-links (Scholar · CV · GitHub) ---------------------------- */
.profile-links {
    margin-top: 1.1em;
    font-size: 0.92em;
    letter-spacing: 0.02em;
}

.profile-links a {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    transition: border-color 0.18s ease, color 0.18s ease;
}

.profile-links a:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

/* --- Body copy & links ------------------------------------------------------- */
.container p,
.container li {
    line-height: 1.7;
}

.container a {
    transition: color 0.18s ease;
}

.container a:hover {
    color: var(--primary-color);
}

/* Journal / venue names (italic) get a touch more presence — a quiet nod to
   where the work lives. */
.container em {
    font-style: italic;
    color: var(--font-color);
}

/* Triple-emphasis (***Nature***, ***Sociological Methods & Research***) reads
   as a subtle flagship marker without shouting. */
.container strong em,
.container em strong {
    color: var(--primary-color);
    font-style: italic;
    font-weight: 700;
}

/* --- Publication & ongoing-work lists ---------------------------------------
   A little more air between entries so each reads as its own typeset record,
   without disturbing the native list markers (the News list keeps its emoji). */
.container ul li {
    margin-bottom: 1em;
}

.container ul li::marker {
    color: var(--secondary-color);
}

/* --- Profile photo ----------------------------------------------------------- */
figure img {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

figure img:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

/* --- Footer ------------------------------------------------------------------ */
.footer {
    font-size: 0.85em;
    letter-spacing: 0.02em;
}