/*
  George Yean — custom overrides
  Supplements the base Future Imperfect theme.
*/

/* ── 1. Inline-style replacements ───────────────────────────── */

/* Replaces style="max-width:70%;margin:0 auto;" on After Equilibrium image */
.image-center-constrained {
    display: block;
    max-width: 70%;
    margin: 0 auto;
}

/* Replaces style="margin-top:1em;" on intro name paragraph */
#intro header p.intro-name {
    margin-top: 1em;
}

/* ── 2. Profile image — circular ────────────────────────────── */

#intro .logo {
    width: 5.5em;
    border-radius: 50%;
    overflow: hidden;
}

#intro .logo img {
    border-radius: 50%;
    width: 5.5em;
    margin-left: 0;
    display: block;
}

/* Remove the SVG diamond cutout overlay */
#intro .logo:before {
    display: none;
}

/* ── 3. Professional polish ─────────────────────────────────── */

/* Subtle lift on research article cards */
.post {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
    border-radius: 2px;
}

/* Subtitle (h3) in article headers: lighter weight for hierarchy */
.post > header .title h3 {
    font-weight: 400;
    color: #555;
    letter-spacing: 0.01em;
}

/* "Draft PDF" / "Working Paper" buttons: tighter spacing */
.button.large {
    letter-spacing: 0.18em;
}

/* ── 4. Mobile: profile image when centered ─────────────────── */

@media screen and (max-width: 1280px) {
    #intro .logo {
        width: 7em;
        margin: 0 auto 1em auto;
    }

    #intro .logo img {
        width: 7em;
    }
}

/* ── 5. Small-screen refinements (≤736px) ───────────────────── */

@media screen and (max-width: 736px) {
    #intro .logo {
        width: 5.5em;
        margin: 0 auto 0.75em auto;
    }

    #intro .logo img {
        width: 5.5em;
    }

    /* Readable article titles on small screens */
    .post > header .title h2 {
        font-size: 1.15em;
        line-height: 1.45;
    }

    .post > header .title h3 {
        font-size: 0.88em;
        line-height: 1.5;
    }

    /* Slightly more breathing room in the about blurb */
    .blurb p {
        font-size: 0.92em;
        line-height: 1.85;
    }

    /* Prevent article images from spanning wider than comfortable */
    .post > a.image.featured img {
        object-fit: cover;
        max-height: 220px;
    }
}

/* ── 6. Contact/social link in footer ──────────────────────── */
#footer .icons a {
    border-bottom: 0;
}