:root{--primary-color: #5d5d81;--background-color: #FFF;--text-color: #333;--light-text-color: #777;--border-radius: 12px;--shadow: 0 8px 12px rgba(0, 0, 0, 0.08)}
@media screen and (min-width:280px){
.author-card {width: calc(100% - 40px);-max-width: 400px;margin: 20px auto;padding: 30px 20px;box-shadow: 0 0 0 1px #888 inset;background-color: var(--background-color);--border-radius: var(--border-radius);--box-shadow: var(--shadow);text-align: center;font-family: 'Arial', sans-serif}
.author-header {margin-bottom: 20px}
.author-photo{width: 150px;height: 150px;object-fit: cover;border-radius: 50%;border: 4px solid var(--primary-color);margin-bottom: 15px;transition: transform 0.3s ease-in-out}
.author-card:hover .author-photo{transform: scale(1.05)}
.author-name {color: var(--text-color);margin: 0 0 5px 0;ont-size: 1.6em;font-weight: 700}
.author-tag {display: block;color: var(--primary-color);font-size: 0.7em;font-weight: 500;text-transform: uppercase;letter-spacing: 1px}
.author-bio {margin-bottom: 25px;padding: 0 10px}
.author-bio p {color: var(--light-text-color);line-height: 1.6;font-size: 1em}
.author-details {display: flex;justify-content: space-around;padding-top: 15px;border-top: 1px solid #eee;margin-bottom: 20px}
.detail-item {margin: 0;font-size: 0.8em;color: var(--text-color)}
.detail-label {display: block;font-weight: 600;color: var(--primary-color);margin-bottom: 3px}
.author-links{display: flex;justify-content: center;gap: 15px}
.link-btn {text-decoration: none;padding: 8px 15px;border-radius: 6px;font-weight: 600;transition: background-color 0.3s, color 0.3s}
.wikipedia-btn {background-color: var(--primary-color);color: white}
.wikipedia-btn:hover {background-color: #4a4a6b}
.social-btn {background-color: #f0f0f0;color: var(--primary-color);border: 1px solid #ddd}
.social-btn:hover {background-color: #e0e0e0}
}

@media screen and (min-width:900px){
	.author-card {width:650px;-max-width:400px;margin:20px auto;padding:30px;box-shadow:0 0 0 1px #888 inset;background-color: var(--background-color);--border-radius: var(--border-radius);--box-shadow: var(--shadow);text-align: center;font-family: 'Arial', sans-serif}
	.author-header {margin-bottom:20px}
	.author-photo{width: 150px;height:150px;object-fit:cover;border-radius: 50%;border: 4px solid var(--primary-color);margin-bottom: 15px;transition: transform 0.3s ease-in-out}
	.author-card:hover .author-photo{transform: scale(1.05)}
	.author-name {color: var(--text-color);margin: 0 0 5px 0;ont-size: 1.6em;font-weight: 700}
	.author-tag {display: block;color: var(--primary-color);font-size: 0.9em;font-weight: 500;text-transform: uppercase;letter-spacing: 1px}
	.author-bio {margin-bottom: 25px;padding: 0 10px}
	.author-bio p {color: var(--light-text-color);line-height: 1.6;font-size: 1em}
	.author-details {display: flex;justify-content: space-around;padding-top: 15px;border-top: 1px solid #eee;margin-bottom: 20px}
	.detail-item {margin: 0;font-size: 0.9em;color: var(--text-color)}
	.detail-label {display: block;font-weight: 600;color: var(--primary-color);margin-bottom: 3px;}
	.author-links {display: flex;justify-content: center;gap: 15px}
	.link-btn {text-decoration: none;padding: 8px 15px;border-radius: 6px;font-weight: 600;transition: background-color 0.3s, color 0.3s}
}