/* About Page Styles */

.inline-link {
    color: var(--color-accent);
    text-decoration: none;
}

.inline-link:hover {
    text-decoration: underline;
}

/* Consistent spacing for window content */
.biography-window p:first-of-type,
.certifications-window .certifications-grid {
    padding-top: 8px;
}

/* Certification section styling */
.certification-section h3 {
    font-size: 14px;
    margin-bottom: 12px;
    color: var(--color-black);
}

/* About Page Layout */
.about-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* On wider screens, create two-column layout */
@media (min-width: 900px) {
    .about-layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    
    .about-left-column {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    
    .biography-window {
        grid-column: 1;
    }
    
    .certifications-window {
        grid-column: 1;
    }
    
    .skills-window {
        grid-column: 2;
    }
    
    .certifications-window .certifications-grid {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

/* Stack on smaller screens */
@media (max-width: 899px) {
    .certifications-window .certifications-grid {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}