/* ============================================================
   BLOC AUTHOR-BOX : fin d'article
   À ajouter dans style.css du thème (ou un fichier compilé),
   PAS de bloc :root ici : les variables --primary-orange,
   --light-navy, etc. sont déjà déclarées globalement.
   Largeur = colonne de contenu, placé juste après le dernier
   paragraphe, avant les articles liés.
   ============================================================ */
.AUTHOR-BOX{
	margin:48rem 0 0;
	padding:28rem;
	border:1rem solid var(--grey);
	border-left:4rem solid var(--primary-orange);
	border-radius:16rem;
	background:var(--light-grey);
}
.AUTHOR-BOX .box-body{display:flex;gap:22rem;align-items:flex-start;}

.AUTHOR-BOX .avatar{flex:0 0 88rem;text-align:center;}
.AUTHOR-BOX .avatar img,
.AUTHOR-BOX .avatar svg{
	width:88rem;height:88rem;border-radius:100rem;object-fit:cover;
	border:3rem solid var(--white);box-shadow:0 8rem 24rem rgba(0,35,52,.12);
	box-sizing:border-box;
}
.AUTHOR-BOX .avatar .count{
	display:block;margin-top:12rem;font-size:13rem;line-height:1.3;
	font-weight:500;color:var(--dark-grey);
}
.AUTHOR-BOX .avatar .count strong{
	display:block;font-size:22rem;line-height:1;font-weight:600;color:var(--primary-orange);
}

.AUTHOR-BOX .identity{flex:1;min-width:0;}
.AUTHOR-BOX .eyebrow{
	font-size:13rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
	color:var(--dark-grey);margin:0 0 6rem;
}
.AUTHOR-BOX .name{font-size:20rem;line-height:1.25;font-weight:600;margin:0 0 4rem;}
.AUTHOR-BOX .name a{color:var(--dark-navy);text-decoration:none;}
.AUTHOR-BOX .name a:hover{color:var(--primary-orange);}
.AUTHOR-BOX .role{font-size:15rem;font-weight:600;color:var(--primary-orange);margin:0 0 14rem;}
.AUTHOR-BOX .role .org{color:var(--dark-navy);}
.AUTHOR-BOX .bio{font-size:16rem;line-height:1.6;color:var(--text-soft);margin:0 0 20rem;}
.AUTHOR-BOX .bio strong{font-weight:600;color:var(--text);}
.AUTHOR-BOX .bio a{color:var(--dark-navy);text-decoration:underline;text-underline-offset:2rem;}
.AUTHOR-BOX .bio a:hover{color:var(--primary-orange);}

.AUTHOR-BOX .actions{display:flex;flex-wrap:wrap;gap:12rem;align-items:center;}
.AUTHOR-BOX .actions .social{
	display:inline-flex;align-items:center;gap:9rem;padding:10rem 18rem;
	border:1rem solid var(--grey);border-radius:100rem;background:var(--white);
	color:var(--dark-navy);
	font-size:15rem;font-weight:500;text-decoration:none!important;transition:.2s;
}
.AUTHOR-BOX .actions .social:hover{
	background:var(--dark-navy);border-color:var(--dark-navy);color:var(--white);
}
.AUTHOR-BOX .actions svg{width:16rem;height:16rem;flex:0 0 16rem;}

@media (max-width:600px){
	.AUTHOR-BOX{padding:22rem;}
	.AUTHOR-BOX .box-body{gap:16rem;}
	.AUTHOR-BOX .avatar{flex:0 0 64rem;}
	.AUTHOR-BOX .avatar img,.AUTHOR-BOX .avatar svg{width:64rem;height:64rem;border-width:2rem;}
	.AUTHOR-BOX .avatar .count{font-size:12rem;}
	.AUTHOR-BOX .avatar .count strong{font-size:18rem;}
	.AUTHOR-BOX .actions{width:100%;}
	.AUTHOR-BOX .actions .b-button{flex:1 1 100%;}
	.AUTHOR-BOX .actions .social{flex:1 1 100%;justify-content:center;}
}