.author-box {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    margin: 40px 0;
}

.author-main {
    display: flex;
    gap: 20px;
}
.author-box svg {
    width: 30px;
    height: 30px;
}
.coach-headshot {
    width: 65px;
    flex-shrink: 0;
}

.coach-headshot img {
    width: 100%;
    height: auto;
    border-radius: 100px;
}

.coach-written-by {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.written-by-label {
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.coach-written-by h2 {
    margin: 0;
    font-size: 14px;
    text-transform:uppercase;
    color: #1f2937;
}

.coach-title {
    display: flex;
    gap: 4px;
    font-size: 0.875rem;
}

.coach-level {

}

.sport-specialty {
    color: #4b5563;
}

.update-info {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    max-width: 240px;
    padding-left: 20px;
    border-left: 1px solid #e5e7eb;
}

.update-icon-wrapper {
    flex-shrink: 0;
}

.update-icon {
    width: 24px;
    height: 24px;
    color: #6b7280;
}

.update-details {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.updated-label {
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.updated-date {
    font-size: 0.875rem;
    color: #1f2937;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 768px) {
    .author-box {
        flex-direction: row;
        gap: 10px;
        flex-wrap: nowrap;
    }
    
    .author-main {
        flex-direction: row;
        flex:3;
    }
    
    .coach-headshot {
        width: 45px;
    }
    .author-box svg {
        width: 25px;
        height: 25px;
    }
    .update-info {
        border-left: none;
        padding-left: 0;
        max-width: none;
        flex:2;
    }
}

/* Add margin above "About the Author" */
.author-box-bottom {
    margin-top: 30px; /* Adjust as needed */
}

/* Reduce the margin for the bottom author box only */
.author-box-bottom .author-box {
    margin: 25px 0 !important; /* Reduce vertical spacing */
}

/* Unique styling for the short bio to avoid conflicts */
.coach-short-bio {
    margin-top: 20px; /* Adds space above the bio */
    font-size: 0.875rem;
    color: #374151;
    line-height: 1.5;
	font-size: 1rem;
}

/* Change the "About the Author" font */
.author-box-bottom h3.author-box-title {
    font-family: "trade-gothic-lt-condensed-bold", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

/* Style the "About the Author" section with a thin grey border */
.author-box-bottom {
    border: 1px solid #d1d5db; /* Light grey border */
    padding: 20px; /* Add some padding inside the border */
    border-radius: 5px; /* Optional: Slightly rounded corners */
    background-color: #f9f9f9; /* Optional: Light background to differentiate */
	box-shadow: 0 .15em .35em #0002; /* Add drop shadow */
}