/* Load Inter from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* Override ALL font classes to use Inter consistently */
body,
.secondary-font,
#secondary-font,
.primary-font,
#primary-font,
.default-font,
#default-font {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Normalize font weight across sections — About Me and Contact should match */
#about p,
#contact p,
.card-text,
.secondary-font {
    font-weight: 400 !important;
}

/* About page — two column layout */
.about-layout {
    display: flex !important;
    gap: 2.5rem;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.about-photo {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    height: 370px !important;
    object-fit: cover !important;
    object-position: center 15% !important;
    border-radius: 8px !important;
}

.about-text {
    flex: 1;
}

/* Stack on mobile */
@media (max-width: 640px) {
    .about-layout {
        flex-direction: column;
    }
    .about-photo {
        width: 100% !important;
        min-width: unset !important;
        max-width: 100% !important;
        height: 320px !important;
    }
}

/* About page profile photo */
.post-content img[alt="Dagar Katyal on a trail"],
.page-content img[alt="Dagar Katyal on a trail"] {
    display: block;
    width: 320px;
    height: 420px;
    object-fit: cover;
    object-position: center 15%;
    border-radius: 8px;
    margin: 0 0 2rem 0;
}
#single {
    --text-link-color: #444444;
    --primary-color: #444444;
}

/* Headings in post body */
#single .page-content h1,
#single .page-content h2,
#single .page-content h3,
#single .page-content h4,
#single .page-content h5,
#single .page-content h6 {
    color: #2d2d2d !important;
}

/* Links in post body */
#single .page-content a {
    color: #444444 !important;
}

#single .page-content a:hover {
    color: #111111 !important;
}